:root{--bg-app:#1b1b1c;--bg-panel:#1f1f20;--bg-panel-header:#242425;--bg-input:#181819;--bg-canvas:#0d0d0e;--border:#2a2a2b;--border-light:#343435;--text:#a9a9aa;--text-dim:#6e6e70;--text-bright:#e9e9ea;--accent:#4a8fc2;--accent-dim:#4a8fc22e;--accent-active:#d98a33;--accent-active-dim:#d98a332e;--toggle-on:#d98a33;--toggle-on-dim:#d98a334d;--danger:#c84c3c;--radius:2px;color:var(--text);background:var(--bg-app);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:13px/1.45 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}button{font:inherit;color:inherit}input,select{font:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);background-clip:padding-box;border:2px solid #0000;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#46464a padding-box padding-box}.upload-button-wrap{border-top:1px solid var(--border);margin-top:auto;padding:12px}.upload-button{background:var(--accent-active);color:#181819;border-radius:var(--radius);cursor:pointer;letter-spacing:.05em;text-transform:uppercase;border:none;width:100%;padding:9px 0;font-size:12px;font-weight:600}.upload-button:hover{filter:brightness(1.12)}.photo-list{flex-direction:column;gap:5px;padding:7px;display:flex}.photo-list-empty{color:var(--text-dim);text-align:center;padding:18px 12px;font-size:12px}.photo-list-item{border-radius:var(--radius);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-left-width:2px;align-items:center;gap:9px;padding:6px 7px;transition:background-color .12s,border-color .12s;display:flex;overflow:hidden}.photo-list-item:hover{background:var(--bg-input)}.photo-list-item.active{background:var(--accent-dim);border-color:var(--border);border-left-color:var(--accent)}.photo-list-thumb{object-fit:cover;background:var(--bg-canvas);border-radius:1px;flex-shrink:0;width:44px;height:44px}.photo-list-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.photo-list-remove{width:26px;height:26px;color:var(--text-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex}.photo-list-remove:hover{background:var(--danger);color:#fff}.bounding-box{cursor:move;box-sizing:border-box;border:1.5px solid #0000;position:absolute}.bounding-box.selected{border-color:var(--accent)}.arrow-hit-area{position:absolute;overflow:visible}.bounding-box-handle{background:0 0;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;transform:translate(-50%,-50%)}.bounding-box-handle:after{content:"";background:var(--accent);border:1px solid var(--bg-canvas);border-radius:50%;width:7px;height:7px}.handle-nw{cursor:nwse-resize;top:0;left:0}.handle-ne{cursor:nesw-resize;top:0;left:100%}.handle-sw{cursor:nesw-resize;top:100%;left:0}.handle-se{cursor:nwse-resize;top:100%;left:100%}.zoom-controls{background:var(--bg-canvas);border:1px solid var(--border);z-index:10;border-radius:3px;gap:4px;padding:4px;display:flex;position:absolute;bottom:18px;right:18px}.zoom-control-button{background:var(--bg-input);border:1px solid var(--border-light);width:30px;height:30px;color:var(--text-bright);cursor:pointer;border-radius:1px;justify-content:center;align-items:center;font-size:16px;transition:filter .12s;display:flex}.zoom-control-button:hover{filter:brightness(1.3)}.editor-canvas-viewport{cursor:grab;touch-action:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.editor-canvas-viewport:active{cursor:grabbing}.editor-canvas-stage{transform-origin:50%;flex-shrink:0;position:relative}.editor-canvas-stage canvas{max-width:none;display:block}.empty-canvas-placeholder{color:var(--text-dim);letter-spacing:.03em;flex-direction:column;align-items:center;gap:16px;font-size:12px;display:flex}.empty-canvas-placeholder .upload-button-wrap{border-top:none;width:230px;margin-top:0;padding:0}.feature-panel{border-bottom:1px solid var(--border)}.feature-panel-header{background:var(--bg-panel-header);align-items:center;gap:12px;padding:11px 14px;display:flex}.feature-panel-title{letter-spacing:.07em;text-transform:uppercase;color:var(--text-bright);flex:1;font-size:12px;font-weight:600}.feature-toggle{background:var(--bg-input);border:1px solid var(--border-light);cursor:pointer;border-radius:10px;flex-shrink:0;align-items:center;width:34px;height:19px;padding:1px;transition:background-color .12s,border-color .12s;display:flex}.feature-toggle.on{background:var(--toggle-on);border-color:var(--toggle-on);justify-content:flex-end;box-shadow:inset 0 0 0 1px #00000026}.feature-toggle-knob{background:#efefef;border-radius:50%;width:15px;height:15px;display:block}.feature-reset-icon{width:22px;height:22px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;transition:color .12s;display:flex}.feature-reset-icon:hover{color:var(--text-bright)}.feature-panel-body{flex-direction:column;gap:11px;padding:14px;display:flex}.feature-panel-body.disabled{opacity:.45;pointer-events:none}.export-controls{border-top:1px solid var(--border);margin-top:auto;padding:14px}.export-status{color:var(--text-dim);text-align:center;letter-spacing:.04em;text-transform:uppercase;margin-bottom:9px;font-size:11px}.export-buttons{gap:8px;display:flex}.export-button{background:var(--accent-active);color:#181819;border-radius:var(--radius);cursor:pointer;letter-spacing:.05em;text-transform:uppercase;border:none;flex:1;padding:10px 0;font-size:12px;font-weight:600}.export-button:hover:not(:disabled){filter:brightness(1.12)}.export-button:disabled{background:var(--bg-input);color:var(--text-dim);cursor:not-allowed}.right-sidebar-placeholder{color:var(--text-dim);text-align:center;padding:16px;font-size:12px}.right-sidebar{flex-direction:column;height:100%;display:flex}.right-sidebar-panels{flex:1;overflow-y:auto}.panel-field-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);flex-direction:column;gap:7px;font-size:11px;font-weight:600;display:flex}.panel-field-label input[type=range]{appearance:none;background:var(--border-light);border-radius:0;outline:none;width:100%;height:3px;margin:9px 0 2px}.panel-field-label input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-active);cursor:pointer;border:1px solid #0000004d;border-radius:1px;width:11px;height:15px}.panel-field-label input[type=range]::-moz-range-thumb{background:var(--accent-active);cursor:pointer;border:1px solid #0000004d;border-radius:1px;width:11px;height:15px}.panel-button-row{gap:6px;display:flex}.panel-button{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;letter-spacing:.03em;text-transform:uppercase;flex:1;padding:7px 0;font-size:12px;transition:border-color .12s,filter .12s}.panel-button:hover{filter:brightness(1.25)}.panel-button.selected{background:var(--accent-active-dim);border-color:var(--accent-active);color:var(--text-bright)}.symbol-add-button{text-transform:none;padding:9px 0;font-size:18px}.swatch-row{gap:7px;display:flex}.swatch-button{border:2px solid var(--border-light);cursor:pointer;border-radius:50%;width:22px;height:22px;padding:0;transition:border-color .12s}.swatch-button:hover{border-color:var(--accent)}.swatch-button.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.layer-list{flex-direction:column;gap:4px;display:flex}.layer-row{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text);border-left:2px solid #0000;align-items:center;gap:9px;padding:7px 9px;font-size:12px;transition:border-color .12s,background-color .12s;display:flex}.layer-row:hover{filter:brightness(1.2)}.layer-row.active{background:var(--accent-dim);border-color:var(--border);border-left-color:var(--accent);color:var(--text-bright)}.layer-glyph{text-align:center;flex-shrink:0;width:16px}.layer-swatch{border:1px solid var(--border-light);border-radius:50%;flex-shrink:0;width:12px;height:12px}.layer-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.layer-remove{width:26px;height:26px;color:var(--text-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:19px;line-height:1;display:flex}.layer-remove:hover{background:var(--danger);color:#fff}.app-shell{width:100%;height:100vh;display:flex}.app-sidebar-left{background:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:260px;font-size:13px;display:flex;overflow-y:auto}.app-canvas-area{background:var(--bg-canvas);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.app-sidebar-right{background:var(--bg-panel);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:330px;display:flex;overflow-y:auto}