:root{--bg: #0b0f15;--panel: #151c26;--panel2: #1b2431;--line: #27323f;--text: #dfe6ee;--dim: #8a97a6;--accent: #4a9edd;--good: #4c8f5a;--warn: #dfa544;--err: #e5675f}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button,select,input,textarea{font:inherit;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:5px;padding:4px 8px}button{cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.35;cursor:default}button.ghost{background:none;border-color:transparent;color:var(--dim)}button.ghost:hover{color:var(--text);border-color:var(--line)}button.tiny{padding:1px 6px;font-size:11px}input[type=range]{padding:0;background:none;border:none}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}.app{display:flex;flex-direction:column;height:100%}.spacer{flex:1}.hint{color:var(--dim)}.topbar{display:flex;align-items:center;gap:8px;padding:7px 12px;background:var(--panel);border-bottom:1px solid var(--line);flex:0 0 auto}.brand{color:var(--accent);letter-spacing:.02em}.topbar .name{width:260px}.topbar .meta{color:var(--accent)}.menuwrap{position:relative}.undogroup{display:flex;gap:2px}.undogroup button{min-width:28px;padding:2px 6px;font-size:14px;line-height:1.1}.undogroup button:disabled{opacity:.3}.menu{position:absolute;right:0;top:calc(100% + 6px);z-index:40;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:5px;min-width:210px;display:flex;flex-direction:column;gap:2px;box-shadow:0 12px 30px #00000073}.menu button{background:none;border-color:transparent;text-align:left;padding:6px 9px}.menu button:hover:not(:disabled){background:var(--panel2);border-color:transparent}.menu hr{border:none;border-top:1px solid var(--line);margin:4px 0}.menurow{display:flex;align-items:center;gap:8px;padding:4px 9px;color:var(--dim)}.menurow select{flex:1}.menurow.dim{color:var(--dim);font-size:12px}.menurow.dim.heavy{color:var(--warn)}.gridfields{gap:6px}.gridfields label{display:flex;align-items:center;gap:4px}.gridfields label span{font-size:11px}.gridfields input{width:58px;padding:2px 4px}.gridwrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.gridwrap .menurow{padding:0}.hintbar{display:flex;align-items:center;gap:12px;padding:8px 14px;background:#16242e;color:#cfe3f0;border-bottom:1px solid #24414f}.hintbar button{background:none;border-color:#35657f;color:#cfe3f0}.error{background:#40202a;color:#ffb3ba;padding:6px 12px;border-bottom:1px solid #5b2b35}.error button{margin-left:8px;border-color:#5b2b35;color:#ffb3ba}.body{display:grid;grid-template-columns:250px minmax(0,1fr) 300px;gap:1px;background:var(--line);flex:1 1 auto;min-height:0}.body>section{background:var(--bg);min-width:0;min-height:0}.left,.right{overflow:auto}.center{display:flex;flex-direction:column;min-height:0}.recipe{display:flex;flex-direction:column;height:100%}.recipe>header{display:flex;align-items:center;gap:8px;padding:9px 10px;border-bottom:1px solid var(--line)}.recipe h2{margin:0;font-size:12px;letter-spacing:.1em;color:var(--dim);text-transform:uppercase}.recipe>header button{margin-left:auto}.steps{list-style:none;margin:0;padding:6px;flex:1 1 auto;overflow:auto}.step{display:flex;align-items:center;gap:8px;padding:6px 7px;border-radius:5px;cursor:pointer;border:1px solid transparent}.step:hover{background:var(--panel)}.step.on{background:var(--panel2);border-color:var(--accent)}.step .num{flex:0 0 auto;width:19px;height:19px;border-radius:4px;display:grid;place-items:center;background:var(--line);color:var(--dim);font-size:11px}.step.on .num{background:var(--accent);color:#0b0f15;font-weight:700}.step .steptext{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.step .name{display:flex;gap:6px;align-items:baseline;min-width:0}.step .name .labeltext{white-space:nowrap;flex:0 0 auto}.step .name em{font-style:normal;color:var(--dim);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1 auto}.step .maskchip{color:#b79ae0;font-size:11px}.step .dot{width:7px;height:7px;border-radius:999px;flex:0 0 auto}.step .dot.err{background:var(--err)}.step .dot.warn{background:var(--warn)}.rowtools{display:flex;gap:2px}.rowtools button{padding:0 5px;line-height:1.6;background:var(--panel)}.rowtools .del{color:#ffb3ba}.recipe .empty{color:var(--dim);padding:18px 14px;line-height:1.7}.addwrap{position:relative;padding:8px;border-top:1px solid var(--line)}.addwrap .add{width:100%}.addmenu{position:absolute;bottom:calc(100% + 6px);left:8px;right:8px;z-index:30;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:8px;max-height:60vh;overflow:auto;box-shadow:0 -10px 30px #00000073}.addgroup{margin-bottom:8px}.addgroup .cat{display:block;color:var(--dim);font-size:11px;letter-spacing:.08em;margin-bottom:3px}.addgroup button{margin:2px 3px 0 0;font-size:12px;padding:3px 8px}.viewtools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:7px 10px;border-bottom:1px solid var(--line)}.toggle,.slider{display:flex;align-items:center;gap:6px;color:var(--dim);white-space:nowrap}.slider input[type=range]{width:96px}.slider select{padding:1px 4px}.cutrow{gap:4px}.cutrow .cutnum{width:56px;padding:2px 4px;font-variant-numeric:tabular-nums;text-align:right}.cutrow button.tiny{padding:1px 5px;line-height:1.5}.cutrow .nm{color:var(--dim);font-style:normal;font-size:11px;min-width:52px}.pickhint{color:var(--dim);font-size:12px;padding:0 8px}.placeholder{flex:1;display:grid;place-items:center;color:var(--dim)}.placeholder.small{height:160px}.legend{display:flex;gap:5px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);font-size:12px}.chip i{width:10px;height:10px;border-radius:2px;display:inline-block}.chip.off{opacity:.35;text-decoration:line-through}.chip.void{color:#ffb3ba}.stepbar{display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--panel);border-top:1px solid var(--line);flex:0 0 auto}.stepbar button{padding:1px 9px}.stepbar .play{padding:1px 10px;margin-left:2px;min-width:74px}.stepbar .play.on{border-color:var(--accent);color:var(--accent)}.stepbar .pos{color:var(--dim);font-variant-numeric:tabular-nums;min-width:52px;text-align:center}.stepbar .note{color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stepbar .ms{color:var(--dim);font-variant-numeric:tabular-nums}.stepbar .ms.heavy{color:var(--warn)}.stepbar .busy{color:var(--accent)}.nodenote{padding:7px 12px;background:#1d2a1f;border-top:1px solid var(--line);border-left:3px solid var(--good);color:#cfe6d4;flex:0 0 auto;line-height:1.55}.details{border-top:1px solid var(--line);background:var(--panel);flex:0 0 auto;max-height:46vh;overflow:auto}.tabbar{display:flex;align-items:center;gap:4px;padding:5px 8px}.tabbar button{background:none;border-color:transparent;color:var(--dim)}.tabbar button.on{color:var(--accent);border-color:var(--line);background:var(--panel2)}.tabbar .badge{display:inline-block;margin-left:5px;padding:0 5px;border-radius:999px;font-style:normal;font-size:11px;background:var(--line);color:var(--text)}.tabbar .badge.err{background:var(--err);color:#0b0f15}.tabbar .badge.warn{background:var(--warn);color:#0b0f15}.tabbody{padding:0 10px 10px}.tabbody .row{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px}.details .panel{border:none;background:none;padding:0 10px 10px}.details .panel h3{display:none}.details .diagnostics{max-height:240px;overflow:auto}.view3d{flex:1 1 auto;min-height:300px;overflow:hidden}.view3d canvas{display:block;touch-action:none;width:100%;height:100%}.profile-head{display:flex;gap:8px;align-items:center;color:var(--dim);font-size:12px}.profile-head .sp{font-weight:600}.profile-head .xj{color:var(--text)}.profile canvas{width:100%;height:110px;border-radius:4px;display:block;margin-top:4px}.diagnostics ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.diag{display:flex;gap:8px;align-items:flex-start;padding:7px 8px;border-radius:5px;cursor:pointer;background:var(--panel2);border:1px solid transparent}.diag:hover{border-color:var(--line)}.diag.here{border-color:var(--accent)}.diag>div{display:flex;flex-direction:column;gap:2px;min-width:0}.diag .detail{color:var(--dim);font-variant-numeric:tabular-nums}.diag .advice{color:#a9c4d8;line-height:1.45}.diag .badge{flex:0 0 auto;width:17px;height:17px;border-radius:999px;display:grid;place-items:center;font-size:11px;font-weight:700;color:#0b0f15;margin-top:1px}.sev-error{background:var(--err)}.sev-warn{background:var(--warn)}.sev-info{background:#5b93c4}.diag.sev-error{background:#2a1a1e}.diag.sev-warn{background:#2a2418}.panel h3 .counts{display:flex;gap:4px;font-size:11px}.panel h3 .counts b{min-width:18px;text-align:center;padding:0 5px;border-radius:999px;color:#0b0f15}.stack{width:100%;border-collapse:collapse}.stack td{padding:2px 0}.stack td:first-child{display:flex;align-items:center;gap:6px}.stack td i{width:10px;height:10px;border-radius:2px;display:inline-block;border:1px solid transparent}.stack .num{text-align:right;font-variant-numeric:tabular-nums}.stack .dim{color:var(--dim);padding-left:8px}.voidline{margin:8px 0 0;color:#ffb3ba}.stepinspector{padding:10px;display:flex;flex-direction:column}.stepinspector>header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.stepinspector h2{margin:0;font-size:15px}.stepinspector .num{width:21px;height:21px;border-radius:5px;background:var(--accent);color:#0b0f15;display:grid;place-items:center;font-weight:700;font-size:12px}.stepinspector .teaches{margin:0 0 12px;color:#a9c4d8;background:#16242e;padding:7px 9px;border-radius:4px;border-left:3px solid #35657f;line-height:1.5}.field{display:block;margin-bottom:12px}.field>span{display:flex;justify-content:space-between;align-items:center;color:var(--dim);margin-bottom:3px}.field>span em{font-style:normal;color:var(--text);font-variant-numeric:tabular-nums}.field input[type=range],.field select,.field textarea{width:100%}.field small{display:block;color:var(--dim);margin-top:4px;line-height:1.45}.field>span em.auto{color:var(--dim);font-size:12px}.field>span em .nm{font-style:normal;color:var(--dim);font-size:11px;margin-left:5px}.field input[type=range].auto{opacity:.45}.field>span em button{margin-left:6px}.field .numrow{display:flex;align-items:center;gap:8px}.field .numrow input[type=number]{width:74px;padding:3px 6px}.field .numrow .unit{color:var(--dim);font-weight:400;font-size:12px}.field .numrow input[type=range]{flex:1;width:auto;min-width:60px}.gridblock{border:1px solid var(--line);border-radius:5px;padding:4px 0;margin-bottom:12px;background:var(--panel)}.gridblock .menurow{padding:5px 8px;flex-wrap:wrap;gap:6px}.gridblock .menurow input[type=number]{width:66px}.rowlabel{font-weight:400;white-space:nowrap}.gridblock .menurow>select{flex:1 1 100%;min-width:0}.gridblock .gridfields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.gridblock .gridfields>.rowlabel{grid-column:1 / -1}.gridblock .gridfields>label{flex-direction:column;align-items:stretch;gap:2px}.gridblock .gridfields input{width:100%}.derived{margin:-4px 0 12px;padding:6px 8px;border-radius:4px;background:var(--panel2);color:var(--dim);font-size:12px;line-height:1.5}.derived b{color:var(--text);font-weight:600}.field.row{display:flex;align-items:center;gap:6px}.field.row>span{margin:0}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#06090db8;display:grid;place-items:center;padding:24px}.modal-box{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px;max-height:90vh;overflow:auto;box-shadow:0 18px 50px #00000080}.modal-box.wide{width:min(1100px,96vw)}.modal-box header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.modal-box h2{margin:0;font-size:15px}.masktools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.masktools .name{width:190px}.filebtn{background:var(--panel2);border:1px solid var(--line);border-radius:5px;padding:4px 8px;cursor:pointer}.filebtn:hover{border-color:var(--accent)}.maskcanvas{border:1px solid var(--line);border-radius:5px;overflow:auto;background:#0d1219;padding:8px;max-height:62vh}.maskcanvas canvas{display:block;margin:0 auto}.maskcanvas canvas{image-rendering:pixelated;cursor:crosshair}.masktools .slider select{max-width:210px}.refbar{gap:6px;margin-bottom:8px}.refbar .chip{cursor:pointer;font-size:12px}.tabs{display:flex;align-items:center;gap:6px;margin-bottom:10px}.tabs button.on{border-color:var(--accent);color:var(--accent)}.tablewrap{overflow:auto;max-height:62vh;border:1px solid var(--line);border-radius:6px}table.lib{width:100%;border-collapse:collapse;font-size:12px}table.lib th,table.lib td{padding:5px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}table.lib th{position:sticky;top:0;background:var(--panel2);color:var(--dim);z-index:1}table.lib input[type=number]{width:78px}table.lib input[type=color]{width:42px;height:24px;padding:1px}table.lib .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}table.lib .dim{color:var(--dim)}.teachrow{color:#a9c4d8;margin-top:3px;max-width:320px;line-height:1.4}.selgrid{display:flex;flex-wrap:wrap;gap:6px;max-width:460px}.selgrid label{display:flex;align-items:center;gap:4px;color:var(--dim)}.tabs{flex-wrap:wrap}.chipset{display:flex;flex-wrap:wrap;align-items:center;gap:5px;max-width:320px}.chipset .chip{display:inline-flex;align-items:center;gap:2px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:1px 4px 1px 8px}button.danger{background:#3a1f26;border-color:#5b2b35;color:#ffb3ba;padding:2px 8px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:10px}.panel.tight{padding:8px}.panel h3{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);display:flex;align-items:center;justify-content:space-between}.panebar{display:none}@media(max-width:860px){.panebar{display:flex;gap:1px;background:var(--line);border-bottom:1px solid var(--line);flex:0 0 auto}.panebar button{flex:1;border:0;border-radius:0;background:var(--panel);color:var(--dim);padding:9px 0;font-size:13px}.panebar button.on{background:var(--panel2);color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}.body{grid-template-columns:minmax(0,1fr)}.body>section{display:none}.body[data-pane=recipe]>.left{display:block}.body[data-pane=view]>.center{display:flex}.body[data-pane=step]>.right{display:block}.center{overflow-y:auto}.view3d{flex:0 0 auto;height:46vh;min-height:240px}.topbar{flex-wrap:wrap}.topbar .name{width:auto;flex:1 1 150px;min-width:0}.topbar select{flex:1 1 130px;min-width:0;max-width:100%}.stepbar{flex-wrap:wrap}.stepbar .note{flex:1 1 100%}.cutrow{flex-wrap:wrap}.cutrow input[type=range]{width:64px;flex:1 1 64px}.cutrow .nm{min-width:0}.panebar button,.stepbar button,.viewtools button{min-height:32px}.undogroup button{min-height:32px;min-width:40px;font-size:16px}.modal{padding:8px}.modal-box{padding:10px;max-height:94vh}}.measure .els td:first-child{font-weight:600}.measure .els tr.dim td{color:var(--dim)}.sweeprow{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-top:10px}.sweeprow label{display:flex;flex-direction:column;gap:3px}.sweeprow label span{color:var(--dim);font-size:12px}.sweeprow label.narrow input{width:66px}.sweeprow label.inline{flex-direction:row;align-items:center;gap:6px;color:var(--dim);white-space:nowrap}.sweeprow button.primary{border-color:var(--accent);color:#dceaf6;padding:5px 14px}.sweeprow button.primary:disabled{opacity:.55}.ivchart{margin-top:12px}.ivchart canvas{width:100%;height:130px;display:block;border-radius:4px}.ivchart .voidline{color:var(--dim)}.caveat{margin:12px 0 0;padding:8px 10px;border:1px solid var(--line);border-left:3px solid #b8863a;border-radius:3px;color:var(--dim);line-height:1.6}.caveat b{color:#d8b478}.legend .chip.swatch{padding:2px 3px}.legend .chip.swatch i{width:18px;height:12px;border-radius:2px}.legend .chip.dim{color:var(--dim)}.measure .alarm{margin:10px 0 0;padding:8px 10px;border:1px solid #7a3b3b;border-left:3px solid #d2564a;border-radius:3px;background:#2a1a1a;line-height:1.6}.measure .alarm b{color:#ffb3ba}.modal-box.welcome{width:min(560px,94vw);padding:22px 24px 18px}.modal-box.welcome h2{font-size:18px;margin-bottom:10px}.welcome .lead{margin:0 0 16px;color:var(--text);line-height:1.6}.welcome .parts{margin:0 0 18px;padding-left:18px;color:var(--dim);line-height:1.7}.welcome .parts b{color:var(--text)}.welcome .acts{display:flex;gap:10px;align-items:center}.welcome .acts .primary{background:var(--accent);border-color:var(--accent);color:#06121d;font-weight:600;padding:8px 14px}.welcome .acts .primary:hover{filter:brightness(1.1)}.welcome .dimline{margin:14px 0 0;color:var(--dim);font-size:12px;line-height:1.6}.tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none}.tourdim{position:absolute;top:0;right:0;bottom:0;left:0;background:#06090d9e}.tourhole{position:fixed;border-radius:8px;border:2px solid var(--accent);box-shadow:0 0 0 9999px #06090d9e,0 0 18px #4a9edd80;transition:top .15s,left .15s,width .15s,height .15s}.tourcard{position:fixed;pointer-events:auto;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px 16px;box-shadow:0 18px 50px #0000008c}.tourcard b{display:block;font-size:14px;margin-bottom:6px}.tourcard p{margin:0 0 12px;color:var(--dim);line-height:1.65;font-size:13px}.tourfoot{display:flex;align-items:center;gap:6px}.tourfoot .count{color:var(--dim);font-size:12px}.tourfoot .spacer{flex:1}.tourcard .primary{background:var(--accent);border-color:var(--accent);color:#06121d;font-weight:600}.tourcard .primary:hover{filter:brightness(1.1)}.measure .voltbox{width:66px;text-align:right}.measure .els .toggle{justify-content:flex-end;gap:4px;font-size:12px}.measure .sweeprow label.wide select{min-width:260px}.measure .modehint{margin:6px 0 2px;line-height:1.6}.measure .els thead th{color:var(--dim);font-weight:400;font-size:12px;padding-bottom:2px}.measure .els .tag{margin-left:5px;padding:1px 5px;border-radius:4px;background:#24404f;color:#9fd0e6;font-size:11px;font-style:normal}