:root{--navy: #12343b;--teal: #4fa3a5;--amber: #e8a33d;--sand: #f6ebd9;--bg: #ece0cc;--bg-2: #f3e8d6;--well: #f6ebd9;--sh-dark: #cdbc9f;--sh-light: #fffaf0;--ink: #12343b;--ink-2: #3f5a5f;--muted: #6e7f7f;--line: rgba(18, 52, 59, .14);--line-strong: rgba(18, 52, 59, .32);--accent: #e8a33d;--accent-ink: #12343b;--accent-strong: #b8761a;--water: #4fa3a5;--water-fill: rgba(79, 163, 165, .22);--good: #2e7d4f;--warn: #a8670f;--bad: #b3362b;--grid: rgba(18, 52, 59, .07);--cat-1: #00979c;--cat-2: #d4891c;--cat-3: #6558c4;--cat-4: #c24a33;--cat-5: #2f6fb8;--cat-6: #c2448a;--r-lg: 18px;--r-md: 12px;--r-sm: 8px;--raise: 6px 6px 14px var(--sh-dark), -6px -6px 14px var(--sh-light);--raise-sm: 3px 3px 7px var(--sh-dark), -3px -3px 7px var(--sh-light);--inset: inset 3px 3px 7px var(--sh-dark), inset -3px -3px 7px var(--sh-light);--inset-sm: inset 2px 2px 4px var(--sh-dark), inset -2px -2px 4px var(--sh-light);--font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", "Cascadia Mono", Consolas, ui-monospace, monospace;color-scheme:light}:root[data-theme=dark]{--bg: #173a41;--bg-2: #1b424a;--well: #12313a;--sh-dark: #0c2328;--sh-light: #23525b;--ink: #f6ebd9;--ink-2: #cfc4b2;--muted: #93a6a6;--line: rgba(246, 235, 217, .12);--line-strong: rgba(246, 235, 217, .3);--accent: #e8a33d;--accent-ink: #12343b;--accent-strong: #f0b75c;--water: #6cc0c2;--water-fill: rgba(108, 192, 194, .2);--good: #6fcf97;--warn: #f0b75c;--bad: #ff8a7a;--grid: rgba(246, 235, 217, .06);--cat-1: #129da2;--cat-2: #c2801a;--cat-3: #7d70dd;--cat-4: #d85a44;--cat-5: #5893d2;--cat-6: #cc5c9c;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}.num,.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.app{display:grid;grid-template-rows:auto auto 1fr;height:100%;gap:10px;padding:10px 12px 12px}.main{display:grid;grid-template-columns:var(--lw) minmax(0,1fr) var(--rw);gap:12px;min-height:0}.center{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;min-height:0;min-width:0}.center.dock-open{grid-template-rows:minmax(0,1fr) 290px}.neu{background:var(--bg);border-radius:var(--r-lg);box-shadow:var(--raise)}.neu-inset{background:var(--bg);border-radius:var(--r-md);box-shadow:var(--inset)}.panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}.panel-head{display:flex;align-items:center;gap:8px;padding:14px 16px 8px}.panel-head h2{font-size:13px;font-weight:700;letter-spacing:.02em;margin:0;flex:1}.panel-body{overflow:auto;padding:4px 14px 16px;min-height:0;flex:1}.panel-body::-webkit-scrollbar,.scroll::-webkit-scrollbar{width:8px;height:8px}.panel-body::-webkit-scrollbar-thumb,.scroll::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:8px}.topbar{display:flex;align-items:center;gap:12px;padding:8px 12px}.brand{display:flex;align-items:center;gap:10px;margin-right:6px}.brand-name{font-weight:800;font-size:15px;letter-spacing:.01em}.brand-sub{font-size:11px;color:var(--muted)}.title-input{border:none;background:transparent;font-weight:600;font-size:14px;padding:7px 12px;border-radius:var(--r-sm);min-width:240px;box-shadow:var(--inset-sm);outline:none}.spacer{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;background:var(--bg);border-radius:var(--r-sm);padding:7px 12px;box-shadow:var(--raise-sm);cursor:pointer;font-weight:600;font-size:12px;white-space:nowrap;transition:box-shadow .12s,transform .12s}.btn:hover{transform:translateY(-1px)}.btn:active,.btn.on{box-shadow:var(--inset-sm);transform:none}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.primary{background:var(--accent);color:var(--accent-ink);box-shadow:4px 4px 10px var(--sh-dark),-4px -4px 10px var(--sh-light),inset 0 0 0 1px #0000000a}.btn.primary:active{box-shadow:inset 3px 3px 6px #00000040}.btn.ghost{box-shadow:none;background:transparent}.btn.ghost:hover{box-shadow:var(--raise-sm)}.btn.icon{padding:7px;width:32px;height:32px}.btn.sm{padding:4px 8px;font-size:11px}.btn.danger{color:var(--bad)}.btn svg{flex:none}.focus-ring:focus-visible,.btn:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ribbon{display:flex;align-items:center;gap:6px;padding:6px;overflow-x:auto}.step{display:flex;align-items:center;gap:8px;border:none;background:transparent;padding:7px 12px 7px 8px;border-radius:var(--r-md);cursor:pointer;color:var(--ink-2);font-weight:600;white-space:nowrap}.step:hover{color:var(--ink)}.step .badge{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:var(--navy);color:var(--sand);font-size:11px;font-weight:800}.step.active{box-shadow:var(--inset-sm);color:var(--ink)}.step.active .badge{background:var(--accent);color:var(--navy)}.step .dot{width:7px;height:7px;border-radius:50%;background:var(--line-strong)}.step .dot.ok{background:var(--good)}.step .dot.stale{background:var(--warn)}.ribbon-sep{width:1px;align-self:stretch;background:var(--line);margin:4px}.section{margin:10px 0 14px}.section-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 2px 8px}.section-title .line{flex:1;height:1px;background:var(--line)}.field{display:grid;grid-template-columns:1fr 120px;align-items:center;gap:8px;margin:6px 0}.field.wide{grid-template-columns:1fr}.field label{color:var(--ink-2);font-size:12px}.field .unit{color:var(--muted);font-size:11px;margin-left:4px}.input,.select{width:100%;border:none;background:var(--bg);box-shadow:var(--inset-sm);border-radius:var(--r-sm);padding:6px 9px;outline:none;font-family:var(--mono);font-size:12px;font-variant-numeric:tabular-nums;min-width:0}.select{font-family:var(--font);cursor:pointer}.input.text{font-family:var(--font)}.input:focus,.select:focus{box-shadow:var(--inset-sm),0 0 0 2px var(--accent)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.mini label{display:block;font-size:10.5px;color:var(--muted);margin:0 0 3px 2px}.seg{display:flex;gap:4px;padding:4px;border-radius:var(--r-md);box-shadow:var(--inset-sm);flex-wrap:wrap}.seg button{flex:1;border:none;background:transparent;border-radius:var(--r-sm);padding:6px 8px;font-size:11.5px;font-weight:600;color:var(--ink-2);cursor:pointer;white-space:nowrap}.seg button.on{background:var(--bg);box-shadow:var(--raise-sm);color:var(--ink)}.toggle{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;color:var(--ink-2);margin:6px 0}.toggle .sw{width:34px;height:18px;border-radius:10px;box-shadow:var(--inset-sm);position:relative;flex:none}.toggle .sw:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:var(--muted);transition:left .15s,background .15s}.toggle.on .sw:after{left:19px;background:var(--accent)}.tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:11.5px}.tbl th{position:sticky;top:0;background:var(--bg);text-align:right;font-weight:700;color:var(--muted);padding:6px 8px;border-bottom:1px solid var(--line);white-space:nowrap;z-index:1}.tbl th:first-child,.tbl td:first-child{text-align:left}.tbl td{padding:4px 8px;text-align:right;border-bottom:1px solid var(--line);font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.tbl tr:hover td{background:#e8a33d14}.tbl tr.sel td{background:#e8a33d2e}.pt-table td{padding:2px 3px}.pt-table .input{padding:4px 6px}.card{border-radius:var(--r-md);box-shadow:var(--raise-sm);padding:10px 12px;margin:0 0 10px}.card.inset{box-shadow:var(--inset-sm)}.hero{display:flex;align-items:flex-end;gap:10px}.hero .val{font-family:var(--mono);font-size:34px;font-weight:700;line-height:1;letter-spacing:-.02em}.hero .lbl{font-size:11px;color:var(--muted)}.status{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:20px;box-shadow:var(--inset-sm)}.status.good{color:var(--good)}.status.warn{color:var(--warn)}.status.bad{color:var(--bad)}.kv{display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:12px}.kv .k{color:var(--ink-2)}.kv .v{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right}.method-row{display:grid;grid-template-columns:1fr 64px 46px;align-items:center;gap:8px;padding:5px 2px;border-bottom:1px solid var(--line);font-size:12px}.method-row:last-child{border-bottom:none}.method-row .f{font-family:var(--mono);font-weight:700;text-align:right}.method-row .bar{height:6px;border-radius:3px;box-shadow:var(--inset-sm);position:relative;overflow:hidden}.method-row .bar i{position:absolute;inset:0 auto 0 0;background:var(--teal);border-radius:3px}.method-row.primary{font-weight:700}.method-row.primary .bar i{background:var(--accent)}.note{font-size:11.5px;color:var(--ink-2);padding:8px 10px;border-radius:var(--r-sm);box-shadow:var(--inset-sm);margin:8px 0}.note.warn{color:var(--warn)}.note.bad{color:var(--bad)}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600;box-shadow:var(--raise-sm);cursor:pointer;border:none;background:var(--bg)}.chip.on{box-shadow:var(--inset-sm);color:var(--accent-strong)}.swatch{width:12px;height:12px;border-radius:4px;flex:none;box-shadow:inset 0 0 0 1px #00000026}.viewport{position:relative;min-height:0;overflow:hidden;padding:8px}.view-well{position:absolute;inset:8px;border-radius:var(--r-md);box-shadow:var(--inset);background:var(--well);overflow:hidden}.view-well canvas,.view-well svg{position:absolute;inset:0;width:100%;height:100%}.view-toolbar{position:absolute;top:18px;left:18px;display:flex;gap:6px;padding:5px;border-radius:var(--r-md);background:var(--bg);box-shadow:var(--raise-sm);z-index:3;flex-wrap:wrap;max-width:calc(100% - 300px)}.view-legend{position:absolute;right:18px;top:18px;z-index:3;padding:8px 10px;border-radius:var(--r-md);background:var(--bg);box-shadow:var(--raise-sm);font-size:11px;min-width:170px}.view-status{position:absolute;left:18px;bottom:18px;z-index:3;display:flex;gap:12px;padding:5px 10px;border-radius:var(--r-sm);background:var(--bg);box-shadow:var(--raise-sm);font-size:11px;color:var(--ink-2)}.fos-badge{position:absolute;z-index:3;pointer-events:none;transform:translate(-50%,-110%);background:var(--navy);color:var(--sand);border-radius:10px;padding:6px 10px;font-family:var(--mono);font-weight:700;font-size:15px;box-shadow:0 6px 16px #12343b59;white-space:nowrap}.fos-badge small{display:block;font-family:var(--font);font-weight:600;font-size:9.5px;color:var(--amber);letter-spacing:.06em;text-transform:uppercase}.ctx-hint{position:absolute;right:18px;bottom:18px;z-index:3;font-size:11px;color:var(--muted);padding:5px 10px;border-radius:var(--r-sm);background:var(--bg);box-shadow:var(--raise-sm);max-width:420px}.dock{display:flex;flex-direction:column;min-height:0;overflow:hidden}.dock-tabs{display:flex;align-items:center;gap:4px;padding:8px 10px 4px;flex-wrap:wrap}.dock-body{flex:1;min-height:0;overflow:auto;margin:4px 10px 10px;border-radius:var(--r-md);box-shadow:var(--inset-sm);padding:6px 8px}.chart{width:100%;height:100%;display:block}.chart text{fill:var(--muted);font-size:10.5px;font-family:var(--font)}.chart .axis line,.chart .axis path{stroke:var(--line-strong)}.chart .gridline{stroke:var(--grid)}.chart-tip{position:fixed;z-index:50;pointer-events:none;background:var(--bg);border-radius:var(--r-sm);box-shadow:var(--raise-sm);padding:6px 9px;font-size:11px;color:var(--ink);white-space:nowrap}.chart-tip .row{display:flex;align-items:center;gap:6px}.chart-tip .num{margin-left:auto;padding-left:10px;font-weight:700}.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--ink-2);padding:2px 4px 6px}.legend span{display:inline-flex;align-items:center;gap:5px}.legend i{width:14px;height:3px;border-radius:2px;display:inline-block}.progress{position:fixed;left:50%;top:70px;transform:translate(-50%);z-index:40;width:360px;padding:10px 14px;border-radius:var(--r-md);background:var(--bg);box-shadow:var(--raise);font-size:12px}.progress .track{height:8px;border-radius:6px;box-shadow:var(--inset-sm);margin-top:8px;overflow:hidden}.progress .track i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--accent));border-radius:6px;transition:width .2s}.menu{position:absolute;z-index:60;top:calc(100% + 8px);left:0;min-width:260px;padding:6px;border-radius:var(--r-md);background:var(--bg);box-shadow:var(--raise)}.menu button{display:flex;width:100%;align-items:center;gap:8px;border:none;background:transparent;padding:8px 10px;border-radius:var(--r-sm);cursor:pointer;text-align:left;font-size:12px}.menu button:hover{box-shadow:var(--inset-sm)}.menu hr{border:none;border-top:1px solid var(--line);margin:4px 6px}.rel{position:relative}.muted{color:var(--muted)}.row{display:flex;align-items:center;gap:8px}.row.wrap{flex-wrap:wrap}.mt8{margin-top:8px}.empty{display:grid;place-items:center;height:100%;color:var(--muted);font-size:12px;text-align:center;padding:20px}.kbd{font-family:var(--mono);font-size:10px;padding:1px 5px;border-radius:4px;box-shadow:var(--raise-sm)}@media(max-width:1000px){body{overflow:auto}.app{height:auto}.main{grid-template-columns:1fr}.center{min-height:600px}.panel{max-height:none}}@media print{body{overflow:visible}}:root[data-theme=dark] .step .badge{background:#2a5a63;color:var(--sand)}:root[data-theme=dark] .step.active .badge{background:var(--accent);color:var(--navy)}:root[data-theme=dark] .fos-badge{background:#0b2227;box-shadow:0 0 0 1.5px var(--accent),0 6px 16px #00000073}.palette{position:absolute;left:18px;top:66px;z-index:4;width:168px;border-radius:var(--r-md);background:var(--bg);box-shadow:var(--raise-sm);max-height:calc(100% - 120px);display:flex;flex-direction:column;overflow:hidden}.palette.closed{width:auto}.palette-head{display:flex;align-items:center;gap:6px;border:none;background:transparent;padding:7px 10px;font-weight:700;font-size:11.5px;cursor:pointer;color:var(--ink)}.palette-head span:nth-child(2){flex:1;text-align:left}.palette-body{overflow:auto;padding:0 8px 8px}.palette-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:6px 2px 5px}.palette-mats,.palette-tools{display:flex;flex-direction:column;gap:5px}.pal-mat,.pal-tool{display:flex;align-items:center;gap:8px;padding:5px 7px;border-radius:var(--r-sm);box-shadow:var(--raise-sm);cursor:grab;font-size:11.5px;-webkit-user-select:none;user-select:none;background:var(--bg)}.pal-mat:active,.pal-tool:active{cursor:grabbing}.pal-mat.armed,.pal-tool.armed{box-shadow:var(--inset-sm),0 0 0 2px var(--accent)}.pal-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-foot{font-size:10px;color:var(--muted);margin-top:8px;line-height:1.35}.drop-tip{position:absolute;z-index:5;pointer-events:none;transform:translate(12px,-130%);background:var(--navy);color:var(--sand);font-size:11px;font-weight:600;padding:4px 8px;border-radius:8px;white-space:nowrap}.view-well.dragging{box-shadow:var(--inset),inset 0 0 0 2px var(--accent)}.main{--lw: 340px;--rw: 330px}.rail{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 0;border:none;cursor:pointer;color:var(--ink-2);font-weight:700;font-size:11.5px}.rail:hover{color:var(--ink)}.rail .vt{writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.04em}.rail.right .vt{transform:none}.main.anim{transition:grid-template-columns .18s ease}@media(max-width:1280px){.main{--lw: 300px;--rw: 290px}}.main.no-left{--lw: 46px}.main.no-right{--rw: 46px}:root{--r-lg: 3px;--r-md: 3px;--r-sm: 2px;--raise: none;--raise-sm: none;--inset: none;--inset-sm: none;--font: "Segoe UI", system-ui, sans-serif}.app{height:100dvh;padding:0;gap:0;grid-template-rows:auto auto minmax(0,1fr) 26px}.main{--lw: 380px;--rw: 280px;gap:4px;padding:4px;overflow:hidden}.main:has(.input-panel.expanded){--lw: min(620px, 48vw)}.main.no-left{--lw: 30px}.main.no-right{--rw: 30px}.neu{border:1px solid var(--line)}.topbar{border:0;border-bottom:1px solid var(--line);padding:5px 10px;gap:7px;border-radius:0}.brand{gap:6px}.brand-name{font-size:13px}.brand-sub{font-size:10px}.brand svg{width:29px;height:29px}.title-input{min-width:120px;width:230px;font-size:12px;padding:5px 8px;border:1px solid var(--line);background:var(--well)}.ribbon{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0 8px;gap:2px;overflow-x:auto;flex-wrap:nowrap}.step{border-radius:0;padding:9px 11px;font-size:11px;flex-shrink:0;border-bottom:3px solid transparent}.step.active{border-bottom-color:var(--accent);background:var(--well);color:var(--accent-strong)}.step .badge{border-radius:2px;width:19px;height:19px;font-size:10px}.btn{border:1px solid var(--line);padding:5px 9px;font-size:11px}.btn:hover{transform:none;background:var(--bg-2)}.btn.primary,.btn.primary:active{box-shadow:none;background:var(--accent)}.btn.on{border-color:var(--accent);background:var(--bg-2)}.btn.ghost{border-color:transparent}.btn.icon{width:28px;height:28px;padding:5px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.panel{background:var(--well);min-width:0}.panel-head{padding:8px 10px;background:var(--bg-2);border-bottom:1px solid var(--line)}.panel-head h2{font-size:12px}.panel-body{padding:8px 10px}.input-panel>.panel-body{padding:0;overflow:hidden;display:flex}.property-workspace{display:flex;flex-direction:column;min-height:0;min-width:0;width:100%}.property-tabs{display:flex;flex-wrap:wrap;gap:2px;padding:6px;border-bottom:1px solid var(--line);background:var(--bg);flex-shrink:0}.property-tabs button{border:1px solid transparent;border-radius:2px;padding:5px 7px;background:transparent;cursor:pointer;font-size:11px;text-align:left}.property-tabs button:hover{background:var(--bg-2)}.property-tabs button[aria-selected=true]{color:var(--accent-strong);border-color:var(--line);border-bottom-color:var(--accent);background:var(--well);font-weight:600}.property-content{overflow:auto;flex:1;min-height:0;padding:10px}.property-content [hidden]{display:none}.property-content .section{margin-top:0}.property-pinned{max-height:155px;overflow:auto;padding:0 10px;border-bottom:1px solid var(--line);flex-shrink:0}.property-pinned .card{margin:3px 0}.property-actions{padding:0 10px 8px;max-height:30%;overflow:auto;flex-shrink:0}.property-actions:empty{display:none}.section-title{font-size:11px;margin-bottom:9px}.field{margin:6px 0;gap:8px}.input,.select{border:1px solid var(--line-strong);background:var(--well);border-radius:2px;padding:5px 7px}.card{border:1px solid var(--line);border-radius:2px}.card.inset{border-color:var(--accent);background:var(--bg-2)}.note{border-radius:2px;font-size:11px}.center{gap:4px}.center.dock-open{grid-template-rows:minmax(0,1fr) min(32vh,250px)}.view-well{background:var(--well)}.view-toolbar{gap:4px}.palette{left:10px;top:54px;border:1px solid var(--line);width:148px}.workspace-status{display:flex;align-items:center;gap:22px;padding:0 10px;background:var(--bg-2);border-top:1px solid var(--line);font-size:10px;white-space:nowrap;overflow:hidden}.workspace-status span{display:inline-flex;align-items:center;gap:6px}.workspace-status span:last-child{margin-left:auto;color:var(--muted)}.workspace-status i{width:6px;height:6px;border-radius:50%;background:var(--good)}.workspace-status i.busy{background:var(--warn)}@media(max-width:1200px){.main{--lw: 330px;--rw: 235px}.topbar{flex-wrap:wrap}.brand-sub,.topbar>.muted{display:none}.step{padding:7px}}@media(max-width:1000px){body{overflow:hidden}.app{height:100dvh}.main{grid-template-columns:var(--lw) minmax(0,1fr) var(--rw);--lw: 310px;--rw: 210px;overflow:auto}.center{min-height:0;min-width:260px}.panel{max-height:100%}.workspace-status span:last-child{display:none}}@media(max-width:700px){.main{grid-template-columns:var(--lw) minmax(300px,1fr) var(--rw)}.main:has(.input-panel.expanded){--lw: 85vw}.brand{display:none}.title-input{width:150px}.workspace-status{gap:12px}}