*{margin:0;padding:0;box-sizing:border-box}body{background:#061112;color:#eafcff;font-family:SF Mono,Fira Code,monospace;font-size:12px;overflow:hidden}#canvas-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}#audio-workshop-frame{position:fixed;left:-2px;top:-2px;z-index:-1;display:block;width:1px;height:1px;opacity:0;border:0;pointer-events:none}#fps{position:fixed;top:8px;left:10px;z-index:42;min-width:46px;padding:5px 9px;background:#0000008c;border-radius:4px;color:#cfd;font:12px/1.1 ui-monospace,monospace;letter-spacing:0;text-shadow:0 0 2px #000;pointer-events:none;-webkit-user-select:none;user-select:none}#fps .lo{color:#f86}#fps .mid{color:#fd6}#fps .hi{color:#9f8}#build-version{position:fixed;top:35px;left:10px;z-index:40;color:#def6ef8f;font-size:10px;letter-spacing:0;text-shadow:0 1px 4px rgba(0,0,0,.45);pointer-events:none;-webkit-user-select:none;user-select:none}#loading-veil{position:fixed;left:24px;bottom:22px;z-index:80;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;width:min(420px,calc(100vw - 48px));padding:10px 12px;background:#0611125c;border:1px solid rgba(118,194,188,.16);border-radius:6px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#e5fcf4db;transition:opacity .18s ease,visibility .18s ease;pointer-events:none}#loading-veil.hidden{opacity:0;visibility:hidden}.loading-title{font-size:13px;color:#eefff6eb;text-shadow:0 1px 14px rgba(27,169,182,.22)}.loading-track{width:100%;height:2px;overflow:hidden;background:#a7d9cf2e}#loading-progress{display:block;width:3%;height:100%;background:linear-gradient(90deg,#d9a65a,#58d7d3);transition:width .18s ease}#loading-status{max-width:min(560px,82vw);min-height:38px;color:#bee2dab8;font-size:10px;line-height:1.45;white-space:pre-line}#mode-buttons{position:fixed;top:8px;left:50%;transform:translate(-50%);z-index:35;display:flex;gap:4px;padding:6px 8px;background:#0a0a1eb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:6px;border:1px solid rgba(130,160,230,.18)}#mode-buttons .cam{min-width:26px;padding:7px 8px;background:#223;border:1px solid #334;color:#9ac;border-radius:4px;cursor:pointer;font-family:inherit;font-size:11px}#mode-buttons .cam:hover{background:#334;color:#fff}#mode-buttons .cam.active{background:#356;border-color:#68a;color:#fff;box-shadow:0 0 8px #48a}#mode-buttons .cam.z1{background:#234;border-color:#345}#mode-buttons .cam.z2{background:#245;border-color:#358}#mode-buttons .cam.ac{min-width:34px;background:#443;border-color:#aa5;color:#ffd}#mode-buttons .cam.ac.active{background:#a92;border-color:#fd4;color:#fff;box-shadow:0 0 10px #fd4}#mode-buttons .cam.audio{position:relative;width:30px;min-width:30px;height:30px;padding:3px;color:#bcecff;background:#11173a;border-color:#2f54c8}#mode-buttons .cam.audio svg{display:block;width:100%;height:100%}#mode-buttons .cam.audio path{fill:none;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}#mode-buttons .cam.audio:disabled{cursor:wait;opacity:.42}#mode-buttons .cam.audio.ready{opacity:1}#mode-buttons .cam.audio:hover,#mode-buttons .cam.audio.active{background:#101f5a;border-color:#78d7ff;box-shadow:0 0 12px #56a6ffb3}#mode-buttons .cam.audio.active svg{filter:drop-shadow(0 0 7px rgba(108,208,255,.8))}#mode-buttons .cam.caustic{position:relative;min-width:28px;color:#72fff4;background:#102c35;border-color:#1b6a75}#mode-buttons .cam.caustic:before,#mode-buttons .cam.caustic:after{content:"";position:absolute;left:6px;width:14px;height:6px;border:0;border-bottom:2px solid currentColor;border-radius:0 0 50% 50%}#mode-buttons .cam.caustic:before{top:8px;transform:rotate(-5deg)}#mode-buttons .cam.caustic:after{top:12px;transform:rotate(5deg);opacity:.72}#mode-buttons .cam.caustic:hover,#mode-buttons .cam.caustic.active{background:#06414b;border-color:#56fff2;box-shadow:0 0 10px #57fff29e}#mode-buttons .cam.fog,#mode-buttons .cam.rock-texture{position:relative;min-width:28px;background:#222d32;border-color:#42535b}#mode-buttons .cam.fog{color:#c9dde5}#mode-buttons .cam.fog:before{content:"";position:absolute;left:6px;top:9px;width:15px;height:7px;border:2px solid currentColor;border-top-color:transparent;border-radius:9px}#mode-buttons .cam.fog:after{content:"";position:absolute;left:9px;top:6px;width:7px;height:7px;border:2px solid currentColor;border-bottom:0;border-radius:9px 9px 0 0}#mode-buttons .cam.fog:hover,#mode-buttons .cam.fog.active{background:#314247;border-color:#cdeaf0;box-shadow:0 0 9px #cdeaf06b}#mode-buttons .cam.rock-texture{color:#c8af7b;background:#302b24;border-color:#66553a}#mode-buttons .cam.rock-texture:before,#mode-buttons .cam.rock-texture:after{content:"";position:absolute;left:6px;width:15px;border-top:2px solid currentColor}#mode-buttons .cam.rock-texture:before{top:9px;box-shadow:0 5px 0 currentColor;transform:rotate(-9deg)}#mode-buttons .cam.rock-texture:after{top:17px;opacity:.66;transform:rotate(8deg)}#mode-buttons .cam.rock-texture:hover,#mode-buttons .cam.rock-texture.active{background:#493a27;border-color:#e8c57b;box-shadow:0 0 9px #e8c57b75}#mode-buttons .cam.ui{min-width:36px;background:#233;border-color:#466;color:#bde}#mode-buttons .cam.ui.open{background:#365;border-color:#7aa;color:#fff}#mapping-lab-indicator{-webkit-appearance:none;-moz-appearance:none;appearance:none;align-self:center;min-width:118px;color:#dbe8ff;font-size:10px;padding:0 4px;background:transparent;border:0;cursor:pointer;font-family:inherit;text-align:left;user-select:none;-webkit-user-select:none}#mapping-lab-indicator:focus{outline:none}#ui-root{position:fixed;top:0;right:0;width:340px;height:100vh;z-index:10;display:flex;flex-direction:column;background:#0f464ed1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-left:1px solid rgba(100,120,200,.2);transition:transform .3s ease}#ui-root.collapsed{transform:translate(100%)}@media(max-width:760px),(pointer:coarse){#ui-root{display:none!important}#mode-buttons{top:8px;left:50%;max-width:calc(100vw - 12px);overflow-x:auto;scrollbar-width:none}#mode-buttons::-webkit-scrollbar{display:none}}#designer-nav{display:flex;flex-wrap:wrap;gap:2px;padding:8px;border-bottom:1px solid rgba(100,120,200,.15)}.nav-btn{background:#28285099;border:1px solid rgba(100,120,200,.2);color:#8890a8;padding:4px 8px;border-radius:3px;cursor:pointer;font-family:inherit;font-size:11px;transition:all .15s}.nav-btn:hover{background:#3c3c7899;color:#b0b8d0}.nav-btn.active{background:#503ca080;color:#d0d8f0;border-color:#8c78dc66}#debug-toggle{margin-left:auto;color:#505870;cursor:pointer;font-size:10px;align-self:center;padding:4px}#debug-toggle:hover{color:#8890a8}#debug-toggle.active{color:#f0a050}#designer-panel{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px}#designer-panel::-webkit-scrollbar{width:4px}#designer-panel::-webkit-scrollbar-thumb{background:#6478c84d;border-radius:2px}.designer-section{margin-bottom:16px}.designer-section h3{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#6070a0;margin-bottom:8px}.control-row{display:flex;align-items:center;margin-bottom:6px;gap:8px}.control-row label{width:80px;flex-shrink:0;color:#7880a0;font-size:11px}.control-row input[type=range]{flex:1;accent-color:#7060c0;height:3px}.control-row .value{width:36px;text-align:right;color:#9098b0;font-size:10px}.control-row input[type=color]{width:28px;height:20px;border:1px solid rgba(100,120,200,.3);background:none;cursor:pointer;border-radius:2px}.control-row select{flex:1;background:#1e1e3ccc;border:1px solid rgba(100,120,200,.25);color:#b0b8d0;padding:3px 6px;border-radius:3px;font-family:inherit;font-size:11px}.btn{background:#3c327880;border:1px solid rgba(120,100,200,.3);color:#b0b8d0;padding:6px 12px;border-radius:3px;cursor:pointer;font-family:inherit;font-size:11px;transition:all .15s}.btn:hover{background:#503ca080;color:#d0d8f0}.btn.primary{background:#503ca099;border-color:#8c78dc66}.panel-note{color:#a9dcd6;font-size:11px;line-height:1.5;margin-bottom:10px}.workshop-body{overflow:auto;min-height:100vh}.workshop-shell{min-height:100vh;padding:18px;background:#0b2b31}#texture-workshop.workshop-shell{padding:0}.workshop-controls,.texture-grid,.texture-hero,.cliff-inventory,.texture-mapping-lab,.texture-playground-section,.workshop-panel{max-width:1480px;margin:0 auto 14px}.texture-workbench{display:grid;grid-template-columns:minmax(320px,460px) minmax(520px,1fr);gap:14px;align-items:start;width:100%;max-width:none;margin:0}.texture-palette-pane{min-width:0;max-height:calc(100vh - 118px);overflow-y:auto;padding-right:0}.texture-preview-pane{position:sticky;top:18px;min-width:0;width:100%}.texture-hero,.cliff-inventory,.texture-mapping-lab,.texture-playground-section{padding:12px;background:#082529;border:1px solid rgba(174,223,211,.16);border-radius:6px}.texture-hero h1,.texture-mapping-lab h2,.texture-playground-section h2{margin-bottom:8px;color:#e8f6e6;font-size:14px}.cliff-inventory{padding:0;overflow:hidden}.cliff-inventory summary{display:block;padding:9px 10px;color:#e8f6e6c2;cursor:pointer;font-size:12px}.cliff-inventory[open] summary{color:#e8f6e6;border-bottom:1px solid rgba(174,223,211,.16)}.texture-hero p{max-width:860px;color:#d6f0e6bd;line-height:1.45}.texture-tabs{position:sticky;top:0;z-index:8;display:grid;grid-template-columns:repeat(2,1fr);gap:6px;max-width:1480px;margin:0 auto 8px;padding:8px 0;background:#0b2b31}.texture-tab{min-height:34px;background:#102f36;border:1px solid rgba(174,223,211,.18);border-radius:5px;color:#ddf0e8ad;cursor:pointer;font:inherit}.texture-tab.active{color:#fff8df;background:#275356;border-color:#cfe89e}.texture-mapping-lab{display:grid;grid-template-rows:auto minmax(560px,1fr);gap:12px;min-height:calc(100vh - 132px);max-width:none;margin:0}.mapping-copy p{color:#d6f0e6bd;line-height:1.45;margin-bottom:12px}.mapping-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.mapping-readout{color:#d8ead2;line-height:1.4;font-size:11px}.mapping-stage{min-height:560px;overflow:hidden;border-radius:6px;background:#0a2530;border:1px solid rgba(174,223,211,.16)}.mapping-stage canvas{display:block;width:100%;height:100%;pointer-events:none}.mapping-fallback{display:grid;place-items:center;min-height:430px;color:#e1f0e8a8;text-align:center;padding:24px}.cliff-inventory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;padding:10px}.cliff-inventory-item{min-height:54px;padding:8px;background:#0b3330;border:1px solid rgba(189,220,190,.12);border-radius:5px}.cliff-inventory-item strong{display:block;margin-bottom:4px;color:#a7e08e}.cliff-inventory-item span{display:block;color:#e0ecdab3;line-height:1.35}.workshop-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px}.texture-global-controls{position:sticky;top:50px;z-index:7;padding:10px;background:#082529f5;border:1px solid rgba(174,223,211,.16);border-radius:6px}.workshop-control{display:grid;grid-template-columns:minmax(70px,auto) minmax(120px,1fr) 48px;align-items:center;gap:8px;padding:8px;background:#0c4149;border:1px solid rgba(255,255,255,.16);border-radius:6px}.workshop-control.hidden,.texture-playground-section.hidden{display:none}.workshop-control span{min-width:0;overflow:hidden;text-overflow:ellipsis}.workshop-slider-wrap{display:grid;grid-template-columns:34px minmax(80px,1fr) 42px;align-items:center;gap:6px}.workshop-slider-wrap small{color:#dceee47a;font-size:9px}.workshop-slider-wrap input[type=range]{width:100%;accent-color:#7fcf91}.workshop-value{text-align:right;color:#d8ead2}.texture-status{align-self:center;margin:0}.texture-json-panel{grid-column:1 / -1;padding:0;overflow:hidden;background:#061e22b8;border:1px solid rgba(174,223,211,.14);border-radius:6px}.texture-json-panel summary{display:block;padding:8px 10px;color:#e8f6e6c7;cursor:pointer;font-size:11px}.texture-json-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 10px 8px}.texture-json-output{display:block;width:calc(100% - 20px);min-height:132px;margin:0 10px 10px;padding:8px;resize:vertical;color:#d9f0e4;background:#071b20;border:1px solid rgba(174,223,211,.16);border-radius:5px;font:10px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.workshop-status{margin:8px 0 10px;color:#d7f7f2;font-size:11px}.workshop-panel .btn{margin:8px 8px 0 0}.texture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.texture-card{padding:8px;background:#0c4149;border:1px solid rgba(255,255,255,.16);border-radius:6px;cursor:pointer}.texture-card.selected{border-color:#cfe89e;box-shadow:0 0 0 1px #cfe89e6b,0 0 18px #53a46952}.texture-card canvas{display:block;width:100%;aspect-ratio:1;image-rendering:auto;border-radius:4px}.texture-card strong{display:block;padding-top:8px;color:#fff4df}.texture-card span{display:block;padding-top:4px;color:#d9ebde9e;font-size:10px}.texture-card-scale{display:grid;grid-template-columns:38px minmax(0,1fr) 42px;align-items:center;gap:6px;margin-top:8px;padding:6px;background:#04191b61;border:1px solid rgba(255,255,255,.1);border-radius:5px;cursor:default}.texture-card-scale span,.texture-card-scale output{display:block;padding:0;color:#e0eee4b8;font-size:10px}.texture-card-scale output{text-align:right;color:#eef8dc}.texture-card-scale input[type=range]{width:100%;accent-color:#b7d36b}#texture-workshop.texture-board-shell{min-height:100vh;padding:0;background:#071f22}.texture-board-toolbar{position:static;z-index:12;display:grid;grid-template-columns:minmax(160px,260px) 118px repeat(5,auto) 1fr;align-items:center;gap:5px;min-height:30px;padding:4px 8px;background:#061c20b8;border-bottom:1px solid rgba(174,223,211,.18)}.texture-board-title{color:#f4f2d8;font-size:12px;font-weight:700;white-space:nowrap}.texture-board-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.texture-board-tab,.texture-board-action{min-height:24px;padding:0 8px;color:#e2f2e8a8;background:#102f366b;border:1px solid rgba(174,223,211,.14);border-radius:5px;cursor:pointer;font:inherit;font-size:10px}.texture-board-tab{display:flex;justify-content:center;align-items:center;gap:7px}.texture-board-tab span{color:#e4eed18a;font-size:10px}.texture-board-tab.active{color:#fff8dfdb;background:#275356a3;border-color:#cfe89e7a}.texture-board-seed{display:grid;grid-template-columns:auto minmax(70px,1fr);align-items:center;gap:6px;min-height:24px;padding:0 8px;color:#e2f2e8b3;background:#0c414994;border:1px solid rgba(174,223,211,.16);border-radius:5px;font-size:10px}.texture-board-seed input{width:100%;color:#f4f2d8;background:transparent;border:0;font:inherit;text-align:right}.texture-board-action{color:#f4f2d8b8}.texture-board-count{justify-self:end;color:#ddefe694;font-size:10px;white-space:nowrap}.texture-board-workspace{display:grid;grid-template-columns:minmax(420px,38vw) minmax(0,1fr);align-items:start;gap:10px;padding:10px}.texture-board{min-width:0;padding:0}.texture-board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(188px,1fr));gap:10px;width:100%}.texture-board-card{position:relative;min-width:0;padding:8px;background:#0b3439;border:1px solid rgba(174,223,211,.16);border-radius:5px;cursor:pointer}.texture-board-card.selected{border-color:#e5e769;box-shadow:0 0 0 1px #e5e7696b,0 0 14px #82b44a3d}.texture-board-card.previewing{border-color:#70e7ff;box-shadow:0 0 0 1px #70e7ff6b,0 0 16px #16cae838}.texture-board-card canvas{display:block;width:100%;aspect-ratio:1;image-rendering:auto;border-radius:4px}.texture-enabled{position:absolute;top:9px;right:9px;z-index:2;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;color:#e8f6e6;background:#051618ad;border:1px solid rgba(232,246,230,.24);border-radius:4px;cursor:pointer;font:inherit;font-size:9px}.texture-enabled input{width:13px;height:13px;margin:0;accent-color:#dce76a}.texture-board-card.selected .texture-enabled{color:#111b14;background:#e5e769;border-color:#e5e769}.texture-card-meta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px;align-items:baseline;padding-top:6px}.texture-card-meta strong{color:#fff4df;font-size:12px}.texture-card-meta span{min-width:0;overflow:hidden;color:#daeae09e;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.texture-mini-scale{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 8px;margin-top:7px;padding:6px;background:#03121447;border:1px solid rgba(255,255,255,.08);border-radius:5px;color:#e0eee4b3;font-size:10px;cursor:default}.texture-mini-scale input{grid-column:1 / -1;width:100%;accent-color:#d9e76a}.texture-mini-scale input[type=range]{height:18px}.texture-mini-scale output{grid-column:1 / -1;text-align:right;color:#f4f2d8;font-size:11px}.texture-copy-buffer{position:fixed;left:-9999px;top:-9999px}.texture-preview-lab{position:static;min-width:0;padding:8px;background:#09282e;border:1px solid rgba(174,223,211,.18);border-radius:6px}.texture-preview-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding-bottom:7px;color:#fff4df}.texture-preview-head strong{font-size:12px}.texture-preview-head span,.texture-preview-stats{color:#dceee69e;font-size:10px}.texture-preview-canvas{width:100%;height:min(48vh,500px);min-height:330px;overflow:hidden;background:#071f22;border:1px solid rgba(174,223,211,.14);border-radius:5px;cursor:grab;touch-action:none;overscroll-behavior:contain}.texture-preview-canvas:active{cursor:grabbing}.texture-preview-canvas canvas{display:block;width:100%;height:100%}.texture-preview-stats{padding:7px 0}.texture-preview-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding-bottom:7px}.texture-preview-tabs button{min-height:28px;color:#e2f2e8b8;background:#0312144d;border:1px solid rgba(174,223,211,.14);border-radius:5px;cursor:pointer;font:inherit;font-size:10px}.texture-preview-tabs button.active{color:#fff8df;background:#1c555d;border-color:#70e7ff}.texture-preview-panel{display:none}.texture-preview-panel.active{display:block}.texture-sky-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:8px}.texture-sky-preset{display:grid;gap:3px;min-height:48px;padding:7px;color:#e2f2e8c7;background:#071d27;border:1px solid rgba(174,223,211,.18);border-radius:5px;cursor:pointer;font:inherit;text-align:left}.texture-sky-preset strong{color:#f7f0d7;font-size:11px}.texture-sky-preset span{color:#d3e7e28f;font-size:10px}.texture-sky-preset.active{color:#fff8df;background:#123747;border-color:#8fd7ff;box-shadow:0 0 0 1px #8fd7ff47}.texture-preview-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.texture-preview-control{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:3px 6px;padding:6px;color:#e2f2e8b8;background:#03121447;border:1px solid rgba(255,255,255,.08);border-radius:5px;font-size:10px}.texture-preview-control input{grid-column:1 / -1;width:100%;accent-color:#70e7ff}.texture-preview-control output{color:#f4f2d8;text-align:right}.texture-color-lane{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:7px}.texture-color-stop{display:grid;gap:5px;min-width:0;padding:6px;color:#e2f2e8b8;background:linear-gradient(180deg,color-mix(in srgb,var(--stop-color, #10282b) 48%,#061315),#03121447);border:1px solid rgba(255,255,255,.08);border-radius:5px;font-size:10px;cursor:pointer}.texture-color-stop input{width:100%;height:30px;padding:0;background:transparent;border:1px solid rgba(255,255,255,.16);border-radius:4px;cursor:pointer}@media(max-width:1200px){.texture-board-workspace{grid-template-columns:1fr;padding:8px}.texture-preview-lab{position:static}}@media(max-width:860px){.texture-workbench{grid-template-columns:1fr}.texture-preview-pane{position:static}.texture-board-toolbar{grid-template-columns:1fr 1fr}.texture-board-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.texture-board-title,.texture-board-count{display:none}.texture-board-tabs,.texture-board-seed{grid-column:1 / -1}}.workshop-panel{position:fixed;top:12px;right:12px;z-index:20;width:min(320px,calc(100vw - 24px));padding:12px;background:#0c4149c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);border-radius:6px}.workshop-panel h2{font-size:13px;margin-bottom:10px;color:#fff4df}#variant-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#05050ff7;display:flex;flex-direction:column}#variant-grid.hidden{display:none!important}#variant-grid .grid-cells{flex:1;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:6px;padding:8px}.variant-cell{position:relative;background:#0f0f23cc;border:1px solid rgba(80,80,140,.2);border-radius:4px;cursor:pointer;overflow:hidden}.variant-cell:hover{border-color:#8c78dc80}.variant-cell.selected{border-color:#7060c0;border-width:2px}.variant-cell canvas{width:100%;height:100%;display:block;object-fit:contain}.variant-label{position:absolute;top:4px;left:6px;font-size:11px;color:#b4b4dcb3;font-weight:700}#variant-grid .grid-header{height:42px;flex-shrink:0;background:#0a0a1ef2;display:flex;align-items:center;padding:0 16px;gap:12px;border-bottom:1px solid rgba(100,120,200,.2)}#variant-grid .grid-header span{color:#8890a8;font-size:12px}#debug-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:15;pointer-events:none;padding:12px;font-size:10px;line-height:1.5;color:#b4dca0cc}#debug-overlay.hidden{display:none}.debug-section{background:#00000080;border:1px solid rgba(100,200,100,.2);border-radius:4px;padding:6px 8px;margin-bottom:6px;max-width:320px}.debug-section h4{color:#8cc878e6;font-size:10px;margin-bottom:2px}.tag-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.tag{background:#3c327866;border:1px solid rgba(120,100,200,.25);color:#9098b8;padding:2px 6px;border-radius:10px;font-size:10px;cursor:pointer}.tag.active{background:#6450b480;color:#d0d8f0;border-color:#a08cf066}