:root{--bg-deep:#13131c;--bg-panel:#1b1c28;--bg-panel-alt:#2a2a3a;--bg-canvas:#14151f;--border:#3f3f4d;--border-soft:#ffffff1a;--panel-edge-line:#373751;--bg-panel-menu:#1f1f2f;--text:#c6cfda;--text-muted:#868699;--text-faint:#595f6d;--accent:#be9b5c;--accent-hover:#d4b578;--accent-soft:#be9b5c2e;--accent-glow:#f7e39359;--accent-text:#1a1408;--gold-light:#bc974c;--gold-dark:#60432d;--danger:#c2453c;--danger-hover:#d9564c;--danger-soft:#c2453c2e;--font-sans:"Poppins", "Segoe UI", Roboto, -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Inter", "Segoe UI", Roboto, -apple-system, BlinkMacSystemFont, sans-serif;--radius:8px;--radius-lg:16px;--octo-cut:6px;--border-w:2px}.app-logo{object-fit:contain;width:64px;height:64px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg-deep);color:var(--text);font-family:var(--font-sans)}input,select,textarea,button{font-family:inherit}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{background:var(--bg-panel);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:8px 16px;display:flex;overflow:auto hidden}.topbar-left{flex-shrink:0;align-items:center;gap:12px;display:flex}.app-title{font-family:var(--font-display);letter-spacing:.02em;color:var(--accent);text-shadow:0 0 16px var(--accent-glow);white-space:nowrap;align-items:center;gap:8px;font-weight:700;display:flex}.map-name-input{background:var(--bg-panel-alt);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);min-width:180px;padding:6px 10px;font-size:14px}.topbar-center{flex-shrink:0;gap:6px;display:flex}.topbar-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.icon{color:var(--gold-light);filter:drop-shadow(0 1px 1px #0000008c)}.icon-close{color:inherit;filter:none}button.primary .icon{width:22px;height:22px}.mode-btn .icon{width:19px;height:19px}.tool-btn .icon{width:27px;height:27px}.gizmo-toolbar button .icon,.selection-actions-grid button .icon,.shape-list-item button .icon{width:18px;height:18px}.layer-visibility .icon,.layer-lock .icon{width:20px;height:20px}.material-edit-btn .icon{width:16px;height:16px}.history-row button .icon-close{width:14px;height:14px}.eye-icon.is-hidden .icon{color:var(--text-muted)}button{z-index:0;color:var(--text);cursor:pointer;filter:drop-shadow(0 1px 2px #00000059);background:0 0;border:none;padding:7px 12px;font-size:13px;font-weight:500;transition:transform .1s,filter .15s;position:relative}button:after{content:"";z-index:-2;background:var(--border);pointer-events:none;clip-path:polygon(var(--octo-cut) 0%, calc(100% - var(--octo-cut)) 0%, 100% var(--octo-cut), 100% calc(100% - var(--octo-cut)), calc(100% - var(--octo-cut)) 100%, var(--octo-cut) 100%, 0% calc(100% - var(--octo-cut)), 0% var(--octo-cut));position:absolute;inset:0}button:before{content:"";inset:var(--border-w);z-index:-1;background-color:var(--bg-panel-alt);background-image:linear-gradient(115deg, transparent 42%, #ffffff52 47%, transparent 52%), linear-gradient(115deg, transparent 18%, #ffffff24 21%, transparent 24%), linear-gradient(115deg, transparent 70%, #ffffff1f 73%, transparent 76%), linear-gradient(180deg, #3a3d52 0%, var(--bg-panel-alt) 55%, #232534 100%);clip-path:polygon(calc(var(--octo-cut) - var(--border-w)) 0%, calc(100% - var(--octo-cut) + var(--border-w)) 0%, 100% calc(var(--octo-cut) - var(--border-w)), 100% calc(100% - var(--octo-cut) + var(--border-w)), calc(100% - var(--octo-cut) + var(--border-w)) 100%, calc(var(--octo-cut) - var(--border-w)) 100%, 0% calc(100% - var(--octo-cut) + var(--border-w)), 0% calc(var(--octo-cut) - var(--border-w)));background-position:-220% -220%,-220% -220%,-220% -220%,0 0;background-repeat:no-repeat;background-size:280% 280%,280% 280%,280% 280%,100% 100%;transition:background-color .15s;position:absolute;box-shadow:inset 0 1px #ffffff14,inset 0 -2px 3px #00000040}button:hover:before{background-color:#33364a;animation:3s linear infinite btn-gold-flash}button:active{transform:scale(.97)}button:active:before{box-shadow:inset 0 2px 4px #00000059}button:disabled{opacity:.4;cursor:not-allowed}@keyframes btn-gold-flash{0%{background-position:-40% -40%,-40% -40%,-40% -40%,0 0}25%{background-position:130% 130%,130% 130%,130% 130%,0 0}to{background-position:130% 130%,130% 130%,130% 130%,0 0}}button.primary{--border-w:4px;--banner-notch:14px;color:var(--gold-light);font-family:var(--font-display);text-shadow:0 0 8px #bc974c80;filter:drop-shadow(0 1px 3px #0006) drop-shadow(0 0 8px var(--accent-glow));padding:10px 30px;font-weight:700}button.primary:after{background:linear-gradient(180deg, var(--gold-light) 0%, var(--gold-dark) 100%);clip-path:polygon(0% 0%, 100% 0%, calc(100% - var(--banner-notch)) 50%, 100% 100%, 0% 100%, var(--banner-notch) 50%)}button.primary:before{clip-path:polygon(0% 0%, 100% 0%, calc(100% - (var(--banner-notch) - var(--border-w))) 50%, 100% 100%, 0% 100%, calc(var(--banner-notch) - var(--border-w)) 50%);background-color:#171826;background-image:linear-gradient(115deg,#0000 44%,#ffecc48c 49%,#0000 54%),linear-gradient(115deg,#0000 20%,#ffecc440 23%,#0000 26%),linear-gradient(115deg,#0000 68%,#ffecc433 71%,#0000 74%),linear-gradient(#23263a 0%,#171826 100%);background-position:-220% -220%,-220% -220%,-220% -220%,0 0;background-repeat:no-repeat;background-size:300% 300%,300% 300%,300% 300%,100% 100%;box-shadow:inset 0 1px #ffffff0f,inset 0 -2px 4px #0006}button.primary:hover:before{background-color:#262a3d;animation:3s linear infinite btn-gold-flash}button.danger{color:#fff}button.danger:after{background:linear-gradient(180deg, #dd6a61 0%, var(--danger) 60%, #8f2e27 100%)}button.danger:before{background-image:linear-gradient(115deg, transparent 42%, #ffd6d059 47%, transparent 52%), linear-gradient(115deg, transparent 18%, #ffd6d029 21%, transparent 24%), linear-gradient(115deg, transparent 70%, #ffd6d024 73%, transparent 76%), linear-gradient(180deg, #3a3d52 0%, var(--bg-panel-alt) 55%, #232534 100%);background-position:-220% -220%,-220% -220%,-220% -220%,0 0;background-size:280% 280%,280% 280%,280% 280%,100% 100%}button.danger:hover:before{background-color:#33364a;animation:3s linear infinite btn-gold-flash}button.secondary:after{background:var(--border)}button.secondary{--border-w:1.5px;filter:none}button.secondary:hover:before{background-color:#2c2f40;animation:3s linear infinite btn-gold-flash}button.full-width{--octo-cut:14px;width:100%;margin-top:8px;margin-bottom:8px}.mode-btn.active{color:var(--gold-light);text-shadow:0 0 8px #bc974c80;filter:drop-shadow(0 1px 3px #0006) drop-shadow(0 0 8px var(--accent-glow));font-weight:700}.mode-btn.active:after{background:linear-gradient(180deg, var(--gold-light) 0%, var(--gold-dark) 100%)}.mode-btn.active:before{background-color:#171826;background-image:linear-gradient(115deg,#0000 44%,#ffecc48c 49%,#0000 54%),linear-gradient(115deg,#0000 20%,#ffecc440 23%,#0000 26%),linear-gradient(115deg,#0000 68%,#ffecc433 71%,#0000 74%),linear-gradient(#23263a 0%,#171826 100%);background-position:-220% -220%,-220% -220%,-220% -220%,0 0;background-repeat:no-repeat;background-size:300% 300%,300% 300%,300% 300%,100% 100%;box-shadow:inset 0 1px #ffffff0f,inset 0 -2px 4px #0006}.mode-btn.active:hover:before{background-color:#262a3d;animation:3s linear infinite btn-gold-flash}.tool-grid,.category-tabs,.shape-add-grid,.selection-actions-grid,.level-range-stepper,.level-range-row,.gizmo-toolbar,.prefab-card-actions,.history-row,.saved-map-row{--octo-cut:3px;--border-w:1.5px}.color-dot,.material-swatch,.prefab-card-select,.close-btn,.layer-visibility,.layer-lock,.material-edit-btn{filter:none}.color-dot:before,.material-swatch:before,.prefab-card-select:before,.close-btn:before,.layer-visibility:before,.layer-lock:before,.material-edit-btn:before,.color-dot:after,.material-swatch:after,.prefab-card-select:after,.close-btn:after,.layer-visibility:after,.layer-lock:after,.material-edit-btn:after{display:none}.main-body{background:#1b1e24;flex:1;min-width:0;min-height:0;display:flex}.sidebar{background:var(--panel-edge-line);clip-path:polygon(0% 0%,calc(100% - 20px) 0%,100% 20px,100% 100%,0% 100%);flex-shrink:0;width:280px;min-width:280px;max-width:280px;position:relative}.sidebar:after{content:"";z-index:-2;background:var(--bg-deep);pointer-events:none;clip-path:polygon(0% 0%,calc(100% - 17.66px) 0%,100% 17.66px,100% 100%,0% 100%);position:absolute;inset:4px 4px 0 0}.sidebar:before{content:"";z-index:-1;background:var(--panel-edge-line);pointer-events:none;clip-path:polygon(0% 0%,calc(100% - 16.49px) 0%,100% 16.49px,100% 100%,0% 100%);position:absolute;inset:6px 6px 0 0}.sidebar-scroll{background:var(--bg-panel);clip-path:polygon(0% 0%,calc(100% - 14.14px) 0%,100% 14.14px,100% 100%,0% 100%);flex-direction:column;gap:8px;padding:22px;display:flex;position:absolute;inset:10px 10px 0 0;overflow-y:auto}.panel h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:14px 0 8px;font-size:12px}.panel h3:first-child{margin-top:0}.right-sidebar{clip-path:polygon(20px 0%,100% 0%,100% 100%,0% 100%,0% 20px)}.right-sidebar:after{clip-path:polygon(17.66px 0%,100% 0%,100% 100%,0% 100%,0% 17.66px);inset:4px 0 0 4px}.right-sidebar:before{clip-path:polygon(16.49px 0%,100% 0%,100% 100%,0% 100%,0% 16.49px);inset:6px 0 0 6px}.right-sidebar .sidebar-scroll{background:var(--bg-panel);clip-path:polygon(14.14px 0%,100% 0%,100% 100%,0% 100%,0% 14.14px);inset:10px 0 0 10px}.viewport-wrap{flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.viewport{width:100%;height:100%;position:relative}.hint{color:var(--text-muted);margin:8px 0;font-size:12px;line-height:1.5}.tool-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.tool-btn{flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:18px;display:flex}.tool-label{color:var(--text-muted);font-size:10px}.tool-btn.active{color:var(--gold-light);text-shadow:0 0 6px #bc974c80;font-weight:700}.tool-btn.active:after{background:linear-gradient(180deg, var(--gold-light) 0%, var(--gold-dark) 100%)}.tool-btn.active:before{background-color:#171826;background-image:linear-gradient(115deg,#0000 44%,#ffecc480 49%,#0000 54%),linear-gradient(115deg,#0000 20%,#ffecc438 23%,#0000 26%),linear-gradient(115deg,#0000 68%,#ffecc42e 71%,#0000 74%),linear-gradient(#23263a 0%,#171826 100%);background-position:-220% -220%,-220% -220%,-220% -220%,0 0;background-repeat:no-repeat;background-size:300% 300%,300% 300%,300% 300%,100% 100%;box-shadow:inset 0 1px #ffffff0f,inset 0 -2px 4px #0006}.tool-btn.active:hover:before{background-color:#262a3d;animation:3s linear infinite btn-gold-flash}.tool-btn.active .tool-label{color:var(--gold-light)}.material-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.material-swatch{border-radius:var(--radius);border:2px solid #0000;width:100%;height:46px;padding:0;position:relative;overflow:hidden}.material-swatch.active{border-color:var(--accent)}.material-swatch-label{color:#fff;text-align:center;background:#0000008c;padding:2px;font-size:9px;position:absolute;bottom:0;left:0;right:0}.material-swatch.add-material{background:var(--bg-panel-alt);border:1px dashed var(--border);color:var(--text-muted);font-size:12px}.material-swatch-wrap{position:relative}.material-edit-btn{background:#0000008c;border:none;border-radius:3px;padding:2px 5px;font-size:12px;line-height:1.4;position:absolute;top:2px;right:2px}.category-tabs{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.category-tabs button{padding:4px 8px;font-size:11px}.category-tabs button.active{color:var(--gold-light);font-weight:700}.category-tabs button.active:after{background:linear-gradient(180deg, var(--gold-light) 0%, var(--gold-dark) 100%)}.category-tabs button.active:before{background-color:#171826;background-image:linear-gradient(115deg,#0000 44%,#ffecc480 49%,#0000 54%),linear-gradient(115deg,#0000 20%,#ffecc438 23%,#0000 26%),linear-gradient(115deg,#0000 68%,#ffecc42e 71%,#0000 74%),linear-gradient(#23263a 0%,#171826 100%);background-position:-220% -220%,-220% -220%,-220% -220%,0 0;background-repeat:no-repeat;background-size:300% 300%,300% 300%,300% 300%,100% 100%}.category-tabs button.active:hover:before{background-color:#262a3d;animation:3s linear infinite btn-gold-flash}.prefab-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.prefab-card{border-radius:var(--radius);border:2px solid #0000;flex-direction:column;gap:3px;padding:3px;display:flex}.prefab-card.active{border-color:var(--accent);background:var(--accent-soft)}.prefab-card-select{background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:2px;display:flex}.prefab-thumb{background:var(--bg-canvas);border-radius:4px;width:100%;height:70px;overflow:hidden}.prefab-card-label{font-size:11px}.selection-editor{border-top:1px solid var(--border);margin-top:12px;padding-top:10px}.selection-actions-grid{grid-template-columns:repeat(2,1fr);gap:6px;margin-top:8px;display:grid}.selection-actions-grid button{padding:8px 4px;font-size:12px}.selection-actions-grid button.active{color:var(--gold-light);font-weight:700}.selection-actions-grid button.active:after{background:linear-gradient(180deg, var(--gold-light) 0%, var(--gold-dark) 100%)}.selection-actions-grid button.active:before{background-color:#171826;background-image:linear-gradient(115deg,#0000 44%,#ffecc480 49%,#0000 54%),linear-gradient(115deg,#0000 20%,#ffecc438 23%,#0000 26%),linear-gradient(115deg,#0000 68%,#ffecc42e 71%,#0000 74%),linear-gradient(#23263a 0%,#171826 100%);background-position:-220% -220%,-220% -220%,-220% -220%,0 0;background-repeat:no-repeat;background-size:300% 300%,300% 300%,300% 300%,100% 100%}.selection-actions-grid button.active:hover:before{background-color:#262a3d;animation:3s linear infinite btn-gold-flash}.level-range-row{background:var(--bg-panel-alt);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px;padding:6px 8px;font-size:12px;display:flex}.level-range-row button{padding:3px 8px;font-size:11px}.level-range-row span{color:var(--accent);font-weight:600}.level-range-editor{gap:8px;margin-bottom:6px;display:flex}.level-range-editor label{color:var(--text-muted);flex-direction:column;flex:1;gap:4px;font-size:11px;display:flex}.level-range-stepper{background:var(--bg-panel-alt);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:2px;padding:2px;display:flex}.level-range-stepper button{flex-shrink:0;padding:4px 6px;font-size:10px}.level-range-stepper input{text-align:center;background:var(--bg-deep);border:1px solid var(--border);width:100%;color:var(--text);border-radius:4px;padding:4px 2px;font-size:12px}.level-offset-menu{border-radius:var(--radius);background:#1c2b3a;border:1px solid #2f5d82;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding:8px;font-size:12px;display:flex}.level-offset-menu .level-range-stepper{width:110px}.selection-name{color:var(--accent);font-weight:600}.slider-row{color:var(--text-muted);flex-direction:column;gap:4px;margin-bottom:8px;font-size:12px;display:flex}.slider-row select{background:var(--bg-panel-alt);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:5px}.button-row{flex-wrap:wrap;gap:6px;display:flex}.layer-row{align-items:center;gap:8px;padding:6px 0;display:flex}.layer-name{flex:1;font-size:13px}.layer-visibility,.layer-lock{color:var(--text);background:0 0;border:none;align-items:center;padding:2px 4px;font-size:16px;display:inline-flex}.layer-lock.active{color:var(--danger)}.eye-icon{display:inline-flex;position:relative}.eye-icon.is-hidden{color:var(--text-muted)}.eye-icon.is-hidden:after{content:"";background:var(--text-muted);border-radius:1px;height:2px;position:absolute;top:50%;left:-2px;right:-2px;transform:rotate(-42deg)}.checkbox-row{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.inline-form{background:var(--bg-panel-alt);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;margin-top:8px;padding:10px;display:flex}.inline-form input[type=text]{background:var(--bg-deep);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:6px 8px}.inline-form-actions{justify-content:flex-end;gap:6px;display:flex}.color-palette{flex-wrap:wrap;gap:6px;display:flex}.color-dot{border:2px solid #0000;border-radius:50%;width:20px;height:20px;padding:0}.color-dot.active{border-color:#fff}.annotation-tag{filter:drop-shadow(0 0 2px #000);font-size:16px}.annotations-list{flex-direction:column;gap:8px;display:flex}.annotation-list-item{background:var(--bg-panel-alt);border:1px solid var(--border);border-radius:var(--radius);padding:8px;font-size:12px}.annotation-list-item span{color:var(--accent);font-size:11px}.annotation-list-item p{color:var(--text);margin:4px 0 0}.annotation-modal-backdrop{background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.annotation-modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);width:320px;padding:16px}.annotation-modal h3{margin-top:0;font-size:14px}.annotation-modal textarea{background:var(--bg-panel-alt);border:1px solid var(--border);width:100%;min-height:80px;color:var(--text);border-radius:var(--radius);resize:vertical;padding:8px;font-family:inherit}.annotation-modal-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.modal-backdrop{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{z-index:0;background:var(--panel-edge-line);box-sizing:border-box;clip-path:polygon(20px 0%,calc(100% - 20px) 0%,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0% calc(100% - 20px),0% 20px);border:none;max-height:88vh;padding:10px;display:flex;position:relative}.modal:after{content:"";z-index:-2;background:var(--bg-deep);pointer-events:none;clip-path:polygon(17.66px 0%,calc(100% - 17.66px) 0%,100% 17.66px,100% calc(100% - 17.66px),calc(100% - 17.66px) 100%,17.66px 100%,0% calc(100% - 17.66px),0% 17.66px);position:absolute;inset:4px}.modal:before{content:"";z-index:-1;background:var(--panel-edge-line);pointer-events:none;clip-path:polygon(16.49px 0%,calc(100% - 16.49px) 0%,100% 16.49px,100% calc(100% - 16.49px),calc(100% - 16.49px) 100%,16.49px 100%,0% calc(100% - 16.49px),0% 16.49px);position:absolute;inset:6px}.modal-surface{background:var(--bg-panel-menu);clip-path:polygon(14.14px 0%,calc(100% - 14.14px) 0%,100% 14.14px,100% calc(100% - 14.14px),calc(100% - 14.14px) 100%,14.14px 100%,0% calc(100% - 14.14px),0% 14.14px);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.modal-header h3{margin:0;font-size:15px}.close-btn{background:0 0;border:none;font-size:16px}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.map-manager-modal{width:560px}.map-manager-body{flex-direction:column;gap:20px;padding:16px;display:flex;overflow-y:auto}.map-manager-body h4{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin:0 0 8px;font-size:12px}.new-map-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.new-map-form input[type=text]{background:var(--bg-panel-alt);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);flex:1;min-width:140px;padding:6px 8px}.new-map-form label{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;display:flex}.new-map-form input[type=number]{background:var(--bg-panel-alt);border:1px solid var(--border);width:60px;color:var(--text);border-radius:var(--radius);padding:5px}.saved-maps-list{flex-direction:column;gap:8px;max-height:240px;display:flex;overflow-y:auto}.resize-section,.new-map-section{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel-alt);padding:10px}.danger-zone{border:1px solid var(--danger);border-radius:var(--radius);background:var(--danger-soft);padding:10px}.saved-map-row{background:var(--bg-panel-alt);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.saved-map-info{color:var(--text-muted);flex-direction:column;font-size:12px;display:flex}.saved-map-info strong{color:var(--text);font-size:13px}.prefab-editor-modal{width:900px;max-width:95vw}.prefab-name-input{background:var(--bg-panel-alt);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);flex:1;padding:6px 10px;font-size:15px;font-weight:600}.prefab-editor-body{height:560px;max-height:70vh;display:flex}.prefab-editor-preview{background:var(--bg-canvas);flex-direction:column;flex:1.3;display:flex}.gizmo-toolbar{background:var(--bg-canvas);border-bottom:1px solid var(--border);flex-shrink:0;gap:4px;padding:8px;display:flex}.gizmo-toolbar button{padding:6px 10px;font-size:12px}.gizmo-toolbar button.active{color:var(--gold-light);font-weight:700}.gizmo-toolbar button.active:after{background:linear-gradient(180deg, var(--gold-light) 0%, var(--gold-dark) 100%)}.gizmo-toolbar button.active:before{background-color:#171826;background-image:linear-gradient(115deg,#0000 44%,#ffecc480 49%,#0000 54%),linear-gradient(115deg,#0000 20%,#ffecc438 23%,#0000 26%),linear-gradient(115deg,#0000 68%,#ffecc42e 71%,#0000 74%),linear-gradient(#23263a 0%,#171826 100%);background-position:-220% -220%,-220% -220%,-220% -220%,0 0;background-repeat:no-repeat;background-size:300% 300%,300% 300%,300% 300%,100% 100%}.gizmo-toolbar button.active:hover:before{background-color:#262a3d;animation:3s linear infinite btn-gold-flash}.gizmo-hint{background:var(--bg-canvas);border-top:1px solid var(--border);color:var(--text-muted);flex-shrink:0;margin:0;padding:6px 10px}.prefab-editor-sidebar{border-left:1px solid var(--border);flex-direction:column;flex:1;gap:4px;padding:14px;display:flex;overflow-y:auto}.prefab-editor-sidebar h4{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin:12px 0 6px;font-size:11px}.prefab-editor-sidebar h4:first-child{margin-top:0}.prefab-editor-sidebar select{background:var(--bg-panel-alt);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:6px}.shape-add-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.shape-add-grid button{padding:6px 4px;font-size:11px}.shape-list-panel{background:var(--bg-canvas);border:2px solid var(--accent);border-radius:var(--radius);margin-bottom:8px;padding:8px;box-shadow:inset 0 0 24px #00000059}.shape-list-panel-header{color:var(--text-muted);margin-bottom:6px;font-size:11px}.shape-list{flex-direction:column;gap:4px;max-height:180px;display:flex;overflow-y:auto}.shape-list-item{background:var(--bg-panel-alt);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:6px;padding:8px;font-size:12px;display:flex}.shape-list-item-label{flex:1;font-weight:600}.shape-list-item.active{border-color:var(--accent);background:var(--accent-soft)}.shape-list-item button{white-space:nowrap;padding:4px 8px;font-size:11px}.shape-swatch{border-radius:3px;width:12px;height:12px;display:inline-block}.shape-params{background:var(--bg-panel-alt);border:1px solid var(--border);border-radius:var(--radius);margin-top:6px;padding:10px}.vec-row{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:8px;font-size:11px;display:flex}.vec-row span{flex-shrink:0;width:50px}.vec-row input[type=number]{background:var(--bg-deep);border:1px solid var(--border);width:100%;color:var(--text);border-radius:4px;padding:4px;font-size:12px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.prefab-thumb{position:relative}.prefab-thumb img{object-fit:contain;width:100%;height:100%;display:block}.prefab-thumb-empty{background:var(--bg-canvas);width:100%;height:100%}.color-wheel-wrap{flex-direction:column;align-items:center;gap:8px;margin:4px 0;display:flex}.color-wheel-canvas-holder{touch-action:none;cursor:crosshair;border-radius:50%;position:relative;overflow:visible}.color-wheel-canvas-holder canvas{border-radius:50%;display:block}.color-wheel-cursor{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 3px #0009}.color-wheel-value-row{color:var(--text-muted);align-items:center;gap:8px;width:100%;font-size:11px;display:flex}.color-wheel-value-row input[type=range]{flex:1}.prefab-search-input{background:var(--bg-panel-alt);border:1px solid var(--border);width:100%;color:var(--text);border-radius:var(--radius);margin-bottom:8px;padding:6px 8px;font-size:12px}.prefab-card-actions{gap:4px;width:100%;display:flex}.prefab-card-actions button{flex:1;padding:2px;font-size:10px}.shape-list-item button:disabled{opacity:.3;cursor:not-allowed}.history-modal{width:480px;max-width:92vw}.history-body{max-height:70vh;padding:16px;overflow-y:auto}.history-body h4{text-transform:uppercase;color:var(--text-muted);margin:14px 0 6px;font-size:11px}.history-list{flex-direction:column;gap:4px;max-height:220px;display:flex;overflow-y:auto}.history-row{background:var(--bg-panel-alt);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:8px;padding:6px 8px;transition:background .1s,border-color .1s;display:flex}.history-row.highlighted{background:var(--accent-soft);border-color:var(--accent)}.history-row.future{opacity:.6}.history-row.future.highlighted{opacity:.9}.history-row-info{cursor:pointer;flex:1;justify-content:space-between;align-items:center;gap:8px;display:flex}.history-row.highlighted .history-label{color:var(--accent);font-weight:600}.history-label{font-size:12px}.history-time{color:var(--text-muted);white-space:nowrap;font-size:11px}.history-row button{padding:2px 8px;font-size:11px}.history-drawer-backdrop{z-index:89;background:0 0;position:fixed;inset:0}.history-drawer{background:var(--bg-panel);border-left:1px solid var(--border);z-index:90;flex-direction:column;width:360px;max-width:92vw;height:100vh;display:flex;position:fixed;top:0;right:0;box-shadow:-12px 0 32px #00000080}.history-drawer .history-body{flex:1;max-height:none}.history-here-marker{text-align:center;color:var(--accent);border-top:1px dashed var(--border);border-bottom:1px dashed var(--border);margin:10px 0;padding:8px 0;font-size:11px;font-weight:600}.error-boundary{background:var(--bg-panel);border:1px solid var(--danger);max-width:700px;color:var(--text);border-radius:10px;margin:40px auto;padding:40px}.error-boundary h2{color:var(--danger);margin-top:0}.error-boundary pre{background:var(--bg-deep);border-radius:var(--radius);white-space:pre-wrap;word-break:break-word;max-height:300px;padding:12px;font-size:12px;overflow-x:auto}.level-selector{background:var(--bg-panel-alt);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.level-selector button{padding:4px 10px}.level-display{color:var(--accent);font-size:13px;font-weight:600}