:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1115;--panel:#171a21;--border:#2a2f3a;--text:#e6e8ee;--muted:#8b93a7;--accent:#4f8cff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:13px}html,body{background:var(--bg);height:100%;color:var(--text);margin:0}#app{grid-template-rows:100vh;grid-template-columns:1fr 320px;height:100vh;display:grid;overflow:hidden}#stage{background:var(--bg);min-width:0;min-height:0;position:relative;overflow:hidden}#viewport{width:100%;height:100%;display:block;position:absolute;inset:0}#panel{background:var(--panel);border-left:1px solid var(--border);box-sizing:border-box;flex-direction:column;gap:14px;min-height:0;padding:14px;display:flex;overflow-y:auto}#panel h1{margin:0 0 4px;font-size:14px;font-weight:600}#panel .sub{color:var(--muted);margin:0;font-size:11px}.field{flex-direction:column;gap:5px;display:flex}.field label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.field .row{align-items:center;gap:8px;display:flex}.field input[type=range]{accent-color:var(--accent);flex:1}.field input[type=text],.field input[type=number],.field select,.field textarea{color:var(--text);border:1px solid var(--border);font:inherit;box-sizing:border-box;background:#0f1115;border-radius:6px;width:100%;padding:7px 8px}.field textarea{resize:vertical;min-height:54px;font-family:ui-monospace,Consolas,monospace;font-size:11px}.field .value{text-align:right;font-variant-numeric:tabular-nums;min-width:64px;color:var(--text)}button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:6px;padding:8px 10px}button.secondary{color:var(--text);background:#262b36}.hint{color:var(--muted);font-size:11px;line-height:1.4}.error{color:#ff7b7b;white-space:pre-wrap;font-size:11px}.stats{color:var(--muted);white-space:pre;margin:0;font-family:ui-monospace,Consolas,monospace;font-size:11px;overflow-x:auto}.wear-ticks{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.overlay{z-index:5;pointer-events:none;white-space:pre-wrap;color:#fff;background:#0000008c;border-radius:6px;max-width:60%;padding:6px 10px;font-size:12px;line-height:1.35;position:absolute;top:12px;left:12px}.overlay.busy{color:#cfe3ff}.overlay.error{color:#ffb4b4;background:#3c0000b3}html.embed,html.embed body{background:#0b0c10;overflow:hidden}html.embed #app{width:100vw;height:100vh;grid-template-rows:100dvh;grid-template-columns:1fr;height:100dvh}html.embed #panel{display:none}html.embed #stage{touch-action:none;background:#0b0c10}html.embed #viewport{cursor:grab}html.embed #viewport:active{cursor:grabbing}html.embed .overlay{display:none}.dsk-watermark{z-index:6;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.82;filter:drop-shadow(0 1px 2px #00000073);width:clamp(96px,16%,200px);height:auto;position:absolute;top:12px;left:14px}.dsk-loading{z-index:7;color:#e6e8ee;opacity:1;pointer-events:none;background:radial-gradient(#08090e59 0%,#08090e9e 100%);justify-content:center;align-items:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;transition:opacity .4s;display:flex;position:absolute;inset:0}.dsk-loading.done{opacity:0}.dsk-loading[hidden],.dsk-error[hidden],.dsk-error-detail[hidden]{display:none!important}.dsk-loading.error{pointer-events:auto;background:#08090ec7}.dsk-box{flex-direction:column;align-items:center;gap:12px;width:min(320px,70vw);display:flex}.dsk-loading.error .dsk-box{display:none}.dsk-spinner{border:3px solid #ffffff2e;border-top-color:#b64bd6;border-radius:50%;width:34px;height:34px;animation:.9s linear infinite dsk-spin}@keyframes dsk-spin{to{transform:rotate(360deg)}}.dsk-stage{letter-spacing:.01em;text-shadow:0 1px 2px #0009;min-height:1.4em;font-size:14px}.dsk-bar{background:#ffffff29;border-radius:2px;width:100%;height:4px;overflow:hidden}.dsk-bar-fill{background:linear-gradient(90deg,#4f8cff,#b64bd6);border-radius:2px;width:0%;height:100%;transition:width .25s}.dsk-count{color:#e6e8eeb3;font-variant-numeric:tabular-nums;min-height:1.2em;font-size:11px}.dsk-error{text-align:center;background:#14161ee6;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;gap:8px;max-width:min(420px,80vw);padding:20px 24px;display:flex}.dsk-error-icon{color:#ff9c9c;background:#ff7b7b29;border-radius:50%;place-items:center;width:36px;height:36px;font-size:20px;font-weight:700;display:grid}.dsk-error-title{font-size:15px;font-weight:600}.dsk-error-hint{color:#b9bfcc;font-size:12.5px;line-height:1.45}.dsk-error-detail{color:#7d8494;word-break:break-word;margin-top:4px;font-family:ui-monospace,Consolas,monospace;font-size:10.5px}.dsk-hint{z-index:6;pointer-events:none;color:#e6e8eee6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;text-overflow:ellipsis;opacity:1;background:#08090e8c;border-radius:999px;max-width:92vw;padding:6px 12px;font-size:11.5px;transition:opacity .5s;position:absolute;bottom:14px;left:50%;overflow:hidden;transform:translate(-50%)}.dsk-hint.gone{opacity:0}.dsk-legend{z-index:6;pointer-events:none;-webkit-user-select:none;user-select:none;color:#e6e8eeeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:1;background:#08090e80;border-radius:10px;flex-wrap:wrap;justify-content:center;gap:4px 12px;max-width:calc(100vw - 24px);padding:6px 10px;font-size:11px;line-height:1.2;transition:opacity .35s;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.dsk-legend.out{opacity:0}.dsk-legend-row{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.dsk-legend svg{opacity:.9;flex:none;width:15px;height:15px}@media (max-width:480px){.dsk-legend{gap:3px 9px;padding:5px 8px;font-size:10.5px}}.dsk-legend[hidden],.dsk-legend-toggle[hidden],html[data-dsk=loading] .dsk-legend,html[data-dsk=error] .dsk-legend,html[data-dsk=loading] .dsk-legend-toggle,html[data-dsk=error] .dsk-legend-toggle{display:none!important}.dsk-legend-toggle{z-index:6;opacity:.85;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;color:#e6e8eeeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08090e8c;border:1px solid #ffffff29;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin:0;padding:0;line-height:0;display:inline-flex;position:absolute;bottom:12px;right:12px}.dsk-legend-toggle:hover{opacity:1;background:#08090ebf}.dsk-legend-toggle svg{width:16px;height:16px}@media (pointer:coarse){.dsk-legend-toggle{width:38px;height:38px}.dsk-legend-toggle svg{width:19px;height:19px}}.dsk-side{z-index:6;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:.04em;text-transform:uppercase;color:#e6e8eef2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08090e80;border-radius:999px;padding:5px 10px;font-size:11.5px;font-weight:600;position:absolute;top:12px;left:50%;transform:translate(-50%)}.dsk-side[hidden],html[data-dsk=loading] .dsk-side,html[data-dsk=error] .dsk-side{display:none!important}.dsk-side.flip{animation:.35s dsk-flip}@keyframes dsk-flip{0%{opacity:.3;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}.dsk-fallback{z-index:5;object-fit:contain;pointer-events:none;background:#0b0c10;width:100%;height:100%;position:absolute;inset:0}.dsk-loading.with-image{background:#08090e59;align-items:flex-end;padding-bottom:8vh}.dsk-loading.with-image .dsk-error{background:#14161ed1}.dsk-loading.with-image .dsk-error-icon{display:none}.dsk-debug{z-index:8;color:#d7dbe6;white-space:pre-wrap;word-break:break-word;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;-webkit-user-select:text;user-select:text;background:#08090ec7;border-radius:8px;max-width:min(92vw,640px);max-height:46%;margin:0;padding:8px 10px;font:10px/1.35 ui-monospace,Consolas,monospace;position:absolute;top:48px;left:12px;overflow:auto}