:root{--sm-cyan:#00c8e0;--sm-cyan-dim:rgba(0,200,224,0.18);--sm-cyan-glow:rgba(0,200,224,0.08);--sm-green:#1ee87c;--sm-panel:#0f1116;--sm-panel-2:#13161d;--sm-border:rgba(0,200,224,0.14);--sm-border-hi:rgba(0,200,224,0.38);--sm-text:#c8d4e0;--sm-text-dim:rgba(200,212,224,0.45);--sm-font:"Barlow Condensed",sans-serif}.sm-app{position:fixed;top:68px;bottom:0;left:0;right:0;z-index:50;background:var(--sm-panel);display:flex;flex-direction:column;font-family:var(--sm-font);color:var(--sm-text);overflow:hidden}.sm-toolbar{display:flex;align-items:center;gap:1.5rem;padding:0 1.25rem;height:48px;background:var(--sm-panel-2);border-bottom:1px solid var(--sm-border);flex-shrink:0;user-select:none}.sm-toolbar-brand{display:flex;align-items:baseline;gap:.55rem;flex-shrink:0}.sm-brand-icon{font-size:1.1rem;color:var(--sm-cyan)}.sm-brand-name{font-size:.9rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sm-cyan)}.sm-brand-sub{font-size:.65rem;letter-spacing:.1em;color:var(--sm-text-dim);text-transform:uppercase}.sm-toolbar-tools{display:flex;gap:.25rem}.sm-tool-btn{display:flex;align-items:center;gap:.35rem;padding:.3rem .75rem;background:transparent;border:1px solid transparent;color:var(--sm-text-dim);font-family:var(--sm-font);font-size:.78rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.sm-tool-btn:hover{color:var(--sm-text);border-color:var(--sm-border)}.sm-tool-btn.active{color:var(--sm-cyan);border-color:var(--sm-border-hi);background:var(--sm-cyan-dim)}.sm-tool-icon{font-size:.85rem}.sm-tool-label{font-size:.72rem}.sm-toolbar-actions{margin-left:auto;display:flex;gap:.5rem}.sm-action-btn{padding:.28rem .85rem;background:transparent;border:1px solid var(--sm-border);color:var(--sm-text-dim);font-family:var(--sm-font);font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:color .15s,border-color .15s}.sm-action-btn:hover{color:var(--sm-text);border-color:var(--sm-border-hi)}.sm-action-export{color:var(--sm-cyan);border-color:var(--sm-border-hi)}.sm-action-export:hover{background:var(--sm-cyan-dim)}.sm-body{flex:1}.sm-asset-panel,.sm-body{display:flex;overflow:hidden}.sm-asset-panel{width:210px;flex-shrink:0;background:var(--sm-panel-2);border-right:1px solid var(--sm-border);flex-direction:column}.sm-panel-header{padding:.6rem .85rem .5rem;border-bottom:1px solid var(--sm-border);flex-shrink:0}.sm-panel-title{font-size:.68rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--sm-cyan)}.sm-search-wrap{padding:.5rem .65rem;border-bottom:1px solid var(--sm-border);flex-shrink:0}.sm-search{width:100%;padding:.32rem .6rem;background:var(--sm-panel);border:1px solid var(--sm-border);color:var(--sm-text);font-family:var(--sm-font);font-size:.75rem;outline:none;transition:border-color .15s}.sm-search::placeholder{color:var(--sm-text-dim)}.sm-search:focus{border-color:var(--sm-border-hi)}.sm-category-list{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--sm-border) transparent}.sm-category{border-bottom:1px solid var(--sm-border)}.sm-cat-header{width:100%;display:flex;align-items:center;gap:.45rem;padding:.48rem .75rem;background:transparent;border:none;color:var(--sm-text-dim);font-family:var(--sm-font);font-size:.73rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;text-align:left;transition:color .15s,background .15s}.sm-cat-header:hover{color:var(--sm-text);background:var(--sm-cyan-glow)}.sm-cat-icon{font-size:.8rem}.sm-cat-label{flex:1}.sm-cat-count{font-size:.62rem;color:var(--sm-text-dim);opacity:.6}.sm-cat-chevron{font-size:.65rem}.sm-asset-grid{display:flex;flex-direction:column;gap:1px;padding:2px .5rem .5rem}.sm-asset-tile{display:flex;align-items:center;gap:.55rem;padding:.3rem .5rem;background:transparent;border:1px solid transparent;color:var(--sm-text-dim);font-family:var(--sm-font);font-size:.73rem;cursor:pointer;text-align:left;transition:color .12s,border-color .12s,background .12s}.sm-asset-tile:hover{color:var(--sm-text);background:var(--sm-cyan-glow);border-color:var(--sm-border)}.sm-asset-tile.active{color:var(--sm-cyan);border-color:var(--sm-border-hi);background:var(--sm-cyan-dim)}.sm-asset-swatch{width:20px;height:20px;border:1px solid rgba(255,255,255,.08);flex-shrink:0}.sm-asset-name{flex:1}.sm-panel-footer{padding:.4rem .85rem;border-top:1px solid var(--sm-border);flex-shrink:0}.sm-footer-note{font-size:.62rem;color:var(--sm-text-dim);letter-spacing:.08em}.sm-canvas-wrap{flex:1;position:relative;overflow:hidden;background:#080a0e}.sm-canvas{display:block;width:100%;height:100%}.sm-properties{width:180px;flex-shrink:0;background:var(--sm-panel-2);border-left:1px solid var(--sm-border);display:flex;flex-direction:column;padding:.75rem;gap:.75rem;overflow-y:auto}.sm-prop-heading{font-size:.68rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--sm-cyan);border-bottom:1px solid var(--sm-border);padding-bottom:.45rem}.sm-prop-body{display:flex;flex-direction:column;gap:.45rem}.sm-prop-name{font-size:.82rem;font-weight:600;color:var(--sm-text)}.sm-prop-meta{font-size:.68rem;color:var(--sm-text-dim);text-transform:capitalize}.sm-prop-swatch{width:100%;height:36px;border:1px solid var(--sm-border)}.sm-prop-tags{display:flex;flex-wrap:wrap;gap:.3rem}.sm-tag{font-size:.6rem;letter-spacing:.08em;padding:.15rem .4rem;border:1px solid var(--sm-border);text-transform:uppercase}.sm-prop-empty,.sm-tag{color:var(--sm-text-dim)}.sm-prop-empty{font-size:.72rem;line-height:1.5;font-style:italic}.sm-prop-shortcuts{margin-top:auto}.sm-shortcuts-heading{font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sm-text-dim);margin-bottom:.4rem;border-top:1px solid var(--sm-border);padding-top:.6rem}.sm-shortcut-list{list-style:none;display:flex;flex-direction:column;gap:.22rem;font-size:.67rem;color:var(--sm-text-dim)}.sm-shortcut-list li{display:flex;align-items:center;gap:.4rem}kbd{padding:.08rem .3rem;background:var(--sm-panel);border:1px solid var(--sm-border);font-family:var(--sm-font);font-size:.62rem;color:var(--sm-cyan);min-width:1.4rem;text-align:center}.sm-layer-bar{justify-content:space-between;padding:0 1rem;height:36px;background:var(--sm-panel-2);border-top:1px solid var(--sm-border);flex-shrink:0}.sm-layer-bar,.sm-layers{display:flex;align-items:center}.sm-layers{gap:.25rem}.sm-layers-label{font-size:.65rem;letter-spacing:.14em;margin-right:.35rem}.sm-layer-btn,.sm-layers-label{text-transform:uppercase;color:var(--sm-text-dim)}.sm-layer-btn{display:flex;align-items:center;gap:.3rem;padding:.18rem .65rem;background:transparent;border:1px solid transparent;font-family:var(--sm-font);font-size:.68rem;font-weight:500;letter-spacing:.1em;cursor:pointer;transition:color .12s,border-color .12s}.sm-layer-btn:hover{color:var(--sm-text);border-color:var(--sm-border)}.sm-layer-btn.active{color:var(--sm-cyan);border-color:var(--sm-border-hi);background:var(--sm-cyan-dim)}.sm-zoom-controls{gap:.25rem}.sm-zoom-btn,.sm-zoom-controls{display:flex;align-items:center}.sm-zoom-btn{width:24px;height:24px;justify-content:center;background:transparent;border:1px solid var(--sm-border);color:var(--sm-text-dim);font-family:var(--sm-font);font-size:1rem;cursor:pointer;transition:color .12s,border-color .12s}.sm-zoom-btn:hover{color:var(--sm-cyan);border-color:var(--sm-border-hi)}.sm-zoom-reset{min-width:52px;padding:0 .4rem;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--sm-border);color:var(--sm-text-dim);font-family:var(--sm-font);font-size:.68rem;letter-spacing:.05em;cursor:pointer;transition:color .12s,border-color .12s}.sm-zoom-reset:hover{color:var(--sm-cyan);border-color:var(--sm-border-hi)}.sm-modal-backdrop{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center}.sm-modal{background:var(--sm-panel-2);border:1px solid var(--sm-border-hi);width:min(420px,90vw);box-shadow:0 0 40px rgba(0,200,224,.08)}.sm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--sm-border)}.sm-modal-title{font-size:.8rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--sm-cyan)}.sm-modal-close{background:transparent;border:none;color:var(--sm-text-dim);font-size:.9rem;cursor:pointer;padding:.1rem .3rem;transition:color .12s}.sm-modal-close:hover{color:var(--sm-text)}.sm-modal-body{padding:1rem;display:flex;flex-direction:column;gap:.6rem}.sm-modal-label{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sm-text-dim);margin-bottom:.2rem}.sm-export-option{display:flex;align-items:center;gap:.85rem;padding:.7rem .85rem;background:transparent;border:1px solid var(--sm-border);color:var(--sm-text);font-family:var(--sm-font);text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.sm-export-option:hover{border-color:var(--sm-border-hi);background:var(--sm-cyan-glow)}.sm-export-disabled{opacity:.4;cursor:not-allowed}.sm-export-disabled:hover{border-color:var(--sm-border);background:transparent}.sm-export-icon{font-size:1.3rem;flex-shrink:0}.sm-export-name{font-size:.8rem;font-weight:600;margin-bottom:.15rem}.sm-export-desc{font-size:.68rem;color:var(--sm-text-dim)}.sm-soon{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(212,175,55,.3);padding:.05rem .3rem;margin-left:.3rem;vertical-align:middle}.sm-category-list::-webkit-scrollbar{width:4px}.sm-category-list::-webkit-scrollbar-track{background:transparent}.sm-category-list::-webkit-scrollbar-thumb{background:var(--sm-border)}