:root{--citrine:#fcd404;--turquoise:#04b07b;--sky:#8bcafc;--coral:#fb6f74;--panel:#fff;--bg:#edf3f4;--wash:#f4f8f8;--txt:#062b22;--muted:#4a6b62;--faint:#93a8a2;--accent:#046b4c;--danger:#b32c33;--ok:#046b4c;--datum:#6e5c00;--ref:#17629f;--rule:#e2ecea;--mono:ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{background:var(--panel);height:100%;color:var(--txt);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#app{height:100vh;display:flex}#panel{background:var(--panel);width:384px;min-width:384px;height:100%;padding:30px 30px 60px;overflow-y:auto}#stage{background:var(--bg);flex:1;position:relative}#stage canvas{display:block}h1{letter-spacing:-.35px;margin:0 0 6px;font-size:17px;font-weight:650}.sub{color:var(--muted);max-width:33ch;margin:0 0 34px;font-size:12px;line-height:1.6}.card{margin:0 0 34px}.card h2{font:600 9.5px/1 var(--mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--faint);margin:0 0 16px}.row{grid-template-columns:1fr auto;align-items:baseline;gap:4px 10px;margin:0 0 18px;display:grid}.row:last-child{margin-bottom:0}.row label{color:var(--muted);grid-area:1/1;font-size:12.5px}.row label .sym{font:600 13px var(--mono);color:var(--txt);margin-right:5px}.row label .sym sub{font-size:.72em}.row .val{font:500 13px var(--mono);color:var(--txt);white-space:nowrap;font-variant-numeric:tabular-nums;grid-area:1/2}.row .val .pct{color:var(--faint);margin-right:4px;font-size:11px}input[type=range]{width:100%;accent-color:var(--turquoise);grid-area:2/1/2/-1;height:3px;margin:6px 0 0}input[type=checkbox]{accent-color:var(--turquoise)}select,.fixedval{color:var(--txt);border:0;border-bottom:1px solid var(--rule);width:100%;font-size:13px;font-family:var(--mono);font-variant-numeric:tabular-nums;background:0 0;border-radius:0;padding:4px 0}select{appearance:none;cursor:pointer}select:hover,select:focus{border-bottom-color:var(--turquoise)}.grid2{grid-template-columns:1fr 1fr;gap:16px 18px;display:grid}.field{flex-direction:column;gap:3px;display:flex}.field span{font:600 9px/1 var(--mono);color:var(--faint);text-transform:uppercase;letter-spacing:1.1px}.presets{flex-wrap:wrap;gap:3px 16px;display:flex}.presets button{cursor:pointer;font:500 12.5px var(--mono);color:var(--muted);background:0 0;border:0;border-bottom:1.5px solid #0000;padding:2px 0}.presets button:hover{color:var(--accent);border-bottom-color:var(--turquoise)}#code{font:500 12.5px/1.7 var(--mono);color:var(--txt);word-break:break-all;cursor:copy;letter-spacing:.1px;padding:0}#code:hover{color:var(--accent)}.copyhint{font:400 10px var(--mono);color:var(--faint);letter-spacing:.3px;margin-top:8px}.bignum{align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.bignum b{font:300 40px/1 var(--mono);color:var(--txt);letter-spacing:-2px}.bignum span{color:var(--muted);font-size:12px;line-height:1.35}.readout{color:var(--muted);font-size:12.5px;line-height:1.9}.readout b{color:var(--txt);font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:500}.pill{font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.8px}.pill.ok{color:var(--ok)}.pill.warn{color:var(--danger)}.notchlist{font:400 11px/1.8 var(--mono);color:var(--faint);margin-top:12px}.toggles{flex-wrap:wrap;gap:10px 16px;display:flex}.toggles label{color:var(--muted);cursor:pointer;align-items:center;gap:7px;font-size:12.5px;display:flex}#variantBtn{background:var(--txt);color:#fff;width:100%;font:600 13px var(--mono);letter-spacing:.4px;cursor:pointer;border:0;border-radius:2px;padding:12px}#variantBtn:hover{background:var(--accent)}#variantBtn:disabled{opacity:.45;cursor:default}.propsrc{font:500 12.5px var(--mono);color:var(--txt);word-break:break-all;margin-bottom:12px}.propdims{color:var(--muted);grid-template-columns:1fr 1fr;gap:4px 16px;margin-bottom:14px;font-size:12px;display:grid}.propdims b{color:var(--txt);font-family:var(--mono);font-variant-numeric:tabular-nums;margin-left:4px}.proprow{align-items:center;gap:16px;display:flex}button.ghost{border:1px solid var(--txt);color:var(--txt);font:600 12px var(--mono);letter-spacing:.3px;cursor:pointer;background:0 0;border-radius:2px;padding:8px 14px}button.ghost:hover{background:var(--txt);color:#fff}button.ghost:disabled{opacity:.5;cursor:default}button.linkbtn{cursor:pointer;font:500 12px var(--mono);color:var(--muted);border:0;border-bottom:1px solid var(--rule);background:0 0;padding:0}button.linkbtn:hover{color:var(--accent);border-bottom-color:var(--turquoise)}button.linkbtn:disabled{opacity:.5;cursor:default}.segrow{align-items:center;gap:14px;margin:16px 0 8px;display:flex}.seglabel{font:600 9px var(--mono);text-transform:uppercase;letter-spacing:1.2px;color:var(--faint)}.seg{border:1px solid var(--rule);border-radius:2px;display:inline-flex;overflow:hidden}.seg button{cursor:pointer;font:500 11.5px var(--mono);color:var(--muted);background:0 0;border:0;padding:6px 12px}.seg button+button{border-left:1px solid var(--rule)}.seg button.on{background:var(--txt);color:#fff}.exprow{gap:8px;display:flex}.exprow>button{flex:1;padding:12px;font-size:12.5px}#dxfBtn{border:1px solid var(--txt);color:var(--txt);font:600 13px var(--mono);letter-spacing:.4px;cursor:pointer;background:0 0;border-radius:2px;padding:12px}#dxfBtn:hover{background:var(--txt);color:#fff}.setup{margin-top:18px}.setup-hd{font:600 9px var(--mono);text-transform:uppercase;letter-spacing:1.4px;color:var(--faint);margin-bottom:10px}.setup dl{grid-template-columns:1fr auto;align-items:baseline;gap:0 16px;margin:0;font-size:12.5px;display:grid}.setup dt{color:var(--muted);border-top:1px solid var(--rule);padding:5px 0}.setup dd{text-align:right;border-top:1px solid var(--rule);font:500 12.5px var(--mono);color:var(--txt);font-variant-numeric:tabular-nums;margin:0;padding:5px 0}.setup dt:first-child,.setup dt:first-child+dd{border-top:0}.setup .hero{color:var(--accent);font-weight:700}.legend{color:var(--muted);margin-top:16px;font-size:12px;line-height:2}.sw{vertical-align:0;border-radius:50%;width:9px;height:9px;margin-right:9px;display:inline-block}.warnbox,.infobox{border-left:2px solid;margin-top:14px;padding:2px 0 2px 13px;font-size:11.5px;line-height:1.65}.warnbox{border-color:var(--coral);color:var(--danger)}.infobox{border-color:var(--citrine);color:var(--muted)}.infobox p{margin:0 0 8px}.infobox p:last-child{margin-bottom:0}.infobox b,.warnbox b{color:var(--txt)}.warnbox b{color:var(--danger)}.infohd{font:600 9px var(--mono);text-transform:uppercase;letter-spacing:1.2px;color:var(--datum);flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:9px;display:flex}.pill.assume{color:var(--faint);letter-spacing:.6px}.infobox .ask{border-top:1px solid var(--rule);margin-top:10px;padding-top:9px}.infobox .assume-line{color:var(--txt)}.disclose{cursor:pointer;font:600 10.5px var(--mono);color:var(--datum);letter-spacing:.3px;background:0 0;border:0;border-bottom:1px solid #fcd404b3;margin-top:2px;padding:0}.disclose:hover{color:var(--txt);border-bottom-color:var(--txt)}.assume-detail{border-top:1px solid var(--rule);margin-top:12px;padding-top:11px}.chordtab{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:10px 0}.chordtab th{text-align:right;font:600 9px var(--mono);text-transform:uppercase;letter-spacing:.7px;color:var(--faint);border-bottom:1px solid var(--rule);padding:0 0 6px}.chordtab th:first-child,.chordtab td:first-child{text-align:left}.chordtab td{text-align:right;font:400 11.5px var(--mono);color:var(--muted);padding:3.5px 0}.chordtab td.hi{color:var(--danger)}.chordtab td.lo{color:var(--accent)}#overlay{font:500 11.5px var(--mono);color:var(--muted);pointer-events:none;letter-spacing:.2px;text-shadow:0 0 6px #edf3f4,0 0 12px #edf3f4;line-height:1.7;position:absolute;top:20px;left:24px}#overlay b{color:var(--txt)}.foot{color:var(--faint);margin-top:10px;font-size:11px;line-height:1.6}#gate{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}#gate form{width:100%;max-width:330px}#gate h1{margin:0 0 8px}#gate .sub{max-width:none;margin:0 0 30px}#gate label{font:600 9px var(--mono);text-transform:uppercase;letter-spacing:1.2px;color:var(--faint);margin-bottom:8px;display:block}#gate input[type=password]{width:100%;font:500 15px var(--mono);color:var(--txt);border:0;border-bottom:1px solid var(--rule);background:0 0;border-radius:0;padding:7px 0}#gate input[type=password]:focus{border-bottom-color:var(--turquoise);outline:0}#gate input[aria-invalid]{border-bottom-color:var(--coral)}#gate button{background:var(--txt);color:#fff;width:100%;font:600 13px var(--mono);letter-spacing:.4px;cursor:pointer;border:0;border-radius:2px;margin-top:26px;padding:12px}#gate button:hover{background:var(--accent)}.gate-error{color:var(--danger);margin:12px 0 0;font-size:11.5px}:where(button,select,input,[tabindex]):focus-visible{outline:2px solid var(--turquoise);outline-offset:3px}@media (max-width:720px){#app{flex-direction:column;height:auto}#panel{width:100%;min-width:0;height:auto;max-height:55vh;padding:22px 22px 40px}#stage{flex:0 0 45vh;height:45vh}html,body{overflow:auto}}