:root{color:#373840;font-synthesis:none;--accent:#b45b40;--line:#dcdde2;--muted:#76747a;background:#f4f4f5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth;scroll-padding-top:18px}button,input,select,textarea{font:inherit}button{color:#464652;cursor:pointer;background:#fff;border:1px solid #c6c8cf;border-radius:4px;min-height:44px;padding:9px 13px;font-size:13px;font-weight:550}button:hover:not(:disabled){background:#fff4ed;border-color:#bb886f}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.primary:hover:not(:disabled){background:#974b33}.subtle{color:#a2604c;border-color:#0000}input,select,textarea{color:#302e34;background:#fff;border:1px solid #c8cad0;border-radius:4px;width:100%;max-width:100%;min-height:44px;margin-top:6px;padding:9px 10px;font-size:16px;display:block}label{font-size:12px;font-weight:550;display:block}:focus-visible{outline-offset:3px;outline:3px solid #d19470}a{color:inherit;text-decoration:none}header{color:#fff;background:#303540;justify-content:space-between;align-items:center;gap:20px;padding:16px max(24px,50% - 660px);display:flex}.brand{letter-spacing:-.7px;align-items:center;gap:10px;font-size:26px;font-weight:650;display:flex}.brand span{color:#ddb69a;font-size:32px}header nav{gap:28px;font-size:13px;display:flex}header nav a{align-items:center;min-height:44px;display:flex}.beta{white-space:nowrap;background:#47434c;border:1px solid #727179;border-radius:3px;padding:5px 10px;font-size:11px}main{max-width:1320px;margin:0 auto;padding:30px 24px}h1{letter-spacing:-.6px;margin:0 0 9px;font-size:27px;line-height:1.2}h2{letter-spacing:-.3px;margin:0;font-size:20px;line-height:1.3}h3{margin:0 0 7px;font-size:15px}p{margin:8px 0}.page-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.page-head p{color:var(--muted);font-size:13px}.workspace{grid-template-columns:270px minmax(0,1fr);align-items:start;gap:24px;display:grid}.controls{color:#ede9e8;background:#373c48;border-radius:5px;padding:23px 18px}.controls h2{margin-bottom:20px;font-size:18px}.controls label{color:#ddd7d5;margin:14px 0 0}.controls input,.controls select{background:#faf8f5;border-color:#74727b;font-size:16px}.control-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.control-pair>label{min-width:0}.controls .primary{width:100%;margin-top:24px;font-size:14px}.controls-note{color:#bbb5b6;margin-top:16px;font-size:11px;line-height:1.7}.small{color:var(--muted);font-size:11px;line-height:1.6}.controls .small{color:#c6bec0}.controls summary{color:#d1c5c0;min-height:44px;font-size:11px}.tuning-inputs{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tuning-inputs label{font-size:10px}.tuning-inputs input{padding:8px;font-family:ui-monospace,monospace;font-size:16px}.output{min-width:0}.output-toolbar{justify-content:space-between;align-items:center;gap:20px;padding:3px 0 15px;display:flex}.output-toolbar p{color:var(--muted);margin:5px 0 0;font-size:12px}.legend{white-space:nowrap;align-items:center;gap:7px;font-size:10px;display:flex}.legend i{border-radius:50%;width:10px;height:10px;display:inline-block}.root-dot{background:#b45b40}.note-dot{background:#355c75;margin-left:8px}.canvas{background:#fffdf8;border:1px solid #d5cec5;border-radius:5px;max-width:100%;overflow:auto}.canvas>svg{width:auto;min-width:0;max-width:none;height:auto;display:block}.empty-diagram{text-align:center;color:#92877e;padding:22px 25px 30px}.empty-diagram svg{width:100%;height:auto;margin-bottom:0;display:block}.empty-diagram p{font-size:15px}.empty-diagram span{font-size:11px}.note-cell{cursor:pointer;touch-action:manipulation}.note-cell:focus{outline:none}.note-cell:focus>.cell-hit{fill:#e8d8c750;stroke:#b78965;stroke-width:2px}.note-cell:hover>.cell-hit{fill:#d8d8d825}.exports{flex-wrap:wrap;gap:9px;margin-top:17px;display:flex}.exports button{font-size:12px}.message{background:#eef3ea;border:1px solid #c4d0b9;border-radius:4px;margin-top:17px;padding:13px 16px;font-size:13px}.message.error{color:#8e4228;background:#fff1e9;border-color:#dca98d}.manual-editor{border-top:1px solid var(--line);margin-top:24px;padding-top:22px}.manual-editor p{color:var(--muted);font-size:12px}.manual-fields{align-items:end;gap:10px;margin-top:14px;display:flex}.manual-fields label{flex:1;max-width:120px}.manual-fields button{font-size:12px}.manual-fields input,.manual-fields select{font-size:16px}.section{border-top:1px solid var(--line);margin-top:30px;padding-top:27px}.section-copy{color:var(--muted);font-size:13px}.file-actions{flex-wrap:wrap;gap:8px;margin-top:17px;display:flex}details{margin-top:12px}summary{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-size:13px;display:flex}summary:before{content:"+";color:#b78368;font-size:17px}details[open]>summary:before{content:"−"}details>label{max-width:750px;margin:12px 0}.help-grid{grid-template-columns:1fr 1fr;gap:35px;margin-top:20px;display:grid}.help p{color:var(--muted);font-size:13px;line-height:1.8}.help h3{margin-top:16px}.reference{margin-top:20px;font-size:12px!important}.reference a{color:#8c5845;text-decoration:underline}footer{border-top:1px solid var(--line);color:#8c7d75;margin-top:28px;padding:24px 0 15px;font-size:11px}footer details{max-width:950px}footer p{font-size:12px;line-height:1.8}.confirm-box{background:#fff8ee;border:2px solid #ad856b;border-radius:5px;margin:0 0 22px;padding:18px}.confirm-box h2{font-size:18px}.confirm-box p{margin:8px 0 15px;font-size:14px}.confirm-box>div{flex-wrap:wrap;gap:10px;display:flex}@media (width<=1000px){.workspace{grid-template-columns:240px minmax(0,1fr);gap:18px}.controls{padding:20px 15px}.output-toolbar{display:block}.legend{margin-top:13px}.manual-fields{flex-wrap:wrap}.manual-fields label{flex-basis:110px}.manual-fields button{flex:130px}}@media (width<=750px){header{flex-wrap:wrap;gap:8px;padding:16px 18px}.brand{font-size:24px}header nav{order:3;justify-content:space-between;width:100%;font-size:12px}header nav a{min-height:34px}.beta{margin-left:auto;font-size:10px}main{padding:24px 16px}.page-head{align-items:flex-start;gap:12px}h1{font-size:23px}.page-head p{font-size:12px}.page-head button{max-width:90px;padding:8px;font-size:11px}.workspace{grid-template-columns:1fr;gap:23px}.controls{padding:20px}.controls form{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.controls form>label:first-child,.controls form>label:nth-child(3),.controls details,.controls form>.primary,.controls-note{grid-column:1/-1}.controls form>.control-pair{grid-column:1/-1;gap:18px}.controls form>label{margin-top:13px}.controls .primary{margin-top:20px}.tuning-inputs{grid-template-columns:repeat(6,1fr)}.controls h2{margin-bottom:5px;font-size:18px}.help-grid{grid-template-columns:1fr;gap:5px}.manual-fields label{max-width:none}.manual-fields button{font-size:11px}.file-actions button{flex:150px;font-size:12px}.file-actions .subtle{flex:0 auto}.canvas{max-height:480px}.exports button{flex:150px;font-size:12px}.output-toolbar h2{font-size:19px}.manual-editor{margin-top:22px}.empty-diagram{padding:18px 10px 25px}}@media (width<=420px){.tuning-inputs{grid-template-columns:repeat(3,1fr)}.manual-fields{grid-template-columns:1fr 1fr;display:grid}.manual-fields button{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.canvas-error{color:#8e4228;padding:28px 20px;font-size:14px}