:root{--bg: #f4f4f2;--panel: #ffffff;--ink: #1b1d21;--muted: #6b7078;--line: #e2e2de;--accent: #2f6fde;--accent-ink: #ffffff;--stage: #1f2226;--insert: #f5c542;--base: #4b5058;--warn-bg: #fff4d6;--warn-ink: #6b4b00;--error-bg: #fde3e1;--error-ink: #8a1d12;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #15171a;--panel: #1d2024;--ink: #e7e8ea;--muted: #979ca5;--line: #2d3137;--accent: #5b8ff0;--stage: #111316;--base: #8a9099;--warn-bg: #3a3017;--warn-ink: #f4d58a;--error-bg: #3d1d1a;--error-ink: #f6b3aa;color-scheme:dark}}:root[data-theme=dark]{--bg: #15171a;--panel: #1d2024;--ink: #e7e8ea;--muted: #979ca5;--line: #2d3137;--accent: #5b8ff0;--stage: #111316;--base: #8a9099;--warn-bg: #3a3017;--warn-ink: #f4d58a;--error-bg: #3d1d1a;--error-ink: #f6b3aa;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column}button,input,select{font:inherit;color:inherit}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;font-weight:650;font-size:15px;color:var(--ink)}.brand svg{color:var(--accent)}.topbar-actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border-radius:8px;border:1px solid var(--line);background:var(--panel);cursor:pointer;white-space:nowrap}.btn:hover{border-color:var(--muted)}.btn.ghost{background:transparent}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.btn.primary:disabled{opacity:.45;cursor:default}.layout{flex:1;min-height:0;display:grid;grid-template-columns:380px 1fr}.sidebar{overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px;border-right:1px solid var(--line)}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.card h2,details.card>summary{font-size:13px;font-weight:650;margin:0;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}details.card>summary{cursor:pointer}details.card[open]>summary{margin-bottom:8px}.muted{color:var(--muted);font-size:12px}#file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.modes,.seg{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.modes button,.seg button{flex:1;border:0;background:transparent;padding:6px 8px;cursor:pointer;font-size:13px}.modes button+button,.seg button+button{border-left:1px solid var(--line)}.modes button.on,.seg button.on{background:var(--accent);color:var(--accent-ink)}.map-wrap{position:relative;margin-top:8px;border-radius:8px;background:repeating-conic-gradient(var(--bg) 0 25%,var(--panel) 0 50%) 0 0 / 16px 16px;border:1px solid var(--line)}.map{display:block;width:100%;height:200px;cursor:pointer}.map path.shape{stroke-width:1.5;vector-effect:non-scaling-stroke;transition:fill-opacity .1s}.map path.shape.insert{fill:var(--insert);fill-opacity:.9;stroke:#9a7400}.map path.shape.base{fill:var(--base);fill-opacity:.85;stroke:#23262b}.map path.shape.off{fill:transparent;stroke:var(--muted);stroke-dasharray:4 3}.map path.shape.hover{stroke:var(--accent);stroke-width:3}.map .exit{fill:#e5484d;fill-opacity:.85;stroke:#fff;stroke-width:1;vector-effect:non-scaling-stroke}.map .side{stroke:#e5484d;stroke-width:3;vector-effect:non-scaling-stroke;fill:none}.map .split{stroke:var(--accent);stroke-width:2;stroke-dasharray:6 4;vector-effect:non-scaling-stroke}.map text{font:600 11px system-ui;fill:#fff;paint-order:stroke;stroke:#000;stroke-width:3px;pointer-events:none}.map-empty[hidden]{display:none}.map-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted);pointer-events:none}.map-wrap.mode-exit .map,.map-wrap.mode-side .map,.map-wrap.mode-split .map{cursor:crosshair}.legend{display:flex;gap:14px;margin-top:8px;font-size:12px;color:var(--muted)}.sw{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}.sw.insert{background:var(--insert)}.sw.base{background:var(--base)}.sw.off{border:1px dashed var(--muted)}.hint{margin:6px 0 0;font-size:12px;color:var(--muted);min-height:1.4em}.shape-list-wrap{margin-top:6px}.shape-list-wrap summary{cursor:pointer;font-size:13px}.shape-list{display:flex;flex-direction:column;gap:2px;margin-top:6px;max-height:240px;overflow-y:auto}.shape-row{display:grid;grid-template-columns:26px 14px 1fr auto;gap:6px;align-items:center;padding:3px 4px;border-radius:6px;font-size:12px}.shape-row:hover{background:var(--bg)}.shape-row .num{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.shape-row .chip{width:12px;height:12px;border-radius:3px;border:1px solid var(--line)}.shape-row select{font-size:12px;padding:1px 2px;border-radius:5px;border:1px solid var(--line);background:var(--panel)}.exit-list{display:flex;flex-direction:column;gap:4px}.exit-row{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center;font-size:13px}.exit-row .coords{font-variant-numeric:tabular-nums}.exit-row select{font-size:12px;border-radius:5px;border:1px solid var(--line);background:var(--panel)}.icon-btn{border:0;background:transparent;cursor:pointer;color:var(--muted);padding:2px 6px;border-radius:5px}.icon-btn:hover{background:var(--bg);color:var(--ink)}.empty-exits{font-size:12px;color:var(--muted)}.row{display:flex;align-items:center;gap:8px}.piece-row{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.piece-row select,.piece-row input{border:1px solid var(--line);border-radius:6px;background:var(--panel);padding:3px 6px}.piece-row input{width:76px}.param{display:grid;grid-template-columns:1fr 72px;gap:2px 10px;align-items:center;padding:6px 0}.param+.param{border-top:1px solid var(--line)}.param label{font-size:13px}.param input[type=range]{grid-column:1 / -1;width:100%;accent-color:var(--accent);margin:0}.param input[type=number]{width:72px;border:1px solid var(--line);border-radius:6px;padding:2px 6px;background:var(--panel);text-align:right}.param .help{grid-column:1 / -1;font-size:11.5px;color:var(--muted)}.param.bool{grid-template-columns:1fr auto}.param.bool input{accent-color:var(--accent);width:16px;height:16px}.stage{position:relative;min-width:0;min-height:0;background:var(--stage)}.viewer{position:absolute;top:0;right:0;bottom:0;left:0}.viewer canvas{display:block}.toolbar{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;pointer-events:none}.toolbar>*{pointer-events:auto}.toolbar .seg{background:#1e2126d9;border-color:#3a3f46;color:#e7e8ea}.toolbar .seg button+button{border-left-color:#3a3f46}.section-ctl{display:flex;align-items:center;gap:8px;background:#1e2126d9;color:#e7e8ea;border:1px solid #3a3f46;border-radius:8px;padding:5px 10px;font-size:13px}.section-ctl .muted{color:#a3a8b0;min-width:52px}.status{position:absolute;left:12px;bottom:12px;color:#c9ccd1;font-size:12.5px;background:#1e2126d9;border-radius:8px;padding:5px 10px;display:flex;align-items:center;gap:8px}.status:empty{display:none}.spinner{width:12px;height:12px;border:2px solid #6b7078;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.banner{position:absolute;top:60px;left:12px;right:12px;max-width:640px;padding:8px 12px;border-radius:8px;font-size:13px;background:var(--warn-bg);color:var(--warn-ink)}.banner.error{background:var(--error-bg);color:var(--error-ink)}.banner p{margin:0}.banner p+p{margin-top:4px}.export{position:absolute;right:12px;bottom:12px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:360px}.export-buttons{display:flex;gap:8px}.notes{background:#1e2126e6;color:#d6d8dc;border-radius:8px;padding:6px 10px;font-size:12.5px}.notes summary{cursor:pointer}.notes ul{margin:6px 0 2px;padding-left:18px}.drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2f6fde2e;border:3px dashed var(--accent);display:none;place-items:center;font-size:20px;font-weight:600;color:var(--accent);z-index:10;pointer-events:none}body.dragging .drop-overlay{display:grid}@media(max-width:860px){.layout{grid-template-columns:1fr;grid-template-rows:auto 70vh}.sidebar{order:2;border-right:0;padding:12px 16px;overflow:visible}.stage{order:1;min-height:70vh}.export{left:12px;align-items:stretch}.status{top:112px;bottom:auto}.topbar{padding:10px 16px}.brand span{display:none}}.welcome{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;z-index:5}.welcome[hidden]{display:none}.welcome-card{max-width:440px;text-align:center;background:#1e2126eb;border:1px solid var(--line);border-radius:14px;padding:28px 28px 22px;color:#e6e8eb;box-shadow:0 12px 40px #00000059}.welcome-card svg{color:var(--accent);margin-bottom:6px}.welcome-card h1{font-size:20px;margin:0 0 10px}.welcome-card p{margin:0 0 16px;font-size:14px;line-height:1.5;color:#c9ccd1}.welcome-card p.small{font-size:12px;margin:14px 0 0}.welcome-actions{display:flex;gap:10px;justify-content:center}body.empty .layout{grid-template-columns:1fr;grid-template-rows:1fr}body.empty .topbar-actions,body.empty .sidebar,body.empty .toolbar,body.empty .export,body.empty .status,body.empty .banner{display:none}