:root{
  color-scheme:light;--ink:#1e2933;--muted:#52636d;--paper:#f6f8f8;--white:#fff;--line:#d7dfe1;--faint:#e7ecee;
  --green:#126b5b;--mint:#b7e4d1;--soft-green:#edf5f2;--amber:#795618;--danger:#963d36;--shadow:none;
  --radius-control:7px;--radius-panel:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;
  font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",Arial,sans-serif;font-synthesis:none;
}
*{box-sizing:border-box}html{font-size:100%;scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;color:var(--ink);background:var(--paper);font-size:1rem;line-height:1.65}
::selection{color:var(--ink);background:#cce9dd}*{scrollbar-color:#9aadb3 transparent;scrollbar-width:auto}
button,input,select,textarea{font:inherit;touch-action:manipulation}input,textarea{caret-color:var(--green)}button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:not-allowed;color:#68777e;background:#f1f4f4;border-color:var(--line);opacity:1}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--green);outline-offset:3px}
a{color:inherit;text-decoration:none;text-underline-offset:3px}a:hover{text-decoration:underline}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:650;letter-spacing:-.025em;word-break:keep-all;text-wrap:balance}
h1{font-size:1.5rem;line-height:1.35}h2{font-size:1.25rem;line-height:1.4}h3{font-size:1rem;line-height:1.45}p{overflow-wrap:break-word}
input,select,textarea{min-width:0;border:1px solid #b9c7cc;border-radius:var(--radius-control);padding:9px 11px;background:var(--white);color:var(--ink);font-size:1rem;line-height:1.4}
input:hover,select:hover,textarea:hover{border-color:#83999f}input::placeholder,textarea::placeholder{color:#586c74;opacity:1}input[type=number]{width:100%}input[type=range]{accent-color:var(--green);padding:0;cursor:pointer;min-height:24px}
select{width:100%;padding-right:28px}label{min-width:0}label>span{display:block;font-size:0.9375rem;font-weight:500;color:var(--muted);margin-bottom:6px}
pre{margin:12px 0 0;padding:14px;max-height:240px;overflow:auto;white-space:pre-wrap;word-break:break-word;background:var(--paper);border-radius:6px;font:1rem/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}
details{margin-top:14px;color:var(--muted);font-size:0.9375rem}summary{cursor:pointer;line-height:1.6}summary:hover{color:var(--green)}svg{flex-shrink:0}[hidden]{display:none!important}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px;padding:12px max(32px,calc((100vw - 1376px)/2));background:var(--white);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;flex-shrink:0}.brand:hover{text-decoration:none}.brand-copy{display:flex;flex-direction:column;gap:3px}.brand-name{font-size:1.25rem;font-weight:700;letter-spacing:.035em;line-height:1.15}.brand-subtitle{display:block;font-size:0.9375rem;letter-spacing:.09em;line-height:1.3;font-weight:500;color:var(--muted)}
.beta{font-size:0.9375rem;line-height:1.6;font-weight:600;color:#4c646d;border:1px solid #c5d3d6;border-radius:4px;padding:1px 5px;margin-left:2px}.site-header nav{display:flex;align-items:center;gap:24px;font-size:1rem;white-space:nowrap}.site-header nav a{padding:7px 0;color:var(--muted)}.site-header nav a:hover,.site-header nav a.active{color:var(--green)}.site-header nav a.active{font-weight:600}
.header-right{display:flex;align-items:center;gap:16px}.connection{display:flex;align-items:center;gap:8px;font-size:0.9375rem;color:var(--muted);white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;background:#78909a;flex-shrink:0}.connected .status-dot{background:var(--green)}.language{font-size:0.9375rem;min-width:40px;min-height:34px;padding:5px 9px;border:1px solid var(--line);border-radius:6px}.language:hover{background:var(--paper)}
main{max-width:1440px;padding:0 32px;margin:0 auto}.intro{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:28px 0 24px;border-bottom:1px solid var(--line);margin-bottom:28px}.intro-copy{font-size:1rem;color:var(--muted);margin-top:8px;max-width:72ch}.intro-note{flex-shrink:0;padding:0;max-width:270px}.intro-note strong,.intro-note span:not(.orbit-symbol){display:block;font-size:0.9375rem;line-height:1.7}.intro-note strong{font-weight:600}.intro-note span{color:var(--muted)}
.eyebrow,.orbit-symbol,.section-number,.example-icon,.lesson-mark,.empty-symbol,.status-icon{display:none}
.section-label{display:flex;align-items:baseline;gap:16px;margin-bottom:12px}.section-label h2{font-size:1rem}.section-label>span{font-size:0.9375rem;color:var(--muted)}.examples-section{margin:32px 0 18px}.example-list{display:flex;flex-wrap:wrap;gap:6px}.example-card{display:flex;text-align:left;align-items:center;gap:0;padding:9px 14px;min-height:58px;background:transparent;border:1px solid transparent;border-radius:7px;flex:1;min-width:130px}.example-card:hover{background:#edf1f1}.example-card.selected{color:#195e50;background:var(--soft-green);border-color:#a9cbbf}.example-name{display:block;font-size:1rem;font-weight:600;line-height:1.5}.example-tag{display:block;font-size:0.9375rem;color:var(--muted);margin-top:2px}.example-card.selected .example-tag{color:#386453}
.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-panel);min-width:0;overflow:hidden;box-shadow:none}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:16px 20px;border-bottom:1px solid var(--faint)}.panel-heading h2{font-size:1rem}.title-with-icon{display:flex;align-items:center;gap:0}.workbench{display:grid;grid-template-columns:minmax(0,1fr) 276px;gap:16px;align-items:stretch;scroll-margin-top:88px}
.edit-history{display:flex;align-items:center;gap:6px}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;padding:5px;border-radius:6px;color:#42616d}.icon-button:hover{background:var(--paper)}.divider{height:16px;border-left:1px solid var(--line);margin:0 4px}.text-button{display:inline-flex;align-items:center;justify-content:center;font-size:0.9375rem;color:var(--muted);padding:6px 8px;border-radius:6px;min-height:34px;white-space:nowrap}.text-button:hover{color:var(--green);background:var(--soft-green)}
.primary-button,.secondary-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-control);min-height:38px;padding:9px 12px;font-size:0.9375rem;line-height:1.45;font-weight:600;transition:background-color 150ms ease,border-color 150ms ease}
.primary-button{background:var(--green);color:#fff;border:1px solid var(--green)}.primary-button:hover{background:#0d5749;border-color:#0d5749}.secondary-button{background:var(--white);color:var(--ink);border:1px solid #c5d1d4}.secondary-button:hover{background:var(--paper);border-color:#8da6ac}.danger-button{background:#fff4f1;color:var(--danger);border:1px solid #dec1ba}.danger-button:hover{background:#fbe7e0}.full{width:100%}
.circuit-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 20px}.qubit-control{display:flex;align-items:center;gap:9px;font-size:0.9375rem;white-space:nowrap}.qubit-control>span:first-child{font-weight:600;margin-right:3px}.qubit-control button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--line);border-radius:6px;padding:4px}.qubit-control button:hover{background:var(--paper)}.qubit-control output{font-size:1rem;font-weight:600;width:18px;text-align:center}.subtle{color:var(--muted);font-size:0.9375rem;font-weight:400}.gate-count{font-size:0.9375rem;color:var(--muted)}.file-actions{display:flex;gap:4px;margin-left:auto}.qasm-button{color:var(--green)}
.circuit-scroll{padding:20px;min-height:150px;max-height:350px;overflow:auto;background:#fafcfc;border-top:1px solid var(--faint);border-bottom:1px solid var(--faint)}.circuit{display:flex;position:relative;min-width:100%;width:max-content;align-items:stretch}.qubit-labels{position:sticky;left:0;width:73px;z-index:2;flex-shrink:0;background:#fafcfc}.qubit-label{height:46px;display:flex;align-items:center;justify-content:space-between;padding-right:12px;font:1rem ui-monospace,SFMono-Regular,Consolas,monospace;color:#52636d}.qubit-label b{font-weight:500;color:var(--ink)}
.gate-column,.wire-tail{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='46'%3E%3Cpath d='M0 22.5h1' stroke='%23bdcbd0'/%3E%3C/svg%3E");background-size:1px 46px;background-repeat:repeat}.gate-column{position:relative;width:57px;flex-shrink:0;padding:0;border-radius:6px}.gate-column:hover{background-color:#f0f5f3}.gate-column.selected{background-color:#e8f2ed;outline:1px solid #9cbbb0;outline-offset:-1px}.gate-node{position:absolute;display:flex;align-items:center;justify-content:center;left:13px;z-index:1;width:31px;height:31px;margin-top:7px;border:1px solid #9fadb4;border-radius:5px;background:#fff;color:#294451;font:600 1rem ui-monospace,SFMono-Regular,Consolas,monospace}.gate-node.phase,.gate-node.rotation{background:#f6f8f9;color:#294451;border-color:#9fadb4}.gate-node.control{width:9px;height:9px;margin-top:18px;left:24px;border-radius:50%;background:var(--green);border-color:var(--green)}.gate-node.target-cross{background:#f4faf6;border-color:#75a08a;color:var(--green);font-size:1.5rem;font-weight:400;border-radius:50%}.gate-node.swap{background:#fafcfc;border:0;font-size:1.5rem;font-weight:400;color:var(--green)}.gate-connector{position:absolute;left:28px;width:1.5px;background:#578d75}.wire-tail{width:100%;min-width:65px;position:relative}.measurement{position:absolute;right:12px;width:24px;height:24px;margin-top:11px;background-color:#fafcfc;font-size:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M5 17v-4a7 7 0 0 1 14 0v4H5Zm7-4 4-6' fill='none' stroke='%2352636d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.empty-circuit{position:absolute;left:95px;top:50%;transform:translateY(-50%);z-index:1;max-width:calc(100% - 135px);padding:8px 12px;border:1px dashed #b5c9ce;border-radius:6px;background:#fafcfc;color:var(--muted);font-size:0.9375rem}
.gate-palette-wrap{padding:16px 20px}.palette-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:0.9375rem}.palette-label .subtle{font-size:0.9375rem}.gate-palette{display:flex;gap:8px;flex-wrap:wrap}.palette-button{width:38px;height:36px;border:1px solid #b8c8cf;border-radius:6px;background:#fff;color:#2e4f5d;font:600 1rem ui-monospace,SFMono-Regular,Consolas,monospace}.palette-button.controlled{width:48px}.palette-button:hover{background:var(--paper)}.palette-button.selected{background:var(--soft-green);border-color:var(--green);color:var(--green)}.keyboard-help{padding:0 20px 12px;color:var(--muted);font-size:0.9375rem;line-height:1.8}.circuit-bottom{display:flex;align-items:center;gap:0;border-top:1px solid var(--faint);padding:10px 20px}.circuit-bottom p{font-size:0.9375rem;color:var(--muted)}.small-dot{display:none}
.inspector .panel-heading{padding:16px 18px}.inspector h2{font-size:1rem}.small-badge{font-size:0.9375rem;background:#f0f4f4;color:#4d626b;padding:2px 6px;border-radius:4px;line-height:1.65}.inspector-body{padding:18px}.gate-description{font-size:0.9375rem;line-height:1.8;color:var(--muted);min-height:44px;margin-bottom:16px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:block;margin-top:14px}.angle-input-row{display:flex;gap:4px}.angle-input-row input{width:100%;font-size:1rem}.angle-input-row button{padding:5px;font-size:0.9375rem}#angle-slider{width:100%;margin-top:10px}.range-labels{display:flex;justify-content:space-between;font-size:0.9375rem;color:var(--muted)}#apply-gate{margin-top:18px}.selection-actions{display:flex;flex-wrap:wrap;gap:6px;border-top:1px solid var(--line);padding-top:12px;margin-top:10px}.selection-actions button{font-size:0.9375rem;padding:8px;flex:1;white-space:nowrap}
.notice{padding:12px 16px;border:1px solid #b8d1c5;background:#f1f7f3;color:#285b43;border-radius:7px;margin-top:14px;font-size:1rem;line-height:1.7}.notice.error{background:#fff4ef;border-color:#dfbdb0;color:#803b2b}.lesson{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:24px;padding:18px 0;margin:0 0 24px;border-bottom:1px solid var(--line)}.lesson strong{display:block;font-size:1rem;font-weight:600;margin-bottom:5px}.lesson p{font-size:0.9375rem;color:var(--muted);line-height:1.8}.lesson-change>span,.lesson-expected>span{display:block;font-size:0.9375rem;font-weight:600;margin-bottom:5px;color:var(--muted)}
.results-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.results-grid .panel-heading{flex-wrap:wrap}.preview-badge,.server-chip{font-size:0.9375rem;padding:3px 6px;border-radius:4px;white-space:normal;background:#f1f4f5;color:#405f6a}.preview-content,.server-content{padding:20px}.step-control{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--faint);margin-bottom:20px}.step-control label,.step-control output{font-size:0.9375rem;color:var(--muted);white-space:nowrap}.step-control input{flex:1;min-width:65px;width:auto}.step-control output{font-variant-numeric:tabular-nums}.step-control .text-button{margin-left:auto;font-size:0.9375rem}.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.chart-heading h3{font-size:1rem}
.probability-chart{display:flex;flex-direction:column;gap:12px}.prob-row{display:grid;grid-template-columns:48px minmax(0,1fr) 56px 54px;gap:10px;align-items:center;font-size:0.9375rem;min-height:22px}.bit-label{font:1rem ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}.bar-track{position:relative;height:10px;background:#edf2f0;border-radius:2px}.bar-fill{position:absolute;left:0;top:0;bottom:0;border-radius:2px;background:#438a71}.bar-comparison{position:absolute;left:0;top:-3px;height:16px;border:1px dashed #756586;border-radius:2px;min-width:1px;z-index:1}.freq-marker{position:absolute;top:-3px;bottom:-3px;width:2px;background:#253b4b;transform:translateX(-1px);z-index:2}.prob-value,.phase-label{font-size:0.9375rem;text-align:right;font-variant-numeric:tabular-nums;color:#405f6b}.phase-label{color:#695575;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.prob-row.long-bits{grid-template-columns:minmax(0,1fr) 58px 58px;font-size:0.9375rem;gap:8px}.prob-row.long-bits .bit-label{grid-column:1/-1;white-space:normal;overflow-wrap:anywhere}.prob-row.with-phase-baseline{grid-template-columns:40px minmax(0,1fr) 48px 108px;gap:8px}.with-phase-baseline .phase-label{font-size:0.9375rem}.chart-footnote{display:flex;align-items:flex-start;gap:7px;font-size:0.9375rem;color:var(--muted);margin-top:18px;line-height:1.8}.legend-swatch{display:inline-block;flex-shrink:0;width:7px;height:7px;margin-top:6px;background:#438a71;border-radius:2px}.chart-footnote .legend-swatch{background:#8b779c}.comparison-note{font-size:0.9375rem;color:#695575;border-top:1px solid #e8e1ee;padding-top:10px;margin-top:14px}.learning-note{font-size:0.9375rem;line-height:1.8;margin-top:14px}.learning-note summary{color:#355c4a}.learning-note p{margin-top:8px;color:var(--muted)}
.marginal-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--faint);padding-top:16px;margin:22px 0 12px}.marginal-heading h3{font-size:1rem}.marginal-heading select{width:78px;font-size:0.9375rem;padding:6px 10px}.bloch-row{display:flex;align-items:center;gap:20px}.bloch-sphere{width:122px;height:110px;flex-shrink:0}.bloch-details{flex:1;min-width:0}.bloch-detail-row{display:flex;justify-content:space-between;gap:14px;font-size:0.9375rem;margin:7px 0}.bloch-detail-row>span:first-child{color:var(--muted)}.bloch-detail-row b{font-size:0.9375rem;font-weight:500;font-variant-numeric:tabular-nums;text-align:right}.purity-label{font-size:0.9375rem;color:#2c624a;background:var(--soft-green);padding:4px 7px;border-radius:4px;display:inline-block;margin-top:4px}.entanglement-note{font-size:0.9375rem;color:var(--muted);line-height:1.8;margin-top:14px}
.run-settings{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:12px}.run-settings input,.run-settings select{font-size:1rem}.run-settings label>span{font-size:0.9375rem}.run-actions{display:flex;gap:10px;margin-top:18px}.run-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:1;min-height:42px;border-radius:7px;padding:11px 16px;color:#fff;background:var(--green);font-size:1rem;font-weight:600;transition:background-color 150ms ease}.run-button:hover{background:#0d5749}.run-button svg{width:17px;height:17px}.run-button>span[aria-hidden=true]{display:none}.run-note{font-size:0.9375rem;color:var(--muted);line-height:1.8;margin-top:10px}.job-status{display:flex;align-items:center;gap:0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:20px;min-height:86px}.job-status strong{display:block;font-size:1rem;font-weight:600}.job-status p{font-size:0.9375rem;color:var(--muted);margin-top:4px;line-height:1.8}.job-status.succeeded strong{color:#236548}.job-status.failed strong,.job-status.timed_out strong{color:#8c4630}#server-results{margin-top:22px}.stale-warning{border:1px solid #d8cba8;background:#fff9ec;border-radius:6px;padding:12px;color:#71551f;font-size:0.9375rem;line-height:1.8;margin-bottom:16px}.server-legend{display:flex;gap:18px;margin:-4px 0 16px;font-size:0.9375rem;color:var(--muted)}.server-legend>span{display:flex;align-items:center;gap:6px}.server-legend .legend-swatch{margin:0}.legend-marker{display:inline-block;width:2px;height:12px;background:#253b4b}.sampled-note{font-size:0.9375rem;color:var(--muted);line-height:1.8;margin:0 0 18px}.server-marginal{display:flex;align-items:center;gap:12px;font-size:0.9375rem}.marginal-bar{display:flex;flex:1;height:10px;overflow:hidden;background:#e7eff2;border-radius:2px}.marginal-bar>span{background:#438a71}
.run-metadata{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin:18px 0;padding:16px 0;border-top:1px solid var(--faint);border-bottom:1px solid var(--faint);font-size:0.9375rem}.run-metadata>div{display:flex;justify-content:space-between;gap:12px}.run-metadata dt{color:var(--muted)}.run-metadata dd{margin:0;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.metadata-note{grid-column:1/-1;line-height:1.8}.downloads{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.downloads>span{font-size:0.9375rem;color:var(--muted);margin-right:auto}.downloads>a{font-size:0.9375rem;min-height:34px;padding:7px 12px}.empty-state{padding:34px 10px;text-align:left}.empty-state h3{font-size:1rem;margin-bottom:10px}.empty-state p{font-size:1rem;color:var(--muted);max-width:44ch;line-height:1.8}
.guide-section{display:grid;grid-template-columns:1fr 1.7fr;gap:48px;border-top:1px solid var(--line);padding-top:32px;margin:44px 0 36px}.guide-section h2{font-size:1.25rem}.guide-section>div>p{font-size:1rem;color:var(--muted);line-height:1.8;margin-top:10px;max-width:44ch}.guide-items{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px}.guide-items strong{font-size:1rem;font-weight:600}.guide-items p{font-size:0.9375rem;color:var(--muted);line-height:1.8;margin-top:7px}footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px max(32px,calc((100vw - 1376px)/2));border-top:1px solid var(--line);background:#fff;font-size:0.9375rem;color:var(--muted)}.footer-dot{margin:0 8px}
dialog{width:min(720px,calc(100% - 32px));padding:24px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);box-shadow:none}dialog::backdrop{background:#1e293366}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.dialog-heading h2{font-size:1.125rem}dialog>p{font-size:1rem;line-height:1.8;color:var(--muted);margin-bottom:16px}dialog textarea{width:100%;resize:vertical;min-height:220px;max-height:50vh;font:1rem/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2}.inline-error{color:#963d36!important;white-space:pre-wrap;margin:12px 0!important}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:var(--ink);color:#fff;padding:12px}.skip-link:focus{top:10px}
@media(max-width:1200px){.site-header{gap:20px;padding-left:24px;padding-right:24px}.site-header nav{gap:18px}.header-right{gap:12px}.connection{font-size:0.9375rem}main{padding:0 24px}.intro{gap:24px}.intro h1{font-size:1.5rem}.intro-note{max-width:240px}.workbench{grid-template-columns:minmax(0,1fr) 256px}.panel-heading{padding:16px 18px}.preview-content,.server-content{padding:18px}.bloch-row{gap:14px}.bloch-detail-row{gap:8px}.brand-subtitle{font-size:0.9375rem}.prob-row{gap:8px}.run-settings{gap:9px}.run-settings label>span{font-size:0.9375rem}.run-settings select{font-size:0.9375rem}}
@media(max-width:960px){html{scroll-padding-top:124px}.site-header{display:grid;grid-template-columns:1fr auto;gap:10px 20px;padding:12px 24px 0}.site-header nav{grid-column:1/-1;grid-row:2;gap:26px;overflow-x:auto;font-size:1rem;min-height:39px;padding-bottom:5px}.header-right{grid-column:2;grid-row:1}.intro{align-items:flex-start;flex-direction:column;gap:14px;padding:24px 0;margin-bottom:24px}.intro-note{max-width:none}.intro-note>div{display:flex;flex-wrap:wrap;gap:4px 12px}.workbench{grid-template-columns:minmax(0,1fr) 238px;gap:12px}.file-actions{margin-left:0}.gate-count{display:none}.circuit-toolbar{gap:8px;padding:12px 16px}.file-actions .text-button{padding:5px 6px}.circuit-scroll{padding:16px}.gate-palette-wrap{padding:16px}.keyboard-help{padding-left:16px;padding-right:16px}.circuit-bottom{padding:10px 16px}.palette-label .subtle{font-size:0.9375rem}.results-grid{gap:12px}.run-settings{grid-template-columns:1fr 1fr}.run-settings label:last-child{grid-column:1/-1}.run-metadata{grid-template-columns:1fr}.prob-row{grid-template-columns:36px minmax(0,1fr) 48px 44px;gap:6px}.prob-row.with-phase-baseline{grid-template-columns:35px minmax(0,1fr) 45px 98px;gap:6px}.phase-label{overflow-wrap:anywhere}.bloch-row{flex-wrap:wrap;gap:10px}.bloch-sphere{width:105px;height:100px}.bloch-details{min-width:155px}.lesson{gap:20px;grid-template-columns:1fr 1fr}.lesson-expected{grid-column:1/-1}.guide-section{grid-template-columns:1fr;gap:24px}.guide-items{gap:24px}.guide-section>div>p{max-width:72ch}.connection{font-size:0.9375rem}}
@media(max-width:700px){main{padding:0 20px}.workbench,.results-grid{grid-template-columns:1fr}.workbench{gap:12px}.circuit-toolbar{gap:12px}.file-actions{margin-left:auto}.inspector .panel-heading{min-height:48px;padding:13px 18px}.inspector-body{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px 18px}.gate-description{grid-column:1/-1;min-height:0;margin:0}.field-row{grid-column:1/-1}.field{grid-column:1/-1;margin:0}#apply-gate{grid-column:1/-1;margin:0}#new-gate,.selection-actions{grid-column:1/-1}.selection-actions{margin:0;padding:0;border:0}.run-settings{grid-template-columns:1fr 1fr 1.2fr}.run-settings label:last-child{grid-column:auto}.run-metadata{grid-template-columns:1fr 1fr}.bloch-row{flex-wrap:nowrap;gap:18px}.bloch-sphere{width:120px;height:110px}.bloch-details{min-width:0}.results-grid{gap:16px}.example-card{flex:1 0 calc(33.333% - 6px);min-width:0;padding:9px 10px}.example-name{font-size:0.9375rem}.example-tag{font-size:0.9375rem}.section-label{gap:12px}.section-label>span{font-size:0.9375rem}.lesson{margin-bottom:20px}.guide-section{margin-top:32px}.guide-items{grid-template-columns:1fr 1fr;gap:24px 20px}footer{align-items:flex-start;flex-direction:column;gap:8px;padding:20px}.downloads{gap:8px}}
@media(max-width:480px){.site-header{padding:12px 20px 0;gap:9px 12px}.brand-name{font-size:1.125rem}.brand-subtitle{font-size:0.9375rem;letter-spacing:.07em}.brand svg{width:31px;height:31px}.brand{gap:8px}.beta{font-size:0.9375rem}.connection{display:none}.site-header nav{gap:23px;font-size:0.9375rem;min-height:38px}.language{min-width:40px;font-size:0.9375rem}.intro h1{font-size:1.5rem}.intro-copy{font-size:1rem}.intro-note>div{display:block}.intro-note strong,.intro-note span:not(.orbit-symbol){font-size:0.9375rem}.panel-heading{padding:14px 16px}.panel-heading h2{font-size:1rem}.circuit-toolbar{padding:12px 14px;gap:8px}.qubit-control{gap:8px}.qubit-control button{width:28px;height:28px}.file-actions{width:100%;margin-left:0;justify-content:flex-start;gap:8px}.file-actions .text-button{padding:5px 7px}.circuit-scroll{padding:14px;max-height:280px}.qubit-labels{width:57px}.qubit-label{font-size:0.9375rem;padding-right:7px}.gate-column{width:50px}.gate-node{left:10px}.gate-node.control{left:21px}.gate-connector{left:25px}.gate-palette-wrap{padding:14px}.gate-palette{gap:8px}.palette-label{align-items:flex-start;gap:8px}.palette-label .subtle{max-width:145px;text-align:right;font-size:0.9375rem}.keyboard-help{padding:0 14px 12px}.preview-content,.server-content{padding:17px}.step-control{gap:9px}.step-control label,.step-control output{font-size:0.9375rem}.run-settings{gap:8px}.run-settings label>span{font-size:0.9375rem;min-height:36px}.run-settings input,.run-settings select{font-size:0.9375rem;padding:9px 8px}.prob-row{grid-template-columns:38px minmax(0,1fr) 48px 46px;gap:7px}.prob-row.with-phase-baseline{grid-template-columns:35px minmax(0,1fr) 44px 101px;gap:6px}.prob-row.long-bits{grid-template-columns:minmax(0,1fr) 56px 56px}.bloch-row{gap:10px}.bloch-sphere{width:105px;height:100px}.bloch-detail-row{font-size:0.9375rem;gap:8px}.bloch-detail-row b{font-size:0.9375rem}.lesson{grid-template-columns:1fr;gap:16px}.lesson-expected{grid-column:auto}.guide-items{grid-template-columns:1fr}.run-metadata{grid-template-columns:1fr}.guide-section h2{font-size:1.25rem}.section-label{align-items:flex-start;flex-direction:column;gap:3px}.example-card{padding:9px 8px}.dialog-actions{justify-content:space-between;gap:8px}.dialog-actions button{font-size:0.9375rem;padding:9px}dialog{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* The two workspaces keep their DOM and draft state; only their wrappers hide. */
#circuit-workspace[hidden],#applications[hidden]{display:none!important}
#circuit-workspace>.examples-section{margin-top:0}
.site-header nav a[aria-current="page"]{position:relative;color:var(--green);font-weight:600}
.site-header nav a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:1px;background:var(--green)}

.execution-support{margin:12px 0;font-size:0.9375rem;line-height:1.75;color:var(--muted);overflow-wrap:anywhere}.execution-support p{margin:4px 0}.execution-support .execution-warning{color:#8c4630}.execution-support .text-button{padding:5px 0;margin-right:14px}.server-chip{white-space:normal;text-align:right}.apps-results .server-chip{max-width:65%}

/* One result surface; execution details stay available without choosing a route. */
.results-grid{display:block}
.simulation-results>.panel-heading{gap:16px}
.simulation-results .run-actions{margin:0;flex-shrink:0}
.simulation-results .run-button{min-width:100px;min-height:38px;padding:8px 16px}
.simulation-content{padding:20px}
.simulation-content>.run-options{margin:0}
.simulation-content>.run-options>.run-settings{max-width:560px;margin-top:16px;grid-template-columns:1fr 1fr 1.2fr}
.simulation-content>.run-options>.run-settings>label:last-child{grid-column:auto}
.simulation-content>.job-status{margin:16px 0 20px;padding:12px 0;min-height:0;border-top:0}
.simulation-content>.step-control{margin-top:20px}
.simulation-content>.preview-content,.simulation-content>.server-content{padding:0;margin-top:0}
.simulation-content .downloads{margin-top:20px}
.simulation-content>.execution-info{margin-top:24px;padding-top:16px;border-top:1px solid var(--faint)}
.simulation-content>.execution-info>.execution-support{margin-bottom:0}
.simulation-content>.execution-info .server-chip{display:inline-block;text-align:left}
.simulation-content>.execution-info .run-metadata:empty{display:none}
@media(max-width:480px){
  .simulation-content{padding:16px}
  .simulation-results>.panel-heading{gap:10px}
  .simulation-results .run-button{min-width:80px}
  .simulation-content>.run-options>.run-settings{grid-template-columns:1fr 1fr;gap:12px}
  .simulation-content>.run-options>.run-settings>label:last-child{grid-column:1/-1}
  .simulation-content>.run-options>.run-settings label>span{min-height:0}
}

/* ScaleQ Cloud brand; scientific data colors retain their established meaning. */
:root{--green:#142b61;--mint:#d7e0f2;--soft-green:#eef2f8;--accent:#b2161b}
::selection{background:#dce4f3}
.brand-logo{display:block;width:220px;height:auto}
.brand .beta{color:var(--green);border-color:#c2cce0}
.primary-button:hover,.run-button:hover{background:#0c1c43;border-color:#0c1c43}
.site-header nav a[aria-current="page"]::after{background:var(--accent)}
.example-card.selected{color:var(--green);background:var(--soft-green);border-color:#b4c2dc}
.example-card.selected .example-tag{color:#3d527a}
.text-button:hover{color:var(--green);background:var(--soft-green)}
.workspace-tabs{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:0 0 24px;border-bottom:1px solid var(--line);font-size:1rem}
.workspace-tabs a{padding:10px 0;color:var(--muted);border-bottom:2px solid transparent}
.workspace-tabs a[aria-current="page"]{color:var(--green);font-weight:600;border-bottom-color:var(--accent)}
.tutorial-context{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px;padding:12px 16px;border:1px solid var(--line);background:var(--white);font-size:0.9375rem}
.tutorial-context a{color:var(--green);text-decoration:underline;white-space:nowrap}
.lab-credit{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;color:var(--green);font-size:1rem;font-weight:600}
.lab-credit img{display:block;width:64px;height:auto}
footer{min-height:96px}
@media(max-width:480px){
 .brand-logo{width:190px}
 .brand{gap:7px}
 .site-header nav{gap:21px;font-size:0.9375rem}
 .workspace-tabs{gap:20px;font-size:0.9375rem}
 .tutorial-context{align-items:flex-start;flex-direction:column;gap:8px}
 .lab-credit{font-size:0.9375rem}
 .lab-credit img{width:56px}
}

/* Stable reading sizes; density comes from layout rather than tiny text. */
:root{--text-body:1rem;--text-help:.9375rem;--text-heading:1.25rem}
body{font-size:var(--text-body);line-height:1.65}
h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}
p{text-wrap:pretty}
.site-header{min-height:80px}
.brand-logo{width:220px;height:auto}
.site-header nav,.workspace-tabs,.language{font-size:1rem}
.site-header nav{flex-wrap:wrap;white-space:normal;gap:16px 24px}
.site-header nav a{white-space:nowrap}
.language{min-width:44px;min-height:40px}
.workspace-tabs{margin-top:20px}
.state-overview:empty{display:none}
.state-overview{margin:0 0 24px}
.panel-heading h2,.inspector h2{font-size:1.25rem}
button,input,select,textarea,.text-button,.primary-button,.secondary-button,.danger-button,.run-button,.downloads>a{font-size:1rem}
label>span,.run-settings label>span,.run-settings input,.run-settings select{font-size:1rem}
.qubit-control,.qubit-control output,.gate-count,.palette-button,.gate-node,.qubit-label,.bit-label,.prob-value,.phase-label,.bloch-detail-row,.bloch-detail-row b,.server-marginal,.run-metadata{font-size:1rem}
.qubit-control button{width:36px;height:36px}
.qubit-control output{width:24px}
.qubit-labels{width:84px}
.qubit-label{padding-right:10px}
.gate-palette{gap:10px}.palette-button{min-width:42px;height:40px}
.palette-button.controlled{width:54px}
.gate-node.target-cross,.gate-node.swap{font-size:1.5rem}
.example-name{font-size:1rem}.example-tag{font-size:.9375rem}
.example-card{min-height:72px;min-width:150px}
.gate-description,.lesson p,.job-status p,.sampled-note,.empty-state p,.learning-note,.entanglement-note{font-size:1rem}
.step-control label,.step-control output,.step-control .text-button{font-size:1rem}
.chart-heading h3,.marginal-heading h3{font-size:1.125rem}
.prob-row{grid-template-columns:68px minmax(0,1fr) 76px 76px;gap:12px;font-size:1rem}
.prob-row.long-bits{grid-template-columns:minmax(0,1fr) 76px 76px;font-size:1rem}
.prob-row.with-phase-baseline{grid-template-columns:60px minmax(0,1fr) 76px 150px}
.with-phase-baseline .phase-label{font-size:1rem}
.run-metadata>div{flex-wrap:wrap}
.marginal-heading select{width:100px;font-size:1rem}
.bloch-sphere{width:150px;height:135px}.bloch-details{min-width:0}
.run-settings label>span{min-height:0}
.lab-credit{font-size:1rem}
footer{font-size:.9375rem}
@media(max-width:960px){.site-header nav{overflow:visible;gap:8px 20px}.workbench{grid-template-columns:minmax(0,1fr) 280px}}
@media(max-width:760px){.workbench{grid-template-columns:1fr}.inspector-body{display:block}.inspector-body>.field-row,.inspector-body>.field{margin-bottom:16px}.inspector-body #apply-gate{margin-top:16px}}
@media(max-width:480px){
 .site-header{padding:12px 16px 0;gap:8px 12px}.site-header nav{font-size:1rem;gap:4px 18px;min-height:44px;align-items:flex-start}.site-header nav a{padding:8px 0}
 main{padding:0 16px}.workspace-tabs{gap:16px;font-size:1rem}
 .brand-logo{width:200px}.brand{gap:0}
 .panel-heading{flex-wrap:wrap}.example-card{flex:1 0 calc(50% - 6px);min-width:0;padding:10px 8px}
 .qubit-labels{width:84px}.qubit-label{font-size:1rem}.file-actions{gap:4px;flex-wrap:wrap}
 .palette-label{flex-wrap:wrap}.palette-label .subtle{max-width:none;text-align:left}
 .gate-description{margin-bottom:16px}.field-row{gap:12px}
 .prob-row{grid-template-columns:58px minmax(0,1fr) 66px 66px;gap:8px}
 .prob-row.long-bits{grid-template-columns:minmax(0,1fr) 66px 66px}
 .prob-row.with-phase-baseline{grid-template-columns:48px minmax(0,1fr) 66px 130px;gap:6px}
 .bloch-row{flex-wrap:wrap;gap:16px}.bloch-sphere{width:150px;height:135px}.bloch-details{flex-basis:100%}
 .server-marginal{flex-wrap:wrap}.server-marginal .marginal-bar{min-width:90px}
 .tutorial-context a{white-space:normal}.lab-credit{font-size:1rem}
}

/* Each probability and finite-shot frequency carries its own visible label. */
.probability-chart{gap:24px}
.prob-row,.prob-row.long-bits,.prob-row.with-phase-baseline{display:grid;grid-template-columns:minmax(120px,1fr) minmax(130px,auto) minmax(180px,auto);gap:10px 24px;align-items:center;font-size:1rem}
.prob-row>.bit-label{grid-column:1/-1;white-space:normal;overflow-wrap:anywhere;font-size:1rem;font-weight:600}
.prob-row>.bar-track{grid-column:1;height:12px}
.prob-stat{display:flex;flex-direction:column;gap:2px;min-width:0;text-align:left;font-family:inherit}
.prob-stat-label{font-size:.9375rem;line-height:1.5;color:var(--muted)}
.prob-stat-value,.prob-stat-count{font-size:1rem;font-variant-numeric:tabular-nums;line-height:1.5}
.prob-stat-value{font-weight:600}.prob-stat-count{color:var(--muted)}
.prob-stat.phase-label .prob-stat-value{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
@media(max-width:700px){
 .prob-row,.prob-row.long-bits,.prob-row.with-phase-baseline{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 20px}
 .prob-row>.bit-label,.prob-row>.bar-track{grid-column:1/-1}
 .prob-row>.bar-track{margin-bottom:4px}
}
/* Match the drag preview to the circuit's readable gate labels. */
body .gate-drag-badge,body .drop-gate{font-size:1rem}

/* Series colors: computed probability is navy; sampled frequency is red. */
.bar-fill,.legend-swatch,.marginal-bar>span{background:var(--green)}
.freq-marker,.legend-marker{background:var(--accent)}

/* The editor is the entry point; running a circuit stays beside its controls. */
#circuit-workspace{padding-top:24px}
#circuit-workspace>.workbench{margin-top:0}
.circuit-panel .panel-heading h1{font-size:1.25rem;line-height:1.4}
.circuit-run-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid var(--faint);background:var(--paper)}
.circuit-run-toolbar .shot-control{display:flex;align-items:center;gap:12px;min-width:0}
.circuit-run-toolbar .shot-control>span{margin:0;white-space:nowrap;color:var(--ink);font-size:1rem}
.circuit-run-toolbar #shots{width:116px;font-size:1rem}
.circuit-run-toolbar .run-actions{margin:0;gap:8px;flex-shrink:0}
.circuit-run-toolbar .run-button{min-width:116px;min-height:44px;padding:10px 16px;font-size:1rem}
.circuit-panel>.job-status{padding:12px 20px;margin:0;border-top:0;border-bottom:1px solid var(--faint);min-height:0}
.circuit-panel>.job-status.ready{display:none}
.circuit-panel>.job-status strong,.circuit-panel>.job-status p{font-size:1rem}
#state-overview{margin:24px 0}
.examples-section{margin:24px 0}
.example-disclosure{margin:0;font-size:1rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}
.example-disclosure>summary{font-weight:600;color:var(--ink);font-size:1rem}
.example-disclosure[open]>summary{margin-bottom:20px}
.example-disclosure .example-list{margin-top:20px}
#phase-primer:empty{display:none}
.simulation-content>.run-options>.run-settings{grid-template-columns:1fr 1fr;max-width:440px}
@media(max-width:480px){
 .site-header nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;width:100%}
 .site-header nav a{white-space:normal;font-size:1rem}
 #circuit-workspace{padding-top:16px}
 .circuit-run-toolbar{padding:12px 14px;gap:12px;align-items:center;flex-wrap:wrap}
 .circuit-run-toolbar .shot-control{gap:8px;flex:1}
 .circuit-run-toolbar #shots{width:94px}
 .circuit-run-toolbar .run-button{min-width:94px;padding:10px 12px}
 .circuit-run-toolbar .run-actions{flex-wrap:wrap}
 .circuit-panel>.job-status{padding:12px 14px}
 .simulation-content>.run-options>.run-settings>label:last-child{grid-column:auto}
}
.circuit-panel .result-jump{display:inline-flex;align-items:center;min-height:36px;margin-top:6px;color:var(--green);font-size:1rem;font-weight:600;text-decoration:underline;text-underline-offset:4px}