body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bar-color:#f2f2f2;--sidebar-color:#d9dbde;--topnav-color:#d9dbde;--select-color:#fff;--select-hover-color:#bbcfec;--text-color:#414042;--button-border:#414042}.stage{position:relative;z-index:5}.editor-container{height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:50}.main-container{display:grid;grid-template-rows:50px 1fr;height:100vh;width:100%}.top-navigation{background-color:#d9dbde;background-color:var(--topnav-color);color:#414042;color:var(--text-color);grid-column-end:4;grid-column-start:1;grid-row-end:2;grid-row-start:1;height:50px;z-index:99}.topnav_logo{height:42px;margin:4px;width:auto}.app-container{display:grid;grid-template-columns:50px 8fr 300px;grid-template-rows:50px 50px 1fr 50px;height:100vh;left:0;position:absolute;top:0;width:100vw}.sidepanel{background-color:#d9dbde;background-color:var(--sidebar-color);display:flex;flex-direction:column;grid-column-end:4;grid-column-start:3;grid-row-end:5;grid-row-start:3;overflow-y:scroll;z-index:99}.sidepanel__elementgroup{border:0;border-radius:5px;margin:5px}.sidepanel__element,.sidepanel__elementgroup{background-position:50%;background-size:cover;display:flex;flex-direction:column;grid-auto-flow:dense;height:50;outline:none;white-space:nowrap}.sidepanel__element{background-color:#f2f2f2;border:1px solid #e2e6ea;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#414042;color:var(--text-color);padding:5px}.toolbar{background:#f2f2f2;background:var(--bar-color);grid-column-end:2;grid-column-start:1;grid-row-end:4;grid-row-start:3;padding-left:3px;padding-right:3px;z-index:99}.toolbar img{filter:contrast(50%) brightness(100%);height:36px;width:36px}.toolbar__button{background-color:initial;grid-auto-flow:dense;height:36px;width:36px}.toolbar__button,.toolbar__button:hover{background-position:50%;background-size:cover;border:0;cursor:pointer;outline:none;padding:0;white-space:nowrap}.toolbar__button:hover{border-radius:8%}.toolbar__button--active,.toolbar__button:hover{background-color:#fff;background-color:var(--select-color);box-shadow:inset 0 0 0 1px #414042;box-shadow:0 0 0 1px var(--button-border) inset}.toolbar__button--active{background-position:50%;background-size:cover;border:0;border-radius:8%;cursor:pointer;height:36px;outline:none;padding:0;white-space:nowrap;width:36px}.editor{grid-column-end:4;grid-row-end:5;grid-row-start:1;z-index:50}.editor,.ribbon{grid-column-start:1}.ribbon{background:#f2f2f2;background:var(--bar-color);color:#414042;color:var(--text-color);grid-column-end:span 3;grid-row-end:3;grid-row-start:2;padding-bottom:7px;padding-top:7px;z-index:99}.ribbon img{filter:contrast(50%) brightness(100%);height:36px;width:36px}.statusbar{background:#f2f2f2;background:var(--bar-color);color:#414042;color:var(--text-color);display:flex;flex-direction:row;grid-column-end:span 2;grid-column-start:1;grid-row-end:5;grid-row-start:4;justify-content:left;z-index:99}.statusbar--list-item{padding-left:1ch;width:auto}.statusbar--list-item,.statusbar--list-value{align-items:center;display:flex;justify-content:left}.statusbar--list-value{padding:1ch;white-space:nowrap;width:6ch}:root{--bg:#fff;--panel:#f7f8fa;--panel-strong:#eef1f4;--border:#e2e6ea;--border-strong:#d8dde3;--text:#1f2a37;--text-muted:#6b7280;--primary:#1f7aec;--primary-strong:#155db4;--danger:#e55757;--danger-strong:#c23f3f;--shadow:0 8px 24px #1018281f;--radius:8px;--action:#2f343a;--action-ring:#2f343a24}.modal-overlay{align-items:center;background:#0f172a52;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{background:#fff;background:var(--bg);border:1px solid #e2e6ea;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);box-shadow:0 8px 24px #1018281f;box-shadow:var(--shadow);color:#1f2a37;color:var(--text);display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:min(980px,94vw)}.modal-content>h2{font-size:18px;font-weight:600;line-height:1;margin:0;padding:16px 20px 12px}.image-grid-container,.modal-content>h2{border-bottom:1px solid #e2e6ea;border-bottom:1px solid var(--border)}.image-grid-container{background:#f7f8fa;background:var(--panel);display:flex;gap:0;min-height:360px;padding:16px}.image-grid{grid-gap:12px;display:grid;flex:1 1 auto;gap:12px;grid-auto-rows:128px;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));overflow-y:auto;padding-right:12px}.image-grid.half-width{flex:0 0 50%}.image-item{background:#fff;background:var(--bg);border:1px solid #e2e6ea;border:1px solid var(--border);border-radius:6px;box-sizing:border-box;cursor:pointer;height:100%;padding:6px;position:relative;transition:box-shadow .12s ease,border-color .12s ease,background .12s ease}.image-item:hover{border-color:#d8dde3;border-color:var(--border-strong);box-shadow:0 1px 0 #1018280a}.image-item.selected{border-color:#2f343a;border-color:var(--action);box-shadow:inset 0 0 0 3px #2f343a24;box-shadow:0 0 0 3px var(--action-ring) inset}.image-item img{background:#eef1f4;background:var(--panel-strong);border-radius:4px;display:block;height:100%;object-fit:contain;width:100%}.delete-btn{background:#fff;background:var(--bg);border:1px solid #e2e6ea;border:1px solid var(--border);border-radius:999px;color:#6b7280;color:var(--text-muted);cursor:pointer;font-size:16px;height:26px;line-height:24px;padding:0;position:absolute;right:6px;top:6px;transition:color .12s ease,border-color .12s ease,background .12s ease;width:26px}.delete-btn:hover{background:#fff5f5;border-color:#e55757;border-color:var(--danger);color:#e55757;color:var(--danger)}.image-preview{align-items:center;background:#fff;background:var(--bg);border-left:1px solid #e2e6ea;border-left:1px solid var(--border);display:flex;flex:0 0 50%;justify-content:center;padding-left:16px;position:relative}.image-preview img{background:#eef1f4;background:var(--panel-strong);border:1px solid #e2e6ea;border:1px solid var(--border);border-radius:6px;max-height:62vh;max-width:100%;object-fit:contain}.close-preview{background:#fff;background:var(--bg);border:1px solid #e2e6ea;border:1px solid var(--border);border-radius:999px;color:#6b7280;color:var(--text-muted);cursor:pointer;font-size:18px;height:28px;line-height:26px;padding:0;position:absolute;right:18px;top:10px;transition:color .12s ease,border-color .12s ease,background .12s ease;width:28px}.close-preview:hover{background:#f3f8ff;border-color:#1f7aec;border-color:var(--primary);color:#1f7aec;color:var(--primary)}.modal-controls{align-items:center;background:#fff;background:var(--bg);display:flex;gap:10px;padding:12px 16px}.modal-controls .spacer{flex:1 1}.add-btn{align-items:center;background:#f7f8fa;background:var(--panel);border:1px solid #e2e6ea;border:1px solid var(--border);border-radius:6px;color:#1f2a37;color:var(--text);cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:8px 14px;transition:background .12s ease,border-color .12s ease;-webkit-user-select:none;user-select:none}.add-btn:hover{background:#eef2f6;border-color:#d8dde3;border-color:var(--border-strong)}.modal-controls button{background:#fff;background:var(--bg);border:1px solid #e2e6ea;border:1px solid var(--border);border-radius:6px;color:#1f2a37;color:var(--text);cursor:pointer;font-weight:700;letter-spacing:.02em;padding:10px 16px;text-transform:uppercase;transition:background .12s ease,border-color .12s ease,color .12s ease}.modal-controls button[disabled]{cursor:not-allowed;opacity:.5}.modal-controls button:last-child{background:#2f343a;border-color:#2b2f35;color:#fff}.modal-controls button:last-child:hover{background:#202328;border-color:#202328}.modal-controls button:nth-last-child(2):hover{background:#f7f8fa;background:var(--panel);border-color:#d8dde3;border-color:var(--border-strong)}.confirmation-overlay{align-items:center;background:#0f172a47;display:flex;inset:0;justify-content:center;position:fixed;z-index:1100}.confirmation-dialog{background:#fff;background:var(--bg);border:1px solid #e2e6ea;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);box-shadow:0 8px 24px #1018281f;box-shadow:var(--shadow);padding:20px 20px 16px;width:min(420px,92vw)}.confirmation-dialog h3{color:#1f2a37;color:var(--text);font-size:16px;font-weight:600;margin:0 0 8px}.confirmation-dialog p,.confirmation-message{color:#6b7280;color:var(--text-muted);font-size:14px;margin:0 0 16px}.confirmation-buttons{display:flex;gap:10px;justify-content:flex-end}.confirmation-buttons .cancel-btn,.confirmation-buttons .confirm-btn{background:#fff;background:var(--bg);border:1px solid #e2e6ea;border:1px solid var(--border);border-radius:6px;color:#1f2a37;color:var(--text);cursor:pointer;font-weight:700;letter-spacing:.02em;padding:8px 14px;text-transform:uppercase;transition:background .12s ease,border-color .12s ease}.confirmation-buttons .confirm-btn{background:#2f343a;border-color:#2b2f35;color:#fff}.confirmation-buttons .confirm-btn:hover{background:#202328;border-color:#202328}.confirmation-buttons .cancel-btn:hover{background:#f7f8fa;background:var(--panel);border-color:#d8dde3;border-color:var(--border-strong)}@media (prefers-contrast:more){.image-item.selected{box-shadow:inset 0 0 0 3px #2f343a38}}.property__element__title{background-position:50%;background-size:cover;border:0;border-bottom:1px solid #414042;color:#414042;display:flex;flex-direction:row;font-size:15px;grid-auto-flow:row;justify-content:space-between;margin-bottom:10px;outline:none;padding:3px 3px 10px 5px;white-space:nowrap}.property__element{display:flex;flex-direction:row;grid-auto-flow:row;justify-content:space-between;padding:1px}.element__part,.property__element{font-size:15px}.element__part,.element__part__name,.property__element{background-position:50%;background-size:cover;border:0;outline:none;white-space:nowrap}.element__part__name{font-weight:bolder}.loader{left:50%;position:absolute;top:50%;width:60px;z-index:100}.loader-wheel{animation:spin 1s linear infinite;border:2px solid #1e1e1e80;border-left:4px solid #2c216e;border-radius:50%;height:50px;margin-bottom:10px;width:50px}.loader-text{color:#62646b;font-family:arial,sans-serif}.loader-text:after{animation:load 2s linear infinite;content:"Loading"}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes load{0%{content:"Loading"}33%{content:"Loading."}67%{content:"Loading.."}to{content:"Loading..."}}.layerModal header{align-items:center;border-bottom:1px solid grey;display:flex}.layerModal header img{height:20px;padding:10px;width:20px}.layerModal h2{display:block;flex-grow:1}.close{background-color:initial;border:0;height:30px;margin-right:10px;opacity:1;padding:5px;width:30px}.layerModal header .close img{padding:0}.close:hover{background-color:#376d9c;border-radius:5px}.layerModal h2{color:#fff}.layerModal ul.radioOptionList{border-bottom:1px solid gray;display:flex;flex-direction:column;justify-content:flex-end;margin:0;padding:15px 0}ul.radioOptionList li{align-items:flex-start;display:flex;flex-direction:row;justify-content:flex-start;margin-left:0}ul.radioOptionList input{margin:5px;width:auto}.container{padding:10px 0}.isSelected{background-color:#000}.container label{margin:10px 0 5px;width:auto}.layerModal{background:#f2f2f2;border:2px solid var(--bar-color);border-radius:16px;inset:50% auto auto 50%;bottom:auto;left:50%;margin-right:-50%;outline:none;overflow:visible;padding:0;pointer-events:auto;position:absolute;right:auto;top:50%;transform:translate(-50%,-50%);z-index:5000}.layerModal h2{color:#414042;display:inline;font-size:1.5rem;margin:.5rem;padding-right:50px;text-align:left}.layerModal ul{border-bottom:1px solid gray;margin:0;padding:15px 0}.layerModal footer{display:flex}.layerModal footer button{background-color:#f2f2f2;border:1px solid #2f343a;border-radius:5px;color:#414042;flex:1 1;margin:10px;padding:10px}.layerModal footer button:hover{background-color:#2f343a;color:#f2f2f2}.layerModal li{align-content:center;justify-content:center;margin:2px auto}.layerModal div.textContent,.layerModal li{color:#414042;display:flex;list-style:none;width:80%}.layerModal div.textContent{flex-direction:column;margin:0 auto}.newLayerButton{background-color:#f2f2f2;border:1px solid #414042;border-radius:5px;color:#414042;margin:.25rem auto 0;padding:.25rem 1rem}.layerModal .listText{height:auto;margin:0 10px 0 5px;width:auto}span.listFlexElement{flex-grow:1}.layerModal__Overlay{opacity:1;z-index:51}.binButton{background-color:initial;border:0;padding:0}.binButton:hover{opacity:.5}.binButton:disabled{opacity:.2}.binButton img{background-color:initial;height:20px;width:20px}input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#e0e0e0;border:1px solid #ccc;border-radius:3px;cursor:pointer;height:20px;position:relative;width:20px}input[type=checkbox]:checked{background-color:#414042;border:1px solid #414042}input[type=checkbox]:checked:after{border-color:#fff;border-style:solid;border-width:0 3px 3px 0;content:"";height:12px;left:5px;position:absolute;top:1px;transform:rotate(45deg);width:6px}.floating{background-color:var(--select-hover-color);border:3px solid var(--bar-color);border-radius:6px;padding:1px 3px 3px 4px;position:absolute;z-index:1000}.title{font-weight:700;margin-right:3px}
/*# sourceMappingURL=main.80b2846b.css.map*/