:root{--bg:#e9edf2;--panel:#ffffff;--panel-2:#f4f7fa;--ink:#16202b;--muted:#5b6b7a;--faint:#8494a3;--line:#d3dae2;--line-strong:#c1cbd5;--accent:#0e7490;--accent-ink:#0b5566;--section:#c2410c;--paper:#fbfcfe;--paper-line:#dbe3ec;--paper-ink:#26333f;--good:#15803d;--warn:#b45309;--danger:#b91c1c;--radius:10px;--font-ui:system-ui,-apple-system,"Segoe UI",Roboto,"Hiragino Kaku Gothic ProN","Yu Gothic UI",Meiryo,sans-serif;--font-mono:ui-monospace,"SFMono-Regular","Cascadia Code","Source Code Pro",Consolas,Menlo,monospace}@media (prefers-color-scheme:dark){:root{--bg:#0d131a;--panel:#141c25;--panel-2:#0f1720;--ink:#e6edf3;--muted:#93a3b4;--faint:#61717f;--line:#25313d;--line-strong:#2f3d4b;--accent:#22b8cf;--accent-ink:#7fdbe8;--section:#f9803a;--paper:#0b1119;--paper-line:#1c2733;--paper-ink:#c4d2de;--good:#4ade80;--warn:#fbbf24;--danger:#f87171}}:root[data-theme=light]{--bg:#e9edf2;--panel:#ffffff;--panel-2:#f4f7fa;--ink:#16202b;--muted:#5b6b7a;--faint:#8494a3;--line:#d3dae2;--line-strong:#c1cbd5;--accent:#0e7490;--accent-ink:#0b5566;--section:#c2410c;--paper:#fbfcfe;--paper-line:#dbe3ec;--paper-ink:#26333f;--good:#15803d;--warn:#b45309;--danger:#b91c1c}:root[data-theme=dark]{--bg:#0d131a;--panel:#141c25;--panel-2:#0f1720;--ink:#e6edf3;--muted:#93a3b4;--faint:#61717f;--line:#25313d;--line-strong:#2f3d4b;--accent:#22b8cf;--accent-ink:#7fdbe8;--section:#f9803a;--paper:#0b1119;--paper-line:#1c2733;--paper-ink:#c4d2de;--good:#4ade80;--warn:#fbbf24;--danger:#f87171}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui);line-height:1.5;-webkit-font-smoothing:antialiased}.wrap{max-width:1240px;margin:0 auto;padding:22px 20px 60px}header.top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.brand .eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-ink);margin:0 0 6px}.brand h1{font-size:23px;line-height:1.15;margin:0;font-weight:650;letter-spacing:-.01em}.brand p{margin:6px 0 0;color:var(--muted);font-size:13.5px;max-width:52ch}.stage-tag{font-family:var(--font-mono);font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 11px;white-space:nowrap;background:var(--panel)}.layout{display:grid;grid-template-columns:344px minmax(0,1fr);gap:18px;align-items:start}@media (max-width:860px){.layout{grid-template-columns:1fr}.preview-col{order:-1}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.aside{display:flex;flex-direction:column;gap:14px}.card{padding:16px}.card+.card{border-top:1px solid var(--line)}.card h2{font-family:var(--font-mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--faint);margin:0 0 12px;font-weight:600}.seg{display:flex;flex-wrap:wrap;gap:6px}.seg button{flex:1 1 auto;font-family:var(--font-mono);font-size:12px;padding:8px 9px;border:1px solid var(--line);background:var(--panel-2);color:var(--ink);border-radius:7px;cursor:pointer;transition:.12s;white-space:nowrap}.seg button:hover{border-color:var(--line-strong)}.seg button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.hint{font-size:12px;color:var(--muted);margin:9px 0 0;font-family:var(--font-mono)}.hint.err{color:var(--danger)}details.own{margin-top:10px}details.own summary{font-size:12.5px;color:var(--accent-ink);cursor:pointer;font-family:var(--font-mono)}.drop{margin-top:9px;border:1.5px dashed var(--line-strong);border-radius:8px;padding:12px;text-align:center;color:var(--muted);font-size:12.5px;transition:.12s}.drop.hot{border-color:var(--accent);color:var(--accent-ink);background:var(--panel-2)}textarea{width:100%;margin-top:8px;min-height:80px;resize:vertical;font-family:var(--font-mono);font-size:11.5px;padding:8px;border:1px solid var(--line);border-radius:7px;background:var(--panel-2);color:var(--ink)}input[type=file]{display:none}.filebtn{display:inline-block;margin-top:8px;font-size:12px;font-family:var(--font-mono);color:var(--accent-ink);border:1px solid var(--line);border-radius:7px;padding:6px 10px;cursor:pointer}.ctl{margin-bottom:16px}.ctl:last-child{margin-bottom:0}.ctl .row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:7px}.ctl label{font-size:13px;font-weight:550}.ctl .val{font-family:var(--font-mono);font-size:13px;color:var(--accent-ink);font-variant-numeric:tabular-nums}.ctl .sub{font-size:11px;color:var(--muted);font-family:var(--font-mono)}input[type=range]{width:100%;accent-color:var(--accent);margin:2px 0}.presets{display:flex;gap:5px;margin-top:8px}.presets button{font-family:var(--font-mono);font-size:11.5px;padding:4px 9px;border:1px solid var(--line);background:var(--panel-2);color:var(--ink);border-radius:6px;cursor:pointer}.presets button:hover{border-color:var(--accent);color:var(--accent-ink)}.presets button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.switch{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:550;cursor:pointer}.switch input{accent-color:var(--accent);width:16px;height:16px}.manual{margin-top:11px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.manual .f label{display:block;font-size:11px;color:var(--muted);margin-bottom:4px;font-family:var(--font-mono)}.manual .f input{width:100%;font-family:var(--font-mono);font-size:12.5px;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);color:var(--ink);font-variant-numeric:tabular-nums}.manual .f input:disabled{opacity:.45}.stats{display:grid;grid-template-columns:1fr 1fr;gap:9px}.stat{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:9px 11px}.stat .k{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.stat .v{font-family:var(--font-mono);font-size:16px;font-weight:600;margin-top:3px;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.stat .v small{font-size:11px;color:var(--muted);font-weight:500}.stat.wide{grid-column:1 / -1}.stat.flag .v{color:var(--warn)}.plist{display:flex;flex-direction:column;gap:6px}.prow{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);cursor:pointer;transition:.12s}.prow:hover{border-color:var(--line-strong)}.prow[aria-selected=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel-2))}.prow .nm{flex:1 1 auto;font-family:var(--font-mono);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.prow .nd{font-family:var(--font-mono);font-size:10px;color:var(--warn);border:1px solid var(--line);border-radius:999px;padding:1px 7px;white-space:nowrap}.prow .rm{flex:none;border:none;background:transparent;color:var(--faint);cursor:pointer;font-size:16px;line-height:1;padding:2px 4px;border-radius:5px}.prow .rm:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.plisttools{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.plisttools .cnt{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.linkbtn{font-family:var(--font-mono);font-size:11.5px;color:var(--accent-ink);background:none;border:none;cursor:pointer;padding:2px 4px}.linkbtn:hover{text-decoration:underline}.batchbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:9px 12px}.batchbar .bl{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.batchbar button{font-family:var(--font-mono);font-size:12px;padding:5px 11px;border-radius:6px;cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--ink);transition:.12s}.batchbar button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-ink)}.batchbar button:disabled{opacity:.55;cursor:progress}.batchbar .status{font-family:var(--font-mono);font-size:11.5px;color:var(--good);margin-left:auto}.preview-col{display:flex;flex-direction:column;gap:12px}.paperbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.legend{display:flex;gap:16px;flex-wrap:wrap;font-family:var(--font-mono);font-size:11.5px;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:6px}.swatch{width:22px;height:0;border-top-width:2.5px;border-top-style:solid;display:inline-block}.swatch.sec{border-top-color:var(--section)}.swatch.grid{border-top-color:var(--faint);border-top-style:dashed;border-top-width:1.5px}.gapdot{width:12px;height:12px;border:1.5px dashed var(--faint);border-radius:3px;display:inline-block}.exports{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.optchk{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11.5px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.optchk input{accent-color:var(--accent);width:14px;height:14px}.exports button{font-family:var(--font-mono);font-size:12px;padding:7px 13px;border-radius:7px;cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--ink);transition:.12s}.exports button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-ink)}.exports button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.exports button.primary:hover:not(:disabled){color:#fff;opacity:.92}.exports button:disabled{opacity:.5;cursor:not-allowed}.paper{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:6px;overflow:auto;max-height:80vh;background-image:linear-gradient(var(--paper-line) 1px,transparent 1px),linear-gradient(90deg,var(--paper-line) 1px,transparent 1px);background-size:26px 26px;background-position:-1px -1px}.paper svg{display:block;width:100%;height:auto}.paper svg text{font-family:var(--font-mono)}.paper.empty{display:flex;align-items:center;justify-content:center;min-height:280px;color:var(--muted);font-family:var(--font-mono);font-size:13px;text-align:center}.themebtn{font-family:var(--font-mono);font-size:11px;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:5px 11px;cursor:pointer}.themebtn:hover{border-color:var(--accent);color:var(--accent-ink)}footer.note{margin-top:22px;color:var(--faint);font-size:12px;font-family:var(--font-mono);border-top:1px solid var(--line);padding-top:14px;line-height:1.7}footer.note b{color:var(--muted);font-weight:600}footer.note code{color:var(--accent-ink)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}