@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:400;src:url(./figtree-latin-ext-400-normal-CXAzuTZb.woff2)format("woff2"),url(./figtree-latin-ext-400-normal-Gbh-3PTk.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:400;src:url(./figtree-latin-400-normal-g7Dtegnw.woff2)format("woff2"),url(./figtree-latin-400-normal-BD4aNku5.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:500;src:url(./figtree-latin-ext-500-normal-Du0rIuHj.woff2)format("woff2"),url(./figtree-latin-ext-500-normal-BOEJvrb_.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:500;src:url(./figtree-latin-500-normal-BWnGEVsr.woff2)format("woff2"),url(./figtree-latin-500-normal-B_yy1phn.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:600;src:url(./figtree-latin-ext-600-normal-DJlfifZj.woff2)format("woff2"),url(./figtree-latin-ext-600-normal-CQqsimlV.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:600;src:url(./figtree-latin-600-normal-Cv_xCTDl.woff2)format("woff2"),url(./figtree-latin-600-normal-BM_oTo4n.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:700;src:url(./figtree-latin-ext-700-normal-CS4sQkGV.woff2)format("woff2"),url(./figtree-latin-ext-700-normal-BoDi4KL2.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:700;src:url(./figtree-latin-700-normal-th6qEP7c.woff2)format("woff2"),url(./figtree-latin-700-normal-BCCt2T1q.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-mono-latin-ext-400-normal-C2zvOubV.woff2)format("woff2"),url(./dm-mono-latin-ext-400-normal-1aZr6b2b.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-mono-latin-400-normal-4GdczIuU.woff2)format("woff2"),url(./dm-mono-latin-400-normal--0xN8mdc.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./dm-mono-latin-ext-500-normal-BtRyHRi6.woff2)format("woff2"),url(./dm-mono-latin-ext-500-normal-Dw3M13d8.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./dm-mono-latin-500-normal-DRMDZjhP.woff2)format("woff2"),url(./dm-mono-latin-500-normal-CN8Miw6E.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--brand:#0f7b6c;--brand-ink:#0b6b5e;--brand-ink-hover:#08524a;--brand-soft:#e8f4f1;--brand-softer:#eef7f5;--on-brand:#fff;--quantum-data:#0f7b6c;--quantum-ideal:#5e615e;--bloch-fill:#f3faf8;--bloch-line:#bfdfd8;--measure:#e2a75a;--ink:#1d1f1e;--ink-muted:#5e615e;--surface:#fff;--ground:#faf8f4;--ground-dots:#e3ded4;--border:#e8e4dc;--border-strong:#e1ddd4;--border-subtle:#f1eee8;--control-track:#f1eee8;--wire:#cfcbc2;--shadow:#00000014;--overlay-shadow:#1d1f1e2e;--ok:#3c8a4a;--notice-bg:#fff9ee;--notice-border:#e1c79b;--notice-ink:#7a4b00;--code-keyword:#7a3fb0;--code-number:#a04a00;--gate-hadamard-border:#8a8ae0;--gate-hadamard-bg:#eeeefc;--gate-hadamard-ink:#36369a;--gate-pauli-border:#7fb0e6;--gate-pauli-bg:#eaf3fd;--gate-pauli-ink:#1d5796;--gate-phase-border:#6cc0ae;--gate-phase-bg:#e6f5f1;--gate-phase-ink:#0e6152;--gate-rotation-border:#ae94e6;--gate-rotation-bg:#f2edfc;--gate-rotation-ink:#5a35a8;--gate-multi-border:#b9bbc2;--gate-multi-bg:#f3f3f1;--gate-multi-ink:#1d1f1e;--gate-measure-border:#e2a75a;--gate-measure-bg:#fdf2e2;--gate-measure-ink:#8a4f00}*,:before,:after{box-sizing:border-box}:root{--font-ui:"Figtree", system-ui, sans-serif;--font-mono:"DM Mono", ui-monospace, monospace;--label-width:112px;--cell-width:76px;--row-height:70px;--target:44px}body{background:var(--ground);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.app{flex-direction:column;min-height:100vh;display:flex}.header{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;min-height:58px;padding:6px 20px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand h1{margin:0;font-size:17px;font-weight:700}.brand-mark{fill:var(--brand)}.brand-mark-line{stroke:var(--on-brand)}.spacer{flex:auto}.icon-button{width:var(--target);height:var(--target);color:var(--ink-muted);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.icon-button:not(:disabled):hover{background:var(--control-track);color:var(--ink)}.segmented{background:var(--control-track);border-radius:12px;padding:3px;display:flex}.segmented button{min-width:var(--target);height:38px;color:var(--ink-muted);background:0 0;border:0;border-radius:9px;padding:0 10px;font-size:13px;font-weight:500}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px var(--shadow);font-weight:600}.button{min-height:var(--target);border:1px solid var(--border-strong);background:var(--surface);white-space:nowrap;border-radius:10px;padding:0 14px;font-size:14px;font-weight:500}.button:not(:disabled):hover{border-color:var(--ink-muted)}.button--small{border-radius:8px;min-height:32px;padding:0 12px;font-size:13px;position:relative}.button--small:after{content:"";position:absolute;inset:-6px 0}.learn-toggle{min-height:var(--target);background:var(--control-track);color:var(--ink-muted);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:600;display:flex;position:relative}.learn-toggle:has(input:checked){background:var(--brand-soft);color:var(--brand-ink)}.learn-toggle:has(input:focus-visible){outline:2px solid var(--brand);outline-offset:2px}.learn-toggle input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch{background:var(--ink-muted);border-radius:999px;width:34px;height:20px;position:relative}.switch:after{content:"";background:var(--surface);border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.learn-toggle input:checked+.switch{background:var(--brand)}.learn-toggle input:checked+.switch:after{transform:translate(14px)}.header-group{align-items:center;gap:10px;display:flex}.header-divider{background:var(--border);width:1px;height:22px}.header-title{color:var(--ink-muted);font-size:14px}.button--primary{border-color:var(--brand);background:var(--brand);color:var(--on-brand);font-weight:600}.button--primary:not(:disabled):hover{border-color:var(--brand-ink-hover);background:var(--brand-ink-hover)}.dialog{border:1px solid var(--border);background:var(--surface);width:min(640px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--ink);box-shadow:0 12px 40px var(--overlay-shadow);border-radius:18px;padding:0}.dialog::backdrop{background:var(--overlay-shadow)}.dialog-body{flex-direction:column;gap:12px;padding:8px 20px 20px;display:flex}.dialog-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.dialog-heading h2{margin:0;font-size:18px;font-weight:700}.dialog-intro{color:var(--ink-muted);margin:0;font-size:14px;line-height:1.5}.dialog-section{border-top:1px solid var(--border-subtle);flex-direction:column;gap:8px;padding-top:12px;display:flex}.dialog-section h3{margin:0;font-size:15px;font-weight:700}.dialog-error{border:1.5px dashed var(--notice-border);background:var(--notice-bg);color:var(--notice-ink);border-radius:10px;margin:0;padding:10px 12px;font-size:14px;line-height:1.5}.field{flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.field-row{flex-wrap:wrap;gap:8px;display:flex}.text-input{min-width:0;min-height:var(--target);border:1px solid var(--border-strong);background:var(--ground);color:var(--ink);border-radius:10px;flex:240px;padding:0 12px;font-size:14px;font-weight:400}.code-input{font-family:var(--font-mono);resize:vertical;padding:10px 12px;font-size:13px;line-height:1.6}.code-input::placeholder{color:var(--ink-muted)}.file-button{cursor:pointer;align-items:center;display:inline-flex;position:relative}.file-button:focus-within{outline:2px solid var(--brand);outline-offset:2px}.file-button input{opacity:0;width:1px;height:1px;position:absolute}.example-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.example-card{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:12px;flex-direction:column;gap:4px;width:100%;height:100%;padding:12px 14px;display:flex}.example-card:hover{border-color:var(--brand)}.example-name{font-size:15px;font-weight:700}.example-description{color:var(--ink-muted);font-size:13px;line-height:1.45}.example-size{font-family:var(--font-mono);color:var(--brand-ink);margin-top:auto;padding-top:4px;font-size:12px}.workspace{flex-wrap:wrap;flex:auto;display:flex}.main{flex-direction:column;flex:999 560px;min-width:0;display:flex}.palette{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex:0 0 256px;gap:16px;padding:16px 14px;display:flex}.palette-search{height:var(--target);border:1px solid var(--border);background:var(--ground);color:var(--ink-muted);border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:flex}.palette-search:focus-within{outline:2px solid var(--brand);outline-offset:1px}.palette-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:auto;font-size:14px}.palette-search input::placeholder{color:var(--ink-muted)}.palette-group{flex-direction:column;gap:6px;display:flex}.palette-group-title{letter-spacing:.4px;text-transform:uppercase;color:var(--ink-muted);margin:0;padding:0 2px;font-size:12px;font-weight:600}.palette-cards{flex-direction:column;gap:6px;display:flex}.palette-grid{grid-template-columns:repeat(4, minmax(var(--target), 1fr));gap:6px;display:grid}.palette-card,.palette-chip{touch-action:manipulation;border:1px solid var(--border);background:var(--surface);cursor:grab}.palette-card{text-align:left;border-radius:11px;align-items:center;gap:10px;min-height:48px;padding:6px 8px;display:flex}.palette-chip{height:var(--target);border-radius:10px;justify-content:center;align-items:center;padding:0;display:flex}.palette-chip .gate-icon{border:0;border-radius:9px;width:100%;height:100%}.palette-card:hover,.palette-chip:hover{border-color:var(--brand)}.palette-card[data-dragging],.palette-chip[data-dragging]{opacity:.5}.palette-card-text{flex-direction:column;display:flex}.palette-card-name{font-size:13px;font-weight:600}.palette-card-hint{color:var(--ink-muted);font-size:12px}.palette-empty{color:var(--ink-muted);margin:0;font-size:13px}.try-this{border:1.5px dashed var(--notice-border);background:var(--notice-bg);border-radius:14px;flex-direction:column;gap:6px;margin-top:auto;padding:14px;display:flex}.try-this h2{color:var(--notice-ink);margin:0;font-size:13px;font-weight:700}.try-this p{margin:0;font-size:13px;line-height:1.5}.family-hadamard{--gate-border:var(--gate-hadamard-border);--gate-bg:var(--gate-hadamard-bg);--gate-ink:var(--gate-hadamard-ink)}.family-pauli{--gate-border:var(--gate-pauli-border);--gate-bg:var(--gate-pauli-bg);--gate-ink:var(--gate-pauli-ink)}.family-phase{--gate-border:var(--gate-phase-border);--gate-bg:var(--gate-phase-bg);--gate-ink:var(--gate-phase-ink)}.family-rotation{--gate-border:var(--gate-rotation-border);--gate-bg:var(--gate-rotation-bg);--gate-ink:var(--gate-rotation-ink)}.family-multi{--gate-border:var(--gate-multi-border);--gate-bg:var(--gate-multi-bg);--gate-ink:var(--gate-multi-ink)}.family-measure{--gate-border:var(--gate-measure-border);--gate-bg:var(--gate-measure-bg);--gate-ink:var(--gate-measure-ink)}.gate-icon{border:1.5px solid var(--gate-border);background:var(--gate-bg);color:var(--gate-ink);font-family:var(--font-mono);flex:none;justify-content:center;align-items:center;font-weight:500;display:flex}.gate-icon--small{border-radius:8px;width:32px;height:32px;font-size:14px}.gate-icon--small[data-long]{font-size:10px}.gate-icon--large{width:46px;height:46px;box-shadow:0 6px 18px var(--overlay-shadow);cursor:grabbing;border-radius:12px;font-size:18px}.gate-icon--large[data-long]{font-size:12px}.circuit-area{background-color:var(--ground);background-image:radial-gradient(var(--ground-dots) 1px, transparent 1px);background-size:18px 18px;outline:none;flex-direction:column;flex:auto;gap:14px;padding:24px 28px;display:flex}.circuit-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.circuit-summary{color:var(--ink-muted);font-size:13px}.noise-panel{border:1px solid var(--border);background:var(--surface);border-radius:14px;gap:12px;padding:16px;display:grid}.noise-title{margin:0;font-size:15px}.noise-intro{color:var(--ink-muted);margin:0;font-size:13px}.noise-rate{grid-template-columns:minmax(0,1fr) 4.5em;align-items:center;column-gap:12px;font-size:13px;font-weight:600;display:grid}.noise-rate label{grid-column:1/-1}.noise-rate input{width:100%;height:var(--target);accent-color:var(--brand);margin:0}.noise-rate output{font-family:var(--font-mono);text-align:right;font-size:13px}.noise-panel .button{justify-self:start}.notice-slot{flex:auto;display:flex}.notice{border:1.5px dashed var(--notice-border);background:var(--notice-bg);color:var(--notice-ink);border-radius:10px;align-items:center;gap:4px;padding:0 0 0 12px;font-size:13px;display:inline-flex}.notice-dismiss{width:var(--target);height:40px;color:var(--notice-ink);background:0 0;border:0}.circuit-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:14px;min-width:0;padding:20px 24px 18px;display:flex}.circuit-scroll{overflow-x:auto}.circuit-grid{grid-auto-rows:var(--row-height);width:max-content;display:grid}.qubit-label{font-family:var(--font-mono);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.qubit-label .ket{color:var(--ink-muted)}.remove-qubit{opacity:.6;margin-left:auto;margin-right:6px}.remove-qubit:hover,.remove-qubit:focus-visible{opacity:1}.cell{border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative}.cell:before{content:"";background:var(--wire);height:2px;position:absolute;top:calc(50% - 1px);left:0;right:0}.cell[data-over]{background:var(--brand-soft)}.step-highlight{background:var(--brand-softer);border-radius:10px}.cell[data-timeline=future] .part-box{border-style:dashed;border-color:var(--ink-muted);background:var(--surface);color:var(--ink-muted)}.cell[data-timeline=future] .part-control{background:var(--ink-muted)}.cell[data-timeline=future] .part-oplus,.cell[data-timeline=future] .part-swap{border-color:var(--ink-muted);color:var(--ink-muted)}.link[data-timeline=future]:before{background:var(--ink-muted)}.link{z-index:1;pointer-events:none;position:relative}.link:before{content:"";width:2px;left:calc(50% - 1px);top:calc(var(--row-height) / 2);bottom:calc(var(--row-height) / 2);background:var(--ink);position:absolute}.link--classical:before{border-left:2px solid var(--ink);border-right:2px solid var(--ink);background:0 0;width:6px;left:calc(50% - 3px)}.link--classical[data-timeline=future]:before{border-color:var(--ink-muted);background:0 0}.condition-marker{z-index:2;border:1px solid var(--ink);background:var(--surface);color:var(--ink);font-family:var(--font-mono);border-radius:6px;padding:2px 6px;font-size:12px;position:relative}.part{z-index:2;width:48px;height:48px;color:var(--ink);touch-action:manipulation;cursor:grab;background:0 0;border:0;border-radius:13px;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.part[data-selected]{outline:2px solid var(--brand);outline-offset:1px}.part[data-dragging]{opacity:.35}.part-box{border:1.5px solid var(--gate-border);background:var(--gate-bg);width:46px;height:46px;color:var(--gate-ink);font-family:var(--font-mono);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;font-weight:500;line-height:1.1;display:flex}.part-symbol{font-size:18px}.part-box:has(.part-angle) .part-symbol{font-size:15px}.part-angle{font-size:11px}.part-control{background:var(--ink);border-radius:50%;width:14px;height:14px}.part-oplus{border:2px solid var(--ink);background:var(--surface);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.part-swap{color:var(--ink)}.inspector,.inspector-hint{margin:0;font-size:14px;line-height:1.5}.inspector{background:var(--brand-soft);border-radius:14px;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 16px;display:flex}.inspector-text{flex-direction:column;flex:220px;display:flex}.inspector-title{font-weight:700}.inspector-hint{color:var(--ink-muted)}.angle-field{grid-template-columns:auto 120px;align-items:center;column-gap:8px;font-size:13px;font-weight:600;display:grid}.angle-field input,.angle-field select{height:var(--target);border:1px solid var(--border-strong);background:var(--surface);font-family:var(--font-mono);border-radius:10px;padding:0 10px;font-size:14px}.condition-field{grid-template-columns:auto minmax(0,max-content)}.condition-field select{min-width:120px;max-width:100%}.angle-field input[aria-invalid]{border-color:var(--notice-ink)}.field-help,.field-error{color:var(--ink-muted);grid-column:1/-1;font-size:12px;font-weight:400}.field-error{color:var(--notice-ink)}.callout{background:var(--brand-soft);border-radius:14px;flex-direction:column;gap:8px;max-width:640px;padding:14px 16px;display:flex;position:relative}.callout-pointer{top:-8px;left:clamp(16px, calc(var(--label-width) + (var(--step) - .5) * var(--cell-width) - 8px - var(--scroll-x,0px)), calc(100% - 32px));background:var(--brand-soft);width:16px;height:16px;position:absolute;transform:rotate(45deg)}.callout-heading{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.callout-step{letter-spacing:.4px;text-transform:uppercase;color:var(--brand-ink);font-size:12px;font-weight:600}.callout-title{margin:0;font-size:15px;font-weight:700}.callout-text{margin:0;font-size:14px;line-height:1.5}.callout-states{font-family:var(--font-mono);flex-wrap:wrap;gap:6px 18px;font-size:13px;display:flex}.callout-before{color:var(--ink-muted)}.callout-after{color:var(--brand-ink)}.stepper{border-top:1px solid var(--border-subtle);align-items:center;gap:12px;padding-top:12px;display:flex}.step-button{width:var(--target);height:var(--target);border:1px solid var(--border-strong);background:var(--surface);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.step-button--primary{background:var(--brand);color:var(--on-brand);border:0}.stepper-track{flex-direction:column;flex:auto;min-width:0;display:flex;container-type:inline-size}.step-slider{width:100%;height:var(--target);cursor:pointer;appearance:none;background:0 0;margin:0}.step-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--brand) var(--progress), var(--border) var(--progress));border-radius:999px;height:6px}.step-slider::-moz-range-track{background:linear-gradient(to right, var(--brand) var(--progress), var(--border) var(--progress));border-radius:999px;height:6px}.step-slider::-webkit-slider-thumb{border:2.5px solid var(--brand);background:var(--surface);appearance:none;border-radius:50%;width:18px;height:18px;margin-top:-6px}.step-slider::-moz-range-thumb{box-sizing:border-box;border:2.5px solid var(--brand);background:var(--surface);border-radius:50%;width:18px;height:18px}.step-labels{height:18px;color:var(--ink-muted);font-size:12px;position:relative}.step-labels span{left:calc(9px + (100% - 18px) * var(--at));white-space:nowrap;position:absolute;transform:translate(-50%)}.step-labels span:first-child{transform:translate(-9px)}.step-labels span:last-child{transform:translate(calc(9px - 100%))}.step-labels span[data-current]{color:var(--brand-ink);font-weight:600}.step-position{color:var(--ink-muted);font-size:12px}.step-position[data-fallback]{display:none}@container (width<=420px){.step-labels{display:none}.step-position[data-fallback]{display:block}}.code-panel{background:var(--surface);border-top:1px solid var(--border);position:relative}.code-resize{z-index:3;cursor:row-resize;touch-action:none;outline:none;justify-content:center;height:8px;display:flex;position:absolute;top:-8px;left:0;right:0}.code-resize:before{content:"";position:absolute;inset:-36px 0 0}.code-resize:after{content:"";background:var(--border-strong);border-radius:999px;width:36px;height:4px;margin-top:6px}.code-resize:hover:after,.code-resize:focus-visible:after{background:var(--brand);width:48px}.code-resize:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.code-toolbar{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:4px 8px;padding:0 16px;display:flex}.code-tabs{gap:4px;display:flex;overflow-x:auto}.code-tab{height:var(--target);color:var(--ink-muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 12px;font-size:13px;font-weight:500}.code-tab[aria-selected=true]{border-bottom-color:var(--brand);color:var(--ink);font-weight:600}.code-tab-tag{border:1px solid var(--notice-border);background:var(--notice-bg);color:var(--notice-ink);border-radius:999px;margin-left:2px;padding:1px 6px;font-size:11px;font-weight:500}.code-noise-note{border-bottom:1px solid var(--notice-border);background:var(--notice-bg);color:var(--notice-ink);margin:0;padding:8px 24px;font-size:13px;line-height:1.5}.code-status{color:var(--ink-muted);font-size:12px}.code-view{max-height:360px;padding:12px 0 16px;overflow:auto}.code-view pre{font-family:var(--font-mono);margin:0;font-size:13px;line-height:1.75}.code-line{gap:24px;width:max-content;min-width:100%;padding:0 24px;display:flex}.code-text{white-space:pre}.code-line[data-current]{border-left:3px solid var(--brand);background:var(--brand-soft);padding-left:21px}.code-line[data-future]{color:var(--ink-muted)}.code-line[data-future] span{color:inherit}.code-step-tag{font-family:var(--font-ui);color:var(--brand-ink);font-size:12px;font-weight:600}.code-keyword{color:var(--code-keyword)}.code-number{color:var(--code-number)}.code-string{color:var(--brand-ink)}.code-comment{color:var(--ink-muted)}.results{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;flex:340px;max-width:390px;display:flex}.results-section{flex-direction:column;gap:14px;padding:18px 20px 6px;display:flex}.results-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.results h2{margin:0;font-size:16px;font-weight:700}.results-subtitle{color:var(--ink-muted);font-size:12px}.histogram{gap:8px;margin:0;padding:0;list-style:none;display:flex}.histogram[data-compact]{gap:3px}.histogram-item{flex-direction:column;flex:1 1 0;align-items:center;gap:6px;min-width:0;display:flex}.histogram-plot{border-bottom:1px solid var(--border);flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;width:100%;height:150px;display:flex}.histogram-value{font-family:var(--font-mono);color:var(--brand-ink);font-size:11px;font-weight:500}.histogram-bar{background:var(--quantum-data);border-radius:6px 6px 0 0;width:100%;min-height:2px}.histogram-bars{flex:0 100%;align-items:flex-end;gap:2px;width:100%;min-height:0;display:flex}.histogram-bar--ideal{border:1.5px dashed var(--quantum-ideal);background:0 0;border-bottom:none;min-height:0}.histogram-legend{color:var(--ink-muted);flex-wrap:wrap;gap:4px 16px;margin:0;font-size:12px;display:flex}.legend-item{align-items:center;gap:6px;display:inline-flex}.legend-swatch{background:var(--quantum-data);border-radius:3px;width:12px;height:12px}.legend-swatch--ideal{border:1.5px dashed var(--quantum-ideal);background:0 0}.histogram-label{font-family:var(--font-mono);color:var(--ink-muted);font-size:11px;font-weight:500}.histogram-label[data-likely]{color:var(--ink)}.histogram[data-vertical] .histogram-label{writing-mode:vertical-rl;transform:rotate(180deg)}.results-note{color:var(--ink-muted);margin:0;font-size:13px;line-height:1.5}.amplitudes summary{min-height:var(--target);cursor:pointer;align-items:center;font-size:14px;font-weight:600;display:flex}.amplitudes summary:before{content:"";border-bottom:2px solid;border-right:2px solid;width:7px;height:7px;margin:0 10px 0 2px;transition:transform .15s;transform:rotate(-45deg)}.amplitudes[open] summary:before{transform:rotate(45deg)}.amplitudes summary::-webkit-details-marker{display:none}.amplitudes summary{list-style:none}.amplitudes table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:12px}.amplitudes th,.amplitudes td{border-bottom:1px solid var(--border-subtle);text-align:right;padding:5px 6px;font-weight:500}.amplitudes th:first-child{text-align:left}.amplitudes thead th{font-family:var(--font-ui);color:var(--ink-muted);font-weight:600}.results-bloch{border-top:1px solid var(--border-subtle);gap:12px;margin-top:12px;padding-top:16px;padding-bottom:16px}.bloch-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.bloch{flex-direction:column;align-items:center;gap:4px;display:flex}.bloch-sphere{fill:var(--bloch-fill);stroke:var(--bloch-line)}.bloch-guide{fill:none;stroke:var(--bloch-line)}.bloch-arrow{stroke:var(--quantum-data)}.bloch-tip{fill:var(--quantum-data)}.bloch-qubit{font-family:var(--font-mono);font-size:13px;font-weight:500}.bloch-status{color:var(--ink-muted);font-size:12px}.results-footer{border-top:1px solid var(--border-subtle);color:var(--ink-muted);align-items:center;gap:10px;margin-top:auto;padding:14px 20px;font-size:13px;display:flex}.status-dot{background:var(--ok);border-radius:50%;width:8px;height:8px}@media (width<=900px){.workspace{flex-flow:column}.palette,.results{border:0;border-bottom:1px solid var(--border);flex:none;max-width:none}.circuit-area,.circuit-card{padding:16px}.code-line{padding:0 16px}.code-line[data-current]{padding-left:13px}}.choices{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.choices legend{margin-bottom:6px;padding:0;font-size:13px;font-weight:600}.choice{min-height:var(--target);border:1px solid var(--border-strong);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:0 14px;font-size:14px;display:inline-flex}.choice:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}.choice:has(input:focus-visible){outline:2px solid var(--brand);outline-offset:2px}.choice input{accent-color:var(--brand);margin:0}.qasm-editor{flex-direction:column;gap:6px;padding:0 16px;display:flex}.qasm-editor-input{border:1px solid var(--border-strong);background:var(--ground);width:100%;font-family:var(--font-mono);color:var(--ink);resize:none;border-radius:10px;padding:8px;font-size:13px;line-height:1.75}.qasm-editor-input:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.qasm-editor-status{color:var(--ink-muted);margin:0;font-size:13px;line-height:1.5}.qasm-editor-status[data-error]{color:var(--notice-ink)}.code-note{border-top:1px solid var(--border-subtle);color:var(--ink-muted);margin:0;padding:8px 24px 12px;font-size:13px;line-height:1.5}.code-actions{align-items:center;gap:8px;margin-left:auto;padding:6px 0;display:flex}.circuit-grid[data-compact]{--row-height:56px}