:root{--bg: #f6f5f2;--panel: #ffffff;--ink: #1d1d1f;--muted: #6b6b70;--line: #e2e0db;--accent: #2457c5;--accent-ink: #fff;--error: #b3261e;--fabric: #ecebe6;--radius: 8px;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #141416;--panel: #1d1d20;--ink: #ececef;--muted: #9a9aa2;--line: #2e2e33;--accent: #6c95f0;--accent-ink: #0b0b0c;--error: #f2b8b5;--fabric: #2a2a2e;color-scheme:dark}}:root[data-theme=dark]{--bg: #141416;--panel: #1d1d20;--ink: #ececef;--muted: #9a9aa2;--line: #2e2e33;--accent: #6c95f0;--accent-ink: #0b0b0c;--error: #f2b8b5;--fabric: #2a2a2e;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:14px/1.4 system-ui,sans-serif;display:flex;flex-direction:column}header{display:flex;gap:12px;align-items:baseline;padding:10px 16px;border-bottom:1px solid var(--line)}header strong{font-size:16px}.muted{color:var(--muted)}main{flex:1;display:grid;grid-template-columns:300px 1fr;min-height:0}aside{padding:16px;overflow:auto;border-right:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;gap:14px}.drop{display:block;border:2px dashed var(--line);border-radius:var(--radius);padding:20px;text-align:center;cursor:pointer}.drop.over,.drop:hover{border-color:var(--accent)}fieldset{border:0;padding:0;margin:0;display:grid;gap:8px}fieldset label{display:flex;justify-content:space-between;align-items:center;gap:8px}fieldset label.check{justify-content:flex-start}input[type=number],select{width:130px;padding:4px 6px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:6px;font:inherit}button{font:inherit;padding:6px 12px;border-radius:6px;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.bar{height:6px;background:var(--line);border-radius:3px;overflow:hidden}#bar{height:100%;width:0;background:var(--accent);transition:width .1s}.row{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.error{color:var(--error);margin:0}dl{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;margin:0}dt{color:var(--muted)}dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}ol#threads{list-style:none;padding:0;margin:0;display:grid;gap:3px}ol#threads li{display:flex;gap:8px;align-items:center}.swatch{width:14px;height:14px;border-radius:3px;border:1px solid var(--line)}ul#warnings{padding-left:18px;margin:0;font-size:12px}.downloads{display:flex;flex-wrap:wrap;gap:6px}.stage{display:flex;flex-direction:column;min-height:0;min-width:0;padding:12px;gap:8px}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tabs button.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.views{flex:1;display:flex;gap:8px;min-height:0}.views canvas{flex:1;min-width:0;width:100%;height:100%;border-radius:var(--radius);touch-action:none;cursor:grab;border:1px solid var(--line)}.hint{margin:0;font-size:12px}@media (max-width: 760px){main{grid-template-columns:1fr;grid-template-rows:auto 70vh}aside{border-right:0;border-bottom:1px solid var(--line)}}