@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:600;font-display:swap;src:url(ui-fonts/bricolage-grotesque-latin-600-normal.woff2) format("woff2")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-display:swap;src:url(ui-fonts/bricolage-grotesque-latin-800-normal.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:swap;src:url(ui-fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-display:swap;src:url(ui-fonts/ibm-plex-sans-latin-500-normal.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-display:swap;src:url(ui-fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(ui-fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(ui-fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2")}:root{--bg: #eef0ea;--panel: #f9faf6;--ink: #17201c;--muted: #5a6761;--line: #d9ded5;--field: #ffffff;--accent: #1c6a4f;--accent-ink: #ffffff;--accent-soft: #dcebe3;--glow: #f0a94a;--warn: #9a6410;--danger: #b2382d;--stage-hi: #2a3238;--stage-lo: #0d1114;--stage-ink: #e9eee9;--stage-muted: #9aa7a1;--stage-chip: rgba(255,255,255,.08);--f-display: "Bricolage Grotesque", "Avenir Next", "Segoe UI", sans-serif;--f-body: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--f-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--r: 10px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0f1312;--panel: #151a18;--ink: #e5ebe7;--muted: #8f9d96;--line: #27302c;--field: #1b2220;--accent: #52b48d;--accent-ink: #08130f;--accent-soft: #1d3329;--warn: #e0a548;--danger: #ec7a6c;--stage-hi: #1d2429;--stage-lo: #07090b;color-scheme:dark}}:root[data-theme=dark]{--bg: #0f1312;--panel: #151a18;--ink: #e5ebe7;--muted: #8f9d96;--line: #27302c;--field: #1b2220;--accent: #52b48d;--accent-ink: #08130f;--accent-soft: #1d3329;--warn: #e0a548;--danger: #ec7a6c;--stage-hi: #1d2429;--stage-lo: #07090b;color-scheme:dark}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:14px/1.45 var(--f-body);overflow:hidden}*{box-sizing:border-box}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{height:100%;display:grid;grid-template-columns:minmax(300px,380px) 1fr;grid-template-rows:auto 1fr}header{grid-column:1 / -1;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-block:10px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));border-bottom:1px solid var(--line);background:var(--panel)}.brand{display:flex;align-items:baseline;gap:10px;min-width:0;margin-right:auto}.brand h1{margin:0;font:800 20px/1 var(--f-display);letter-spacing:-.01em}.brand .file{font:500 12px var(--f-mono);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40vw}.hbtns{display:flex;gap:6px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:var(--field);border-radius:8px;padding:6px 11px;cursor:pointer;font-weight:500;font-size:13px}.btn:hover{border-color:var(--muted)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn:disabled{opacity:.55;cursor:default}.app{position:relative}.tplbtn{display:inline-flex;gap:6px;align-items:baseline;max-width:46vw}.tplbtn .tlab{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.tplbtn #tplLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tplpanel{position:absolute;z-index:20;top:56px;left:max(12px,env(safe-area-inset-left,0px));width:min(520px,calc(100% - 24px));max-height:min(72vh,720px);display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 50px #00000047;overflow:hidden}.tplhead{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--line)}.tplhead .btn{white-space:nowrap}#tplList{overflow-y:auto;padding:4px 12px 14px}.tgroup h3{margin:14px 0 6px;font:600 11.5px var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.titems{display:grid;gap:2px}.titem{display:grid;gap:1px;text-align:left;border:0;background:none;padding:7px 10px;border-radius:8px;cursor:pointer}.titem:hover,.titem:focus-visible{background:var(--accent-soft)}.titem[aria-current=true]{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.titem .tname{font-weight:600;font-size:13.5px}.titem.pop .tname:after{content:"popular";margin-left:8px;font:500 10px var(--f-mono);color:var(--accent);vertical-align:1px}.titem .tdesc{font-size:12px;color:var(--muted)}aside{min-height:0;overflow-y:auto;border-right:1px solid var(--line);background:var(--panel);padding-block:8px 40px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:16px}details.grp{border-bottom:1px solid var(--line)}details.grp>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:12px 0;user-select:none}details.grp>summary::-webkit-details-marker{display:none}details.grp>summary h2{margin:0;font:600 12px var(--f-body);letter-spacing:.08em;text-transform:uppercase}details.grp>summary .chev{margin-left:auto;color:var(--muted);transition:transform .15s}details.grp[open]>summary .chev{transform:rotate(90deg)}details.grp>summary .tog{margin-left:4px}.grp-body{display:grid;gap:14px;padding:2px 0 18px}.grp.off .grp-body .p:not(.lead){opacity:.45}.p{display:grid;gap:5px;min-width:0}.p .lab{display:flex;align-items:baseline;gap:6px;font-weight:500;font-size:13px}.p .lab .reset{margin-left:auto;border:0;background:none;color:var(--accent);cursor:pointer;font-size:12px;padding:0}.p .desc{color:var(--muted);font-size:12px;line-height:1.35;margin-top:-2px}.row{display:flex;gap:8px;align-items:center;min-width:0}input[type=range]{flex:1;min-width:0;accent-color:var(--accent)}.num{width:76px;flex:none;border:1px solid var(--line);background:var(--field);border-radius:7px;padding:4px 7px;font:13px var(--f-mono);font-variant-numeric:tabular-nums;text-align:right}.txt,select{width:100%;border:1px solid var(--line);background:var(--field);border-radius:7px;padding:6px 9px;min-width:0}.vec{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:6px}.vec .num{width:100%}.seg{display:flex;flex-wrap:wrap;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--field)}.seg button{flex:1 1 auto;border:0;background:none;padding:5px 8px;cursor:pointer;font-size:12.5px;border-right:1px solid var(--line)}.seg button:last-child{border-right:0}.seg button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.sw{position:relative;width:36px;height:20px;flex:none}.sw input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.sw span{position:absolute;inset:0;border-radius:20px;background:var(--line);transition:background .15s;pointer-events:none}.sw span:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--field);transition:transform .15s;box-shadow:0 1px 2px #00000040}.sw input:checked+span{background:var(--accent)}.sw input:checked+span:after{transform:translate(16px)}.sw input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.imgbox{border:1.5px dashed var(--line);border-radius:var(--r);padding:10px;display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:center}.imgbox.drag{border-color:var(--accent);background:var(--accent-soft)}.imgbox canvas{width:96px;height:72px;object-fit:contain;background:repeating-conic-gradient(var(--line) 0 25%,transparent 0 50%) 0 0 / 12px 12px;border-radius:6px}.imgbox .meta{display:grid;gap:6px;font-size:12px;color:var(--muted);min-width:0}.imgbox .meta .row{flex-wrap:wrap}.filelist{display:grid;gap:4px;font:12px var(--f-mono)}.filelist div{display:flex;gap:8px;align-items:center}.filelist button{margin-left:auto;border:0;background:none;color:var(--danger);cursor:pointer}main{position:relative;min-height:0;min-width:0;background:radial-gradient(120% 90% at 50% 35%,var(--stage-hi),var(--stage-lo));color:var(--stage-ink);overflow:hidden}main.led{background:radial-gradient(90% 70% at 50% 45%,#1b1206,#030303)}#view{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;left:0;right:0;display:flex;gap:8px;flex-wrap:wrap;align-items:center;pointer-events:none;padding-left:max(14px,env(safe-area-inset-left,0px));padding-right:max(14px,env(safe-area-inset-right,0px))}.hud>*{pointer-events:auto}.hud.top{top:12px}.hud.bottom{bottom:calc(12px + env(safe-area-inset-bottom,0px))}.chip{background:var(--stage-chip);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:5px 9px;font:12px var(--f-mono);color:var(--stage-ink);font-variant-numeric:tabular-nums}.chip.dim{color:var(--stage-muted)}.sbtn{background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:var(--stage-ink);border-radius:9px;padding:7px 12px;cursor:pointer;font-weight:500;font-size:13px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.sbtn:hover{background:#ffffff24}.sbtn.go{background:var(--glow);color:#1d1204;border-color:var(--glow);font-weight:600}.sbtn[aria-pressed=true]{background:#f0a94a38;border-color:var(--glow)}.sbtn:disabled{opacity:.5;cursor:default}.sgroup{display:flex;border-radius:9px;overflow:hidden;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.sgroup button{background:#ffffff0f;border:0;color:var(--stage-ink);padding:7px 11px;cursor:pointer;font-size:13px}.sgroup button+button{border-left:1px solid rgba(255,255,255,.12)}.sgroup button[aria-pressed=true]{background:#f0a94a40}.swatches{display:flex;gap:5px;padding:4px 6px;border-radius:9px;background:var(--stage-chip);border:1px solid rgba(255,255,255,.1)}.swatches button{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.swatches button[aria-pressed=true]{border-color:var(--stage-ink)}.spacer{flex:1}.toggle{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--stage-ink);background:var(--stage-chip);border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:5px 9px}.toggle input{accent-color:var(--glow);margin:0}.busy{display:inline-block;width:11px;height:11px;border-radius:50%;border:2px solid var(--glow);border-right-color:transparent;animation:spin .8s linear infinite;vertical-align:-1px;margin-right:6px}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion: reduce){.busy{animation-duration:3s}}.ledctl{display:flex;align-items:center;gap:6px}.ledctl input{width:90px;accent-color:var(--glow)}.console{position:absolute;right:max(14px,env(safe-area-inset-right,0px));bottom:calc(60px + env(safe-area-inset-bottom,0px));width:min(520px,calc(100% - 28px));max-height:42%;overflow:auto;background:#080a0ce0;border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:10px 12px;font:12px/1.5 var(--f-mono);color:#d6dcd8;white-space:pre-wrap;word-break:break-word}.console .w{color:#f2c063}.console .e{color:#ff8e80}.console .i{color:#9fd8bd}.empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:8px;color:var(--stage-muted);padding:24px;pointer-events:none}.empty strong{font:700 18px var(--f-display);color:var(--stage-ink)}.toast{position:absolute;left:50%;top:56px;transform:translate(-50%);background:#0a0c0eeb;color:#eef;border:1px solid rgba(255,255,255,.15);border-radius:9px;padding:8px 14px;font-size:13px;max-width:calc(100% - 32px)}@media (max-width: 760px){body{overflow:auto}.app{height:auto;grid-template-columns:1fr;grid-template-rows:auto 62vh auto}main{grid-row:2}aside{grid-row:3;border-right:0;overflow:visible;padding-right:max(16px,env(safe-area-inset-right,0px))}.brand .file{display:none}.ledctl input{width:70px}}