/* Carbon light and cool-gray dark surfaces, shared by all interface panels. */
:root{--surface:#fff;--layer:#f4f4f4;--hover:#e8e8e8;--selection-hover:#e8f1ff;--text:#262626;--text-strong:#161616;--text-secondary:#525252;--text-muted:#6f6f6f;--text-subtle:#8d8d8d;--border:#e0e0e0;--border-strong:#c6c6c6;--grid:#d9d9d9;--link:#0f62fe;--secondary-button:#393939;--secondary-hover:#525252}
:root[data-app-theme="dark"]{--surface:#21272a;--layer:#343a3f;--hover:#4d5358;--selection-hover:#343e49;--text:#f2f4f8;--text-strong:#f2f4f8;--text-secondary:#c1c7cd;--text-muted:#a2a9b0;--text-subtle:#878d96;--border:#4d5358;--border-strong:#697077;--grid:#343a3f;--link:#78a9ff;--secondary-button:#4d5358;--secondary-hover:#697077}
:root{font-family:"IBM Plex Sans",Arial,"Noto Sans SC",sans-serif;color:var(--text);background:var(--surface);font-size:14px}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.36;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:2px solid #4589ff;outline-offset:1px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{height:100vh;min-height:650px;display:flex;flex-direction:column;overflow:hidden}
.platform-bar{height:48px;flex:none;display:flex;align-items:center;border-bottom:1px solid var(--border);background:var(--surface)}.plain-icon{border:0;background:none;color:var(--text-secondary)}.hamburger{font-size:17px;width:48px;height:47px}.platform-brand{font-size:14px;font-weight:600;margin-left:16px;white-space:nowrap}.platform-spacer,.file-spacer,.visual-spacer,.inspector-spacer,.footer-spacer{flex:1}.platform-search,.platform-region,.platform-account{height:47px;display:flex;align-items:center;border-left:1px solid var(--border);padding:0 16px;color:var(--text-secondary);white-space:nowrap}.platform-search{min-width:180px;gap:12px;font-size:21px}.platform-search span{font-size:13px}.platform-region{min-width:112px;justify-content:space-between}.platform-account{color:var(--link)}.announcement{height:42px;flex:none;background:var(--layer);display:flex;align-items:center;padding:0 16px;font-size:13px;gap:4px}.announcement button{margin-left:auto;border:0;background:none;color:var(--text-secondary);font-size:21px;padding:0 4px}.file-bar{height:49px;flex:none;border-bottom:1px solid var(--border);display:flex;align-items:center;background:var(--surface)}.file-bar input{width:143px;padding:0 16px;border:0;outline:none;background:transparent;font-size:14px}.file-divider{height:24px;border-left:1px solid var(--border);margin-right:4px}.menu-wrap{position:relative;height:100%;display:flex;align-items:center}.menu-button{background:var(--surface);border:0;color:var(--text);height:100%;min-width:56px;padding:0 12px;text-align:center}.menu-button:hover,.menu-button.active{background:var(--layer)}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:var(--surface);min-width:180px;border:1px solid var(--border-strong);box-shadow:0 4px 12px #0002;z-index:20;padding:4px 0}.dropdown-menu.open{display:block}.dropdown-menu button{display:block;width:100%;padding:9px 14px;text-align:left;border:0;background:var(--surface);color:var(--text)}.dropdown-menu button:hover{background:var(--selection-hover)}.save-file{height:100%;border:0;background:var(--surface);color:var(--link);padding:0 19px}.save-file span{font-size:17px;margin-left:4px}.run-button{height:100%;min-width:174px;border:0;background:#4b5cef;color:#fff;padding:0 15px;text-align:left;display:flex;justify-content:space-between;align-items:center}.run-button:hover{background:#3346d3}.run-button span{font-size:19px}
.workspace{flex:1;min-height:0;display:grid;grid-template-columns:min(var(--catalog-width,272px),var(--main-width,100vw)) minmax(0,1fr) clamp(190px,20vw,385px);grid-template-rows:minmax(240px,1fr) minmax(240px,1fr);background:var(--surface)}.palette-panel{grid-column:1;grid-row:1;border-right:2px solid var(--border);min-width:0;overflow:auto}.palette-toolbar,.circuit-toolbar,.visual-toolbar,.inspector-toolbar{height:42px;display:flex;align-items:center;flex:none}.palette-toolbar{justify-content:space-between;padding-left:16px}.palette-tools{display:flex;height:100%}.palette-tools button{width:40px;border:0;background:var(--surface);color:var(--text);font-size:18px}.palette-tools button:hover,.toolbar-icon:hover,.visual-icon:hover{background:var(--hover)}.gate-search-input{display:none;margin:4px 16px 12px;padding:8px 9px;border:1px solid var(--border-strong);width:calc(100% - 32px)}.gate-search-input.visible{display:block}.gate-grid{display:grid;grid-template-columns:repeat(6,32px);grid-auto-rows:32px;gap:8px;padding:8px 16px;align-content:start}.gate-tile{width:32px;height:32px;border:0;border-radius:0;color:var(--text-strong);font-size:14px;font-weight:500;display:grid;place-items:center;line-height:1;position:relative;padding:0}.gate-tile:hover{outline:2px solid #0f62fe;outline-offset:1px}.gate-tile.active{outline:2px solid #0f62fe;outline-offset:1px}.gate-tile[data-color=red]{background:#fa4d56}.gate-tile[data-color=darkblue]{background:#002d9c;color:#fff}.gate-tile[data-color=blue]{background:#33b1ff}.gate-tile[data-color=gray]{background:#a8a8a8}.gate-tile[data-color=magenta]{background:#9f1853;color:#fff}.gate-tile[data-color=measure]{background:linear-gradient(var(--layer) 0 50%,#4db4ed 50%);border:2px solid #262626;border-radius:50%}.gate-tile.unsupported{filter:saturate(.65)}.gate-tile sup{font-size:8px;position:absolute;top:2px;right:3px}.palette-help{font-size:11px;color:var(--text-subtle);line-height:1.4;margin:12px 16px;max-width:220px;display:none}.palette-panel.show-help .palette-help{display:block}
.circuit-panel{grid-column:2;grid-row:1;min-width:0;min-height:0;display:flex;flex-direction:column;border-bottom:1px solid var(--border)}.circuit-toolbar{border-bottom:0;padding:0 8px;gap:4px}.toolbar-icon{width:37px;height:38px;border:0;background:var(--surface);color:var(--text);font-size:21px}.toolbar-divider{height:24px;border-left:1px solid var(--border);margin:0 7px}.alignment-button{border:0;background:var(--surface);min-width:174px;text-align:left;height:38px;padding:0 10px;display:flex;justify-content:space-between;align-items:center}.alignment-button:hover{background:var(--layer)}.inspect-toggle{display:flex;align-items:center;gap:7px;padding:0 8px;white-space:nowrap}.inspect-toggle input{position:absolute;opacity:0}.switch-track{width:32px;height:17px;border-radius:12px;background:#8d8d8d;position:relative;display:inline-block}.switch-track:after{content:"";position:absolute;left:2px;top:2px;width:13px;height:13px;background:var(--surface);border-radius:50%;transition:transform .15s}.inspect-toggle input:checked+.switch-track{background:#0f62fe}.inspect-toggle input:checked+.switch-track:after{transform:translateX(15px)}.circuit-settings{display:flex;align-items:center;gap:3px;font-size:11px;color:var(--text-muted)}.circuit-settings span{margin-left:7px}.circuit-settings button{width:19px;height:21px;line-height:18px;border:0;background:var(--layer);color:var(--text);padding:0}.circuit-settings strong{font-size:11px;min-width:11px;text-align:center;color:var(--text)}.circuit-scroll{flex:1;min-height:0;overflow:auto;position:relative}.circuit-scroll svg{display:block;min-height:100%;touch-action:none}.circuit-scroll .circuit-label{fill:#6f6f6f;font:13px "IBM Plex Mono",monospace}.circuit-scroll .gate-label{font:15px "IBM Plex Sans",Arial,sans-serif}.circuit-scroll .gate-label.small{font-size:11px}
.circuit-scroll .circuit-label{font:14px "IBM Plex Mono",monospace}
.branch-breadcrumb{height:34px;flex:none;border-top:1px solid #f4f4f4;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:9px;padding:0 16px;color:var(--text);font-size:12px}
.branch-breadcrumb button{border:0;background:none;color:var(--link);padding:2px 0;font-size:12px}
.branch-breadcrumb button:hover{text-decoration:underline}
.branch-gate{cursor:grab;user-select:none}
#branch-svg:focus{outline:none}
.branch-gate.dragging{cursor:grabbing;opacity:.8}
.branch-cell{cursor:default}
.branch-cell.drop-target{fill:#e8f1ff;stroke:#0f62fe;stroke-dasharray:3 3}
.branch-gate-toolbar{position:absolute;z-index:3;display:flex;background:var(--layer);border:1px solid var(--border);box-shadow:0 3px 8px #0002}
.branch-gate-toolbar button{border:0;background:transparent;padding:8px 12px}
.branch-gate-toolbar button:hover{background:var(--layer)}
.results-panel{grid-column:1/3;grid-row:2;min-width:0;min-height:0;display:grid;grid-template-columns:1fr 1fr;position:relative;border-top:1px solid var(--border-strong)}.visual-panel{display:flex;flex-direction:column;min-width:0;min-height:0;position:relative}.probabilities-panel{border-right:1px solid var(--border)}.visual-toolbar{padding:0 16px;gap:5px}.visual-title-button{border:0;background:var(--surface);padding:0;min-width:116px;text-align:left;font-size:14px;cursor:pointer}.visual-title-button span{padding-left:15px}.visual-icon{border:0;background:var(--surface);width:35px;height:35px;color:var(--text);font-size:18px}.probability-plot{flex:1;min-height:0;position:relative;margin:31px 65px 20px 66px}.bar-chart{height:100%;width:100%;border-left:1px solid #8d8d8d;border-bottom:1px solid #8d8d;display:flex;align-items:flex-end;gap:0;overflow-x:auto;background:repeating-linear-gradient(to top,transparent 0,transparent calc(20% - 1px),var(--grid) calc(20% - 1px),var(--grid) 20%)}.bar-column{height:100%;min-width:35px;flex:1;max-width:160px;position:relative;display:flex;align-items:flex-end;justify-content:center}.bar-fill{background:#58aefa;width:24px;height:var(--height);min-height:0}.bar-value{display:none}.bar-label{position:absolute;top:100%;margin-top:10px;color:var(--text-muted);font-size:11px;font-family:"IBM Plex Sans",Arial,sans-serif}.y-axis{position:absolute;left:-32px;top:-5px;bottom:-5px;display:flex;flex-direction:column;justify-content:space-between;color:var(--text-muted);font-size:11px;text-align:right;width:22px}.y-axis-title{position:absolute;left:-62px;top:50%;transform:translateY(-50%) rotate(-90deg);font-size:12px;white-space:nowrap}.x-axis-title{text-align:center;font-size:12px;margin:3px 0 34px}.sphere-wrap{flex:1;min-height:0;display:grid;place-items:center;overflow:hidden}.sphere-wrap svg{width:100%;height:90%;max-height:390px}.sphere-controls{height:64px;display:flex;align-items:end;justify-content:space-between;padding:0 18px 13px}.phase-wheel{width:52px;height:52px;border-radius:50%;background:conic-gradient(#673fff,#0f62fe,#40b4df,#57bf93,#f2b84c,#e4586d,#673fff);display:grid;place-items:center;position:relative}.phase-wheel:before{content:"";position:absolute;inset:9px;background:var(--surface);border-radius:50%}.phase-wheel span{position:relative;font-size:10px}.sphere-labels{display:flex;align-items:center;gap:12px;font-size:12px}.sphere-labels>span{color:var(--text-muted);margin-right:4px}.sphere-labels label{white-space:nowrap}.sphere-labels input{accent-color:#161616;vertical-align:middle;width:16px;height:16px;margin:0 3px 0 0}.result-hidden{display:none}
.inspector-panel{grid-column:3;grid-row:1/3;border-left:1px solid var(--border);border-top:1px solid var(--border);border-bottom:1px solid var(--border);min-width:0;min-height:0;display:flex;flex-direction:column}.inspector-toolbar{height:40px;padding:0 11px 0 16px;gap:10px}.inspector-toolbar button{background:var(--surface);border:0;color:var(--text)}.inspector-toolbar #code-format{height:40px;display:flex;align-items:center;justify-content:space-between;min-width:74px;padding:0}.inspector-toolbar #code-format span{margin-left:20px}.inspector-toolbar #code-options{font-size:19px}.readonly-badge{padding:5px 10px;background:var(--layer);border-radius:14px;font-size:11px}.tab-content{display:none;flex:1;min-height:0;overflow:auto}.tab-content.active{display:block}.code-output{margin:0;padding:8px 12px 20px 52px;white-space:pre-wrap;word-break:break-word;tab-size:2;font:13px/1.58 "IBM Plex Mono","SFMono-Regular",Consolas,monospace;color:var(--text);counter-reset:line;background:repeating-linear-gradient(to bottom,transparent 0,transparent 20.54px,var(--surface) 20.54px,var(--surface) 21px)}.code-line{display:block;position:relative;min-height:21px}.code-line:before{content:attr(data-line);position:absolute;right:calc(100% + 12px);color:#5574bd}.code-keyword{color:#007d79}.code-string{color:#a2195b}.code-number{color:var(--link)}.inspector-actions{height:40px;border-top:1px solid var(--border);display:flex;align-items:center;gap:5px;padding:0 8px}.inspector-actions button{border:0;background:var(--surface);color:var(--link);font-size:11px;padding:6px}.inspector-actions .tab{color:var(--text-secondary)}.inspector-actions .tab.active{color:var(--link);text-decoration:underline}.gate-details{padding:20px;font-size:13px}.gate-details h3{font-size:16px;font-weight:500}.detail-grid{display:grid;grid-template-columns:110px 1fr;gap:12px;margin:20px 0}.detail-grid span{color:var(--text-muted)}.detail-field{margin:20px 0}.detail-field label{display:block;margin-bottom:8px}.detail-field input{border:1px solid #8d8d8d;padding:7px}.delete-gate{border:0;background:#da1e28;color:#fff;padding:9px 14px}.inspector-actions{opacity:0;transition:opacity .15s}.inspector-panel:hover .inspector-actions,.inspector-actions:focus-within{opacity:1}
.app-footer{height:48px;flex:none;border-top:1px solid var(--border);display:flex;align-items:center;gap:25px;padding:0 32px;color:var(--text-subtle);font-size:12px}.footer-mark{font-size:20px;margin-right:16px}.footer-language{border:1px solid var(--border);padding:8px 20px;color:var(--text-secondary)}.toast{position:fixed;right:28px;bottom:65px;padding:11px 16px;background:var(--secondary-button);color:#fff;box-shadow:0 3px 12px #0003;opacity:0;transform:translateY(7px);pointer-events:none;transition:opacity .15s,transform .15s;z-index:30}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1150px){.circuit-settings{display:none}.workspace{grid-template-columns:min(var(--catalog-width,266px),var(--main-width,100vw)) minmax(0,1fr) clamp(185px,23vw,290px)}.app-footer{gap:12px;padding:0 15px}.sphere-labels{gap:5px}.probability-plot{margin-right:30px}}
@media(max-width:760px){.platform-search,.platform-region,.platform-account,.announcement,.app-footer{display:none}.workspace{grid-template-columns:190px minmax(0,1fr);grid-template-rows:minmax(290px,1fr) minmax(290px,1fr)}.palette-panel{grid-column:1}.gate-grid{grid-template-columns:repeat(4,32px)}.circuit-panel{grid-column:2}.results-panel{grid-column:1/3}.inspector-panel{display:none}.file-bar{height:44px}.file-bar input{width:128px}.menu-button{min-width:42px;padding:0 6px}.save-file{display:none}.run-button{min-width:130px}.alignment-button{min-width:130px}.inspect-toggle{display:none}.probability-plot{margin:30px 18px 30px 52px}.sphere-controls{padding:0 6px 8px}.sphere-labels>span{display:none}}
.palette-panel.collapsed .gate-grid,.palette-panel.collapsed .gate-search-input{display:none}
.palette-panel.searching .palette-toolbar{display:none}
.palette-search{height:42px;box-sizing:border-box;border:2px solid #0f62fe;display:flex;align-items:center;background:var(--surface)}
.palette-search[hidden]{display:none}
.palette-search .gate-search-input{display:block;flex:1;min-width:0;width:auto;height:100%;margin:0;padding:0 12px;border:0;outline:0;font-size:13px}
.palette-search .gate-search-input::-webkit-search-cancel-button{display:none}
.palette-search button{width:36px;height:100%;flex:none;border:0;background:var(--surface);color:var(--text);font-size:17px;cursor:pointer}
.palette-search button:hover{background:var(--hover)}
.palette-panel.list-mode .gate-grid{display:flex;flex-direction:column;gap:0;padding:8px 16px 12px}
.palette-group{border-top:1px solid var(--border);padding:0 0 8px}
.palette-group[open]{padding-bottom:28px}
.palette-group:last-child{border-bottom:1px solid var(--border)}
.palette-group summary{height:26px;padding:0 4px;display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;font-size:14px;color:var(--text);user-select:none}
.palette-group[open] summary{margin-bottom:4px}
.palette-group summary:hover{background:var(--hover)}
.palette-group summary::-webkit-details-marker{display:none}
.palette-group summary::after{content:"";width:16px;height:16px;background:var(--secondary-hover);mask:url('/assets/icons/carbon/chevron--down.svg') center/contain no-repeat;transform:rotate(180deg)}
.palette-group:not([open]) summary::after{transform:none}
.palette-panel.list-mode .gate-tile{width:100%;height:26px;display:flex;align-items:center;justify-content:flex-start;gap:4px;padding:4px;text-align:left;background:transparent;color:var(--text);font-size:14px;line-height:18px;font-weight:400}
.palette-panel.list-mode .gate-tile:hover{outline:0;background:var(--hover)}
.palette-panel.list-mode .gate-tile.active{outline:0;background:#d0e2ff}
.palette-panel.list-mode .gate-tile .gate-list-symbol{width:18px;height:18px;display:grid;place-items:center;flex:none;font-size:9px;font-weight:400;background:#fa4d56;color:var(--text-strong)}
.palette-panel.list-mode .gate-tile .gate-list-symbol .gate-glyph{width:18px;height:18px;background:currentColor;color:inherit}
.palette-panel.list-mode .gate-tile .gate-list-symbol .gate-glyph-x{width:14.4px;height:14.4px}
.palette-panel.list-mode .gate-tile[data-color=gray] .gate-glyph-measure{width:18px;height:18px}
.palette-panel.list-mode .gate-tile[data-color=darkblue] .gate-list-symbol{background:#002d9c;color:#fff}.palette-panel.list-mode .gate-tile[data-color=blue] .gate-list-symbol{background:#33b1ff}.palette-panel.list-mode .gate-tile[data-color=gray] .gate-list-symbol{background:#aaa}.palette-panel.list-mode .gate-tile[data-color=magenta] .gate-list-symbol{background:#9f1853;color:#fff}
.palette-panel.list-mode .gate-tile[data-color=measure] .gate-list-symbol{background:linear-gradient(var(--layer) 0 50%,#4db4ed 50%);border:2px solid #262626;border-radius:50%}
.palette-panel.list-mode .gate-tile .gate-list-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.palette-panel.collapsed .palette-toolbar{justify-content:center;padding-left:0}
.palette-panel.collapsed .palette-toolbar>span,.palette-panel.collapsed .palette-tools button:not(#collapse-palette){display:none}
.palette-panel.collapsed .gate-grid{display:grid;grid-template-columns:repeat(2,32px);grid-auto-rows:32px;gap:8px;padding:8px}
.palette-panel.collapsed .palette-help,.palette-panel.collapsed .palette-search{display:none}
.sphere-wrap svg{cursor:grab;touch-action:none;user-select:none}
.sphere-wrap svg.dragging{cursor:grabbing}
.visual-panel .sphere-wrap{position:absolute;inset:42px 0 0;min-height:0}
.visual-panel .sphere-wrap.over-limit{top:114px}
.sphere-limit-warning{position:absolute;top:58px;left:16px;right:16px;z-index:1;box-sizing:border-box;min-height:48px;padding:10px 14px;display:flex;align-items:center;gap:16px;border:1px solid #f1aaaa;border-left:3px solid #da1e28;background:#fff1f1;color:var(--text);font-size:13px;line-height:18px}
.sphere-limit-warning[hidden]{display:none}
.sphere-limit-warning .statevector-limit-icon{flex:none;width:18px;height:18px}
.visual-panel .sphere-wrap svg{height:92%;max-height:400px;align-self:center;margin-bottom:0}
.visual-panel .sphere-controls{position:absolute;left:0;right:0;bottom:0;padding-left:17px}
.visual-panel .phase-wheel{transform:translateY(-9px);background:conic-gradient(#d34afc 0deg,#8a58ff 45deg,#251bc9 90deg,#7f957a 135deg,#e59c0f 180deg,#c95700 225deg,#d11826 270deg,#f34397 315deg,#d34afc 360deg)}
.visual-panel .phase-wheel{width:54px;height:54px}
.visual-panel .phase-wheel:before{inset:8px}
.visual-panel .sphere-controls .phase-wheel{width:60px;height:60px;transform:translateY(-4px);background:none}
.visual-panel .sphere-controls .phase-wheel:before{inset:10px;background:conic-gradient(#d34afc 0deg,#8a58ff 45deg,#251bc9 90deg,#7f957a 135deg,#e59c0f 180deg,#c95700 225deg,#d11826 270deg,#f34397 315deg,#d34afc 360deg)}
.visual-panel .sphere-controls .phase-wheel:after{content:"";position:absolute;inset:16px;background:var(--surface);border-radius:50%}
.visual-panel .sphere-controls .phase-wheel .phase-name{z-index:1;font-size:8px}
.visual-panel .sphere-controls .phase-mark-top{top:0;bottom:auto}
.visual-panel .sphere-controls .phase-mark-right{right:0;left:auto}
.visual-panel .sphere-controls .phase-mark-bottom{bottom:0;top:auto}
.visual-panel .sphere-controls .phase-mark-left{left:0;right:auto}
.visual-panel .sphere-labels{display:grid;grid-template-columns:auto auto;column-gap:14px;row-gap:6px;align-items:center;min-width:190px}
.visual-panel .sphere-labels>span{grid-column:1/-1;margin-right:0}
.visual-panel .phase-wheel .phase-mark{position:absolute;color:var(--text);font-size:10px;white-space:nowrap}
.visual-panel .phase-mark-top{bottom:calc(100% + 3px);left:50%;transform:translateX(-50%)}
.visual-panel .phase-mark-right{left:calc(100% + 5px);top:50%;transform:translateY(-50%)}
.visual-panel .phase-mark-bottom{top:calc(100% + 3px);left:50%;transform:translateX(-50%)}
.visual-panel .phase-mark-left{right:calc(100% + 5px);top:50%;transform:translateY(-50%)}
.statevector-view{position:absolute;inset:42px 0 0;display:flex;flex-direction:column;min-width:0;min-height:0;max-width:100%;overflow-y:auto;overflow-x:hidden!important}
.sphere-panel:has(.statevector-view:not([hidden])){overflow-x:hidden}
.statevector-view::-webkit-scrollbar{width:14px;height:0}
.sphere-panel::-webkit-scrollbar:horizontal,
.statevector-view::-webkit-scrollbar:horizontal,
.statevector-chart::-webkit-scrollbar:horizontal{display:none!important;height:0!important}
.sphere-panel::-webkit-scrollbar-track:horizontal,
.statevector-view::-webkit-scrollbar-track:horizontal,
.statevector-chart::-webkit-scrollbar-track:horizontal{display:none!important}
.sphere-panel *::-webkit-scrollbar{height:0!important}
.sphere-panel *::-webkit-scrollbar:horizontal,
.sphere-panel *::-webkit-scrollbar-track:horizontal,
.sphere-panel *::-webkit-scrollbar-thumb:horizontal{display:none!important;height:0!important}
.statevector-limit-warning{flex:none;box-sizing:border-box;min-height:66px;margin:16px 32px 0 16px;padding:13px 16px;display:flex;align-items:center;gap:18px;border:1px solid #f1aaaa;border-left:3px solid #da1e28;background:#fff1f1;color:var(--text);font-size:14px;line-height:18px}
.statevector-limit-warning[hidden]{display:none}
.statevector-limit-warning.empty-quantum-warning,.sphere-limit-warning.empty-quantum-warning{min-height:48px;margin:16px 16px 0;padding:14px 16px;gap:16px}
.statevector-limit-icon{flex:none;width:18px;height:18px;border-radius:50%;background:#da1e28;position:relative}
.statevector-limit-icon:after{content:"";position:absolute;left:2px;top:8px;width:14px;border-top:2px solid #fff;transform:rotate(45deg)}
.statevector-chart-area{--state-label-space:62px;--state-column-min-width:32px;flex:1;min-width:0;min-height:218px;position:relative;margin:34px 67px 0 66px}
.statevector-chart{width:100%;min-width:0;height:100%;display:flex;align-items:stretch;overflow-x:hidden;overflow-y:hidden;position:relative;scrollbar-width:none}
.statevector-chart::-webkit-scrollbar{display:none;width:0;height:0}
.statevector-chart.fit-all{overflow:visible!important;scrollbar-width:none}
.statevector-chart.fit-all::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.statevector-chart.fit-all:not(.hide-zero-values){padding-left:var(--state-left-inset,4px);padding-right:var(--state-right-inset,4px);box-sizing:border-box}
.statevector-chart.fit-all:before{width:calc(100% - 2px)}
.statevector-chart.fit-all .statevector-column{min-width:0;flex:1 1 0}
.statevector-chart.hide-zero-values{padding-inline:var(--state-chart-inset);box-sizing:border-box}
.statevector-chart:before{content:"";position:absolute;left:0;width:max(calc(100% - 2px),calc(var(--state-count, 1) * 32px - 2px));top:0;bottom:var(--state-label-space);border-left:1px solid #8d8d8d;border-bottom:1px solid #8d8d8d;background:repeating-linear-gradient(to top,transparent 0,transparent calc(20% - 1px),var(--grid) calc(20% - 1px),var(--grid) 20%);pointer-events:none}
.statevector-column{min-width:0;flex:1 1 0;height:100%;position:relative;display:grid;grid-template-rows:minmax(0,1fr) var(--state-label-space);justify-items:center}
.statevector-column:after{content:"";position:absolute;top:calc(100% - var(--state-label-space));left:50%;height:var(--state-tick-length,9px);border-left:1px solid var(--border);pointer-events:none}
.statevector-unavailable{align-self:center;width:100%;text-align:center;color:var(--text-muted);font-size:12px}
.statevector-bar{grid-row:1;align-self:end;width:min(23px,70%);min-height:0}
.statevector-label{position:absolute;left:50%;top:calc(100% - var(--state-label-space) + var(--state-label-offset,14px));transform:translateX(-100%) rotate(-65deg);transform-origin:right top;color:var(--text-muted);font-size:var(--state-label-font-size,13px);line-height:1;font-family:"IBM Plex Sans",Arial,sans-serif;letter-spacing:.02rem;white-space:nowrap;pointer-events:none}
.statevector-y-axis{position:absolute;left:-39px;top:0;bottom:var(--state-label-space);display:flex;flex-direction:column;justify-content:space-between;text-align:right;width:30px;color:var(--text-subtle);font-size:11px}
.statevector-y-title{position:absolute;left:-65px;top:39%;transform:translateY(-50%) rotate(-90deg);font-size:12px;white-space:nowrap}
.statevector-x-title{text-align:center;font-size:12px;margin:3px 0 18px}
.statevector-chart-area:not(.compact-labels)+.statevector-x-title{margin-top:3px}
.statevector-bottom{display:flex;align-items:flex-start;gap:30px;padding:0 16px 12px 30px;min-height:92px;flex-shrink:0}
.statevector-bottom .phase-wheel{flex:none;width:52px;height:52px;transform:none;margin-top:14px}
.statevector-values{background:var(--layer);min-height:80px;flex:1;position:relative;padding:16px;min-width:0}
.statevector-amplitudes{margin:0;font:12px/16px "IBM Plex Mono","SFMono-Regular",Consolas,monospace;white-space:pre-wrap;overflow-wrap:break-word;min-height:48px;max-height:48px;padding:0 24px 24px 0;overflow:auto;scrollbar-width:none}
.statevector-amplitudes::-webkit-scrollbar{display:none}
.statevector-amplitudes:focus{outline:2px solid var(--link);outline-offset:-2px}
.statevector-values.expanded{padding-bottom:32px}
.statevector-values.expanded .statevector-amplitudes{max-height:none}
.statevector-copy,.statevector-expand{border:0;background:transparent;color:var(--text);position:absolute}
.statevector-copy{right:8px;top:8px;width:32px;height:32px;padding:8px}
.statevector-copy:hover,.statevector-expand:hover{background:var(--hover)}
.statevector-expand{right:0;bottom:0;height:32px;padding:8px 16px;font-size:14px;line-height:18px;letter-spacing:.16px;display:flex;align-items:center;gap:8px}
.statevector-expand[hidden]{display:none}
.statevector-expand .ui-icon{width:16px;height:16px;margin-left:0}
.statevector-values.expanded .statevector-expand .ui-icon{transform:rotate(180deg)}
.visual-panel .probability-plot{min-height:calc(var(--probability-label-space,52px) + 60px);margin-left:66px;margin-right:65px}
.visual-panel .x-axis-title{margin-top:-15px}
.visual-panel .bar-column{min-width:22px;width:auto;flex:1 1 22px}
.visual-panel .bar-fill{width:min(23px,calc(100% - 6px))}
.probabilities-panel{overflow-y:auto;overflow-x:hidden}
.probabilities-panel .visual-toolbar{position:sticky;top:0;z-index:2;background:var(--surface)}
.visual-panel .y-axis-title{left:-46px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg)}
.floating-menu{position:fixed;z-index:25;min-width:176px;padding:4px 0;background:var(--surface);border:1px solid var(--border-strong);box-shadow:0 4px 14px #0003}
.floating-menu button{display:block;width:100%;border:0;background:var(--surface);text-align:left;padding:9px 13px;color:var(--text-secondary);font-size:14px}
.floating-menu button:hover{background:var(--selection-hover)}
.floating-menu button:disabled{color:#a8a8a8;cursor:not-allowed}
.register-actions-menu{width:220px;min-width:220px;padding:0;border:0;outline:none}
.register-actions-menu button{height:34px;padding:0 8px 0 26px;line-height:18px;letter-spacing:.16px}
.register-actions-menu button:focus{outline:none;background:var(--hover)}
.register-menu-separator{height:1px;background:var(--border)}
.circuit-context-menu{width:220px;min-width:220px;padding:0}
.circuit-context-menu button{height:32px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;font-size:12px}
.circuit-context-menu .context-shortcut{font-size:11px;color:var(--text-muted)}
.circuit-context-menu button:disabled:hover{background:var(--surface)}
.panel-selector-menu{min-width:160px;padding:0}
.panel-selector-menu [role="option"]{height:48px;padding:0 16px;display:flex;align-items:center;cursor:pointer}
.panel-selector-menu [role="option"]:hover{background:var(--selection-hover)}
.panel-selector-menu [role="option"]:focus{outline:2px solid #0f62fe;outline-offset:-2px}
.chart-options-menu{min-width:160px;width:160px;padding:0}
.chart-options-menu button{height:48px;padding:0 16px;font-size:13px}
.chart-options-menu button:nth-last-child(2){border-top:1px solid var(--border)}
.chart-options-menu button:focus{outline:2px solid #0f62fe;outline-offset:-2px}
#edit-menu{width:163px;min-width:163px;padding:4px 0;border:0}
#edit-menu button{display:flex;justify-content:space-between;align-items:center;gap:12px;height:48px;padding:0 16px;font-size:13px}
#edit-menu #clear-button,#edit-menu #manage-registers{position:relative;margin-top:9px}
#edit-menu #clear-button:before,#edit-menu #manage-registers:before{content:"";position:absolute;left:0;right:0;top:-5px;border-top:1px solid var(--border)}
#edit-menu button:hover{background:var(--layer)}
#edit-menu button:focus{outline:2px solid #0f62fe;outline-offset:-2px}
#edit-menu kbd{font:inherit;color:var(--text-muted)}
#edit-menu button:disabled:hover{background:var(--surface)}
.visual-info-popover{position:fixed;z-index:30;width:288px;max-width:calc(100vw - 16px);background:var(--secondary-button);color:#f4f4f4;padding:16px;box-shadow:0 4px 12px #0003;font-size:14px;line-height:20px}
.visual-info-popover:before{content:"";position:absolute;top:-7px;left:clamp(8px,calc(var(--arrow-left) - 7px),calc(100% - 22px));width:14px;height:14px;background:var(--secondary-button);transform:rotate(45deg)}
.visual-info-popover.above:before{top:auto;bottom:-7px}
.visual-info-popover p{margin:0 0 16px}
.visual-info-popover a{color:#78a9ff;text-decoration:none}
.visual-info-popover a:hover{text-decoration:underline}
.visual-info-anchor{outline:2px solid #0f62fe;outline-offset:-2px}
.code-line:before{left:-38px;right:auto;width:29px;text-align:right;white-space:nowrap}
.bar-chart{position:relative;justify-content:space-evenly;overflow-x:auto;overflow-y:hidden;padding-left:0;padding-right:0;border-left:0;border-bottom:0;background-size:100% calc(100% - 39px);background-repeat:no-repeat}
.bar-chart:before{content:"";position:absolute;left:0;top:0;bottom:39px;border-left:1px solid #8d8d8d;pointer-events:none}
.bar-chart:after{content:"";position:absolute;left:0;right:0;bottom:39px;border-bottom:1px solid #8d8d8d;pointer-events:none}
.bar-column{padding-bottom:39px}
.bar-column:after{content:"";position:absolute;left:50%;bottom:30px;height:9px;border-left:1px solid var(--border);pointer-events:none}
.bar-label{top:calc(100% - 32px);bottom:auto;right:calc(50% + 4px);margin:0;transform:rotate(-65deg);transform-origin:top right;white-space:nowrap;font-size:13px}
.bar-fill{max-height:100%}
.y-axis{bottom:39px}
.bar-column{min-width:60px;max-width:none}
.gate-tile.active{outline:0}
.gate-tile:disabled{background:var(--layer)!important;color:var(--text-subtle)!important;opacity:1;cursor:not-allowed}
.gate-tile:disabled:hover{outline:0}
.gate-tile:focus-visible{outline:2px solid #0f62fe;outline-offset:1px}
.gate-grid .gate-tile[data-gate="rccx"]{grid-column:1}
.gate-grid .gate-tile[data-gate="rccx"],.gate-grid .gate-tile[data-gate="rc3x"]{width:48px;font-size:12px}
.gate-grid .gate-tile[data-gate="rc3x"]{margin-left:16px}
.gate-grid .gate-tile[data-gate="rc3x"]+.gate-tile[data-gate="phase"]{margin-left:32px}
@media(max-width:760px){
  .app-shell{height:auto;min-height:100vh;overflow:auto}
  .workspace{flex:none;min-height:0;grid-template-rows:300px 360px 280px}
  .inspector-panel{display:flex;grid-column:1/3;grid-row:3;border-left:0;border-top:1px solid var(--border)}
  .inspector-actions{opacity:1}
  .probability-plot{margin-left:48px;margin-right:14px}
  .bar-chart{padding-left:10px;padding-right:10px}
  .bar-column{min-width:40px}
  .sphere-labels{font-size:10px}
}
@media(max-width:760px){
  .gate-grid{padding:8px 12px;gap:7px}
  .y-axis-title{display:none}
}
[hidden]{display:none!important}
.ui-icon,.gate-glyph{display:inline-block;flex:none;background:currentColor;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}
.ui-icon{width:16px;height:16px;vertical-align:middle}
.icon-menu{--icon:url('/assets/icons/carbon/menu.svg')}
.icon-search{--icon:url('/assets/icons/carbon/search.svg')}
.icon-list{--icon:url('/assets/icons/carbon/list--bulleted.svg')}
.icon-grid{--icon:url('/assets/icons/grid.svg')}
.icon-chevron{--icon:url('/assets/icons/carbon/chevron--down.svg')}
.icon-info{--icon:url('/assets/icons/carbon/information.svg')}
.icon-download{--icon:url('/assets/icons/carbon/download.svg')}
.icon-settings{--icon:url('/assets/icons/carbon/settings.svg')}
.icon-restart{--icon:url('/assets/icons/carbon/restart.svg')}
.icon-close{--icon:url('/assets/icons/close.svg')}
.icon-undo{--icon:url('/assets/icons/undo.svg')}
.icon-redo{--icon:url('/assets/icons/redo.svg')}
.icon-panel{--icon:url('/assets/icons/panel-close.svg')}
.is-collapsed .icon-panel{--icon:url('/assets/icons/panel-open.svg')}
.icon-table{--icon:url('/assets/icons/table.svg')}
.icon-overflow{--icon:url('/assets/icons/overflow.svg')}
.icon-edit{--icon:url('/assets/icons/carbon/edit.svg')}
.icon-expand{--icon:url('/assets/icons/carbon/zoom--in-area.svg')}
.icon-collapse{--icon:url('/assets/icons/carbon/collapse-definition.svg')}
.icon-group{--icon:url('/assets/icons/carbon/group-objects.svg')}
.icon-ungroup{--icon:url('/assets/icons/carbon/ungroup-objects.svg')}
.icon-cut{--icon:url('/assets/icons/carbon/cut.svg')}
.icon-copy{--icon:url('/assets/icons/carbon/copy.svg')}
.icon-paste{--icon:url('/assets/icons/carbon/paste.svg')}
.icon-delete{--icon:url('/assets/icons/carbon/trash-can.svg')}
.gate-glyph{width:28px;height:28px}
.gate-glyph-x{--icon:url('/assets/icons/gates/x.svg')}
.gate-glyph-cx{--icon:url('/assets/icons/gates/cx.svg')}
.gate-glyph-ccx{--icon:url('/assets/icons/gates/ccx.svg')}
.gate-glyph-swap{--icon:url('/assets/icons/gates/swap.svg')}
.gate-glyph-measure{--icon:url('/assets/icons/gates/measure.svg')}
.gate-glyph-barrier{--icon:url('/assets/icons/gates/barrier.svg')}
.gate-glyph-control{--icon:url('/assets/icons/gates/control.svg')}
.palette-tools button,.toolbar-icon,.visual-icon,#code-options{display:inline-grid;place-items:center}
.platform-search{font-size:14px}
.save-file .ui-icon,.run-button .ui-icon{margin-left:8px}
.visual-title-button .ui-icon{margin-left:12px}
.inspector-toolbar #code-format .ui-icon{margin-left:14px}
.code-format-wrap{position:relative;display:flex;align-items:center;height:100%}
.inspector-toolbar .code-format-menu{top:100%;left:-16px;min-width:170px;padding:4px 0}
.inspector-toolbar .code-format-menu button{padding:10px 16px;font-size:13px}
.inspector-toolbar .code-format-menu button[aria-selected="true"]{background:var(--hover)}
.gate-tile[data-color=gray] .gate-glyph-measure{width:27px;height:27px}
.circuit-panel{position:relative;z-index:3}
.gate-action-toolbar{position:absolute;z-index:10;display:flex;width:284px;height:44px;padding:1px;background:var(--layer);border:1px solid var(--border);box-shadow:0 2px 5px #0002}
.gate-action-toolbar button{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:0;border:0;background:transparent;color:var(--text)}
.gate-action-toolbar button.toolbar-group-end{border-right:1px solid var(--border)}
.gate-action-toolbar button:last-child{border-right:0}
.gate-action-toolbar button:hover:not(:disabled),.gate-action-toolbar button:focus-visible{background:var(--hover)}
.gate-action-toolbar button:disabled{opacity:.3;cursor:not-allowed}
.gate-action-toolbar .ui-icon{width:20px;height:20px}
.selection-action-toolbar{width:164px;z-index:11}
.selection-action-toolbar button{flex:0 0 40px}
.phase-action-toolbar{width:164px;z-index:11}
.phase-action-toolbar button{flex:0 0 40px}
.gate-tile[data-color=measure]::before{content:"";position:absolute;left:50%;top:0;width:1.5px;height:50%;background:#262626;transform:translateX(-50%)}
.phase-disk-column{cursor:grab;touch-action:none;user-select:none}
.phase-disk-column:active{cursor:grabbing}
.qubit-label-group{cursor:pointer}
.qubit-label-group:hover rect,.qubit-label-group:focus-visible rect{stroke:#c6c6c6}
.qubit-action-toolbar{position:absolute;z-index:12;display:flex;width:122px;height:44px;background:var(--layer);border:1px solid var(--border);box-shadow:0 2px 5px #0002}
.qubit-action-toolbar button{display:grid;place-items:center;width:40px;height:42px;padding:0;border:0;background:transparent;color:var(--text)}
.qubit-action-toolbar button:hover:not(:disabled),.qubit-action-toolbar button:focus-visible{background:var(--layer)}
.qubit-action-toolbar button:disabled{opacity:.3;cursor:not-allowed}
.qubit-action-toolbar .ui-icon{width:19px;height:19px}
.qubit-action-toolbar .qubit-add-button{font-size:27px;font-weight:300;line-height:1}
.circuit-scroll,.circuit-scroll *{user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.circuit-gate{cursor:grab;touch-action:none}
:is(.circuit-gate,.branch-gate):focus{outline:none}
:is(.circuit-gate,.branch-gate):focus-visible:not([aria-pressed="true"]){outline:1px solid #0f62fe;outline-offset:2px}
.circuit-gate.dragging{cursor:grabbing;opacity:.8}
.circuit-gate.drag-invalid{opacity:.35}
.phase-disk-column.inspect-future{opacity:.5;filter:grayscale(1)}
.circuit-gate.inspect-future rect[fill]:not([fill="transparent"]):not([fill="none"]),.circuit-gate.inspect-future circle{fill:#dcdcdc!important;stroke:#dcdcdc!important}
.circuit-gate.inspect-future text{fill:#a1a1a1!important}
.circuit-gate.inspect-future line,.circuit-gate.inspect-future path{stroke:#dcdcdc!important}
.circuit-toolbar.inspecting #undo-button,.circuit-toolbar.inspecting #redo-button,.circuit-toolbar.inspecting .toolbar-divider,.circuit-toolbar.inspecting .alignment-wrap,.circuit-toolbar.inspecting #left-align-operations{display:none}
.circuit-toolbar.inspecting .inspect-toggle input:checked+.switch-track{background:#24a148}
.inspect-controls{display:flex;align-items:center;gap:2px;margin-left:8px}
.inspect-controls[hidden]{display:none}
.inspect-controls button{width:34px;height:34px;border:0;background:var(--surface);color:var(--text);font-size:22px;line-height:1;cursor:pointer}
.inspect-controls button:hover:not(:disabled){background:var(--hover)}
.inspect-controls button:disabled{color:#c6c6c6;cursor:default}
.circuit-toolbar.inspecting~.circuit-scroll .circuit-gate{cursor:pointer}
.gate-tile.inspect-disabled{pointer-events:none;cursor:default}
.code-line.inspect-current-line{background:var(--layer)}
.code-line.inspect-selected-line:after{content:"";position:absolute;left:-50px;top:7px;width:7px;height:7px;border-radius:50%;background:#fa4d56}
.palette-panel.editor-open .palette-toolbar,.palette-panel.editor-open .palette-search,.palette-panel.editor-open .gate-grid,.palette-panel.editor-open .palette-help{display:none!important}
.operation-editor{height:100%;overflow:auto;background:var(--surface)}
.operation-editor-header{position:sticky;top:0;z-index:2;background:var(--surface);display:flex;align-items:center;min-height:42px;border-bottom:1px solid var(--border);padding:0 0 0 16px;gap:0}
.operation-editor-header strong{font-size:14px;line-height:18px;letter-spacing:.16px;font-weight:600;flex:1}
.operation-editor-header button{flex:none;border:0;background:var(--surface);color:var(--text);width:40px;height:41px;padding:0;display:grid;place-items:center}
.operation-editor-header button .ui-icon{width:16px;height:16px}
.operation-editor-header button:hover{background:var(--hover)}
.operation-editor-body{padding:16px;font-size:14px;line-height:18px;letter-spacing:.16px;color:var(--text-secondary)}
.operation-editor-body h3{font-size:14px;line-height:18px;margin:0 0 16px;font-weight:600}
.operation-editor-body p{line-height:1.55}
.operation-field{display:block;margin:0 0 24px;font-size:12px;line-height:16px;letter-spacing:.32px;color:var(--text-secondary)}
.operation-field select,.operation-field input{display:block;margin-top:8px;width:100%;height:40px;padding:0 16px;border:0;border-bottom:1px solid #8d8d8d;border-radius:0;background:var(--layer);color:var(--text-strong);font-size:14px;line-height:18px;letter-spacing:.16px}
.operation-parameter-field{margin-bottom:16px}
.operation-parameter-field:last-child{margin-bottom:0}
.operation-info-symbol{width:32px;height:32px;display:grid;place-items:center;margin-bottom:18px;background:#fa4d56;color:var(--text-strong);font-size:16px}
.modifier-add{width:163px;max-width:100%;height:40px;padding:0 15px;border:1px solid #0f62fe;background:var(--surface);color:var(--link);font-size:14px;line-height:18px;letter-spacing:.16px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;text-align:left}
.modifier-add.floating-anchor{background:#0f62fe;color:#fff}
.modifier-add .ui-icon{width:16px;height:16px}
.modifier-add+h3{margin-top:24px}
.modifier-menu{width:163px;min-width:163px;padding:3px 0}
.modifier-menu button{height:40px;padding:0 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.modifier-menu button:focus{outline:2px solid #0f62fe;outline-offset:-2px}
.modifier-current{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;margin:0 0 12px;color:var(--text-secondary);font-size:12px;line-height:16px;letter-spacing:.32px}
.modifier-current:has(+.modifier-add){margin-bottom:16px}
.modifier-current button{flex:none;border:0;background:transparent;width:42px;height:40px;display:grid;place-items:center;color:var(--text)}
.modifier-current button:hover{background:var(--hover)}
.modifier-current button .ui-icon{width:16px;height:16px}
.modifier-current.parameter-modifier{display:grid;grid-template-columns:minmax(0,1fr) 42px;column-gap:8px;row-gap:4px;align-items:center}
.modifier-current.parameter-modifier>label{grid-column:1;grid-row:1;white-space:nowrap}
.modifier-current.parameter-modifier>select,.modifier-current.parameter-modifier>input{grid-column:1;grid-row:2;min-width:0;width:100%;height:40px;padding:0 16px;border:0;border-bottom:1px solid #8d8d8d;border-radius:0;background:var(--layer);color:var(--text-strong);font-size:14px;line-height:18px;letter-spacing:.16px}
.operation-editor :is(.operation-field,.modifier-current.parameter-modifier)>select{appearance:none;padding-right:40px;background-image:url('/assets/icons/carbon/chevron--down.svg');background-position:right 16px center;background-size:16px;background-repeat:no-repeat}
.operation-editor select:focus-visible{outline:2px solid #4589ff;outline-offset:-2px}
.modifier-current.parameter-modifier>button{grid-column:2;grid-row:2}
.operation-editor input[aria-invalid=true]{outline:2px solid #da1e28;outline-offset:-2px}
.operation-expression-error{display:block;margin-top:4px;color:#da1e28;font-size:12px;line-height:16px;letter-spacing:.32px}
.modifier-current.parameter-modifier>.operation-expression-error{grid-column:1/-1;grid-row:3;margin-top:0}
.operation-qasm-usage{display:block;margin:0 0 16px;padding:10px;background:var(--layer);color:var(--text);overflow-wrap:anywhere;font:11px/1.5 "IBM Plex Mono",Consolas,monospace}
.operation-definition-button{border:1px solid #0f62fe;background:var(--surface);color:var(--link);padding:9px 12px;font-size:12px}
.operation-definition-button:hover{background:var(--selection-hover)}
.builtin-gate-info{color:var(--text-strong)}
.builtin-gate-info .operation-info-symbol{margin:0 0 16px;font-size:16px;font-weight:400}
.builtin-gate-info .operation-info-symbol:hover{outline:0}
.builtin-alias-info .operation-info-symbol{margin-bottom:0}
.builtin-gate-info .operation-info-category{margin:0 0 8px;line-height:18px}
.builtin-gate-info .operation-info-description{margin:0 0 8px;font-size:14px;line-height:18px}
.builtin-gate-info .operation-info-description.no-reference{margin-bottom:32px}
.builtin-gate-info .operation-info-reference{margin:0 0 32px;line-height:18px}
.builtin-gate-info a{color:var(--link);text-decoration:none}
.builtin-gate-info a:hover{text-decoration:underline}
.builtin-gate-info .operation-qasm-usage{margin:0 0 24px;padding:8px;font-size:12px;line-height:16px;white-space:pre-wrap}
.builtin-gate-info .operation-definition-button{width:100%;min-height:48px;padding:0 15px;text-align:left;font-size:14px;line-height:18px;letter-spacing:.16px}
.gate-definition-dialog{position:relative;width:min(450px,100%);max-height:calc(100vh - 40px);display:flex;flex-direction:column;background:var(--surface);color:var(--text-strong)}
#gate-definition-dialog{background:rgba(0,0,0,.6)}
.gate-definition-dialog h2{flex:none;margin:0;height:44px;padding:16px 48px 0 16px;font-size:20px;line-height:28px;font-weight:400}
.gate-definition-body{min-height:0;padding:16px;overflow:hidden;display:flex;flex-direction:column}
.gate-definition-preview{min-height:0;margin-top:16px;overflow:auto}
.gate-definition-preview svg{display:block;max-width:none;user-select:none}
.gate-definition-done{flex:none;width:100%;height:64px;padding:0 16px;background:#0f62fe;color:#fff;border:0;text-align:left;font-size:14px;line-height:18px}
.gate-definition-done:hover{background:#0353e9}
.gate-definition-done:focus-visible{outline:2px solid #fff;outline-offset:-4px}
.gate-definition-close{position:absolute;right:0;top:0;width:48px;height:48px;padding:0;border:0;background:var(--surface);display:grid;place-items:center}
.gate-definition-close:hover{background:var(--hover)}
.gate-definition-close .ui-icon{width:16px;height:16px}
.block-edit-button{display:block;width:100%;text-align:left;height:33px;padding:6px 12px}
.conditional-branch-editor{border-top:1px solid var(--border);padding:13px 0;margin-top:14px}
.conditional-branch-heading,.conditional-branch-gate,.conditional-branch-add,.conditional-branch-actions{display:flex;align-items:center;gap:7px;margin-bottom:9px}
.conditional-branch-heading strong,.conditional-branch-gate span{flex:1;min-width:0}
.conditional-branch-heading button,.conditional-branch-gate button,.conditional-branch-actions button,.conditional-branch-add button{border:0;background:var(--layer);color:var(--text);padding:7px 9px;font-size:12px}
.conditional-branch-heading button:hover,.conditional-branch-gate button:hover,.conditional-branch-actions button:hover,.conditional-branch-add button:hover{background:var(--layer)}
.conditional-branch-add select{min-width:0;max-width:75px;background:var(--layer);border:0;border-bottom:1px solid #8d8d8d;padding:6px}
.modal-overlay{position:fixed;inset:0;z-index:40;background:#0008;display:grid;place-items:center;padding:20px}
#chart-data-dialog{place-items:center;background:rgba(0,0,0,.6)}
.chart-data-dialog{width:min(48vw,922px,calc(100vw - 32px));height:auto;max-height:84vh;background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;box-shadow:0 12px 40px #0003}
.chart-data-header{height:68px;flex:none;display:flex;align-items:flex-start;justify-content:space-between;padding:16px 0 24px 16px}
.chart-data-header h2{font-size:20px;line-height:28px;font-weight:400;margin:0}
.chart-data-header button{width:48px;height:48px;border:0;background:var(--surface);color:var(--text);display:grid;place-items:center;margin:-16px 0 0}
.chart-data-header button:hover{background:var(--hover)}
.chart-data-header button:focus{outline:2px solid #0f62fe;outline-offset:-2px}
.chart-data-scroll{overflow:auto;min-height:0;padding:0 16px 48px}
.chart-data-scroll.has-overflow{border-bottom:2px solid transparent;mask-image:linear-gradient(#000 calc(100% - 80px),transparent calc(100% - 48px),transparent 100%),linear-gradient(to left,#000 0 16px,transparent 16px),linear-gradient(to right,#000 0 2px,transparent 2px),linear-gradient(to top,#000 0 2px,transparent 2px)}
.chart-data-scroll.has-overflow #chart-data-table{margin-bottom:24px}
#chart-data-message{margin:0;padding:16px 0;font-size:14px;line-height:20px;color:var(--text-muted)}
#chart-data-table{border-collapse:collapse;width:100%;font-size:14px;line-height:18px;letter-spacing:.16px;text-align:left}
#chart-data-table th{height:48px;background:var(--border);padding:1px 16px;font-weight:700}
#chart-data-table td{height:48px;padding:1px 16px;border-bottom:1px solid var(--border-strong)}
#chart-data-table tbody{background:var(--layer)}
#chart-data-table tbody tr:hover{background:var(--hover)}
.results-panel.single{grid-template-columns:minmax(0,1fr)}
.alignment-wrap{position:relative;flex:none}
.alignment-menu{min-width:190px}
.alignment-wrap .alignment-button{width:174px}
.results-panel.single .probabilities-panel{border-right:0}
.workspace.no-results{grid-template-rows:minmax(0,1fr)}
.workspace.no-results .inspector-panel{grid-row:1}
.results-panel.triple{grid-template-columns:minmax(0,var(--triple-first-width,50%)) minmax(0,var(--triple-second-width,25%)) minmax(0,1fr)}
.results-panel.triple .sphere-panel{border-right:1px solid var(--border)}
.results-panel.triple .sphere-wrap.over-limit{top:160px}
.results-panel.triple .visual-title-button{opacity:1;color:var(--text);-webkit-text-fill-color:#262626;cursor:default}
.results-panel.triple .visual-title-button .icon-chevron{display:none}
.results-panel.triple .bar-column{min-width:23px}
.results-panel.triple .probability-plot{margin-left:67px;margin-right:79px}
.results-panel.triple .y-axis-title{left:-42px}
.results-panel.triple .statevector-chart-area{margin-left:66px;margin-right:64px}
.results-panel:not(.triple) .probability-plot.compact-labels .bar-column{max-width:214px}
.statevector-chart-area.compact-labels{min-height:207px}
.statevector-chart-area.compact-labels .statevector-label{transform:translateX(-50%);transform-origin:center top;line-height:16px}
.statevector-chart.dense-labels{overflow-x:auto;scrollbar-width:none;padding-left:var(--state-left-inset,4px);padding-right:var(--state-right-inset,4px);box-sizing:border-box}
.statevector-chart.dense-labels:before{width:calc(var(--state-count, 1) * var(--state-column-min-width) + var(--state-left-inset,4px) + var(--state-right-inset,4px) - 2px)}
.statevector-chart.dense-labels .statevector-column{min-width:var(--state-column-min-width);flex:0 0 var(--state-column-min-width)}
.statevector-chart.dense-labels .statevector-bar{width:min(23px,70%)}
.visual-panel .probability-plot{--probability-label-space:52px;--probability-label-offset:14px}
.visual-panel .probability-plot .bar-chart{padding-inline:4px;overflow:visible;background-size:100% calc(100% - var(--probability-label-space))}
.visual-panel .probability-plot .bar-chart:before,.visual-panel .probability-plot .bar-chart:after{bottom:var(--probability-label-space)}
.visual-panel .probability-plot .bar-column{min-width:0;max-width:none;flex:1 1 0;padding-bottom:var(--probability-label-space)}
.visual-panel .probability-plot .bar-fill{width:min(23px,max(1px,70%))}
.visual-panel .probability-plot .bar-column:after{top:calc(100% - var(--probability-label-space));bottom:auto;height:9px}
.visual-panel .probability-plot .bar-label{top:calc(100% - var(--probability-label-space) + var(--probability-label-offset));left:50%;right:auto;transform:translateX(-100%) rotate(-65deg);transform-origin:right top;font-size:11px;line-height:1;letter-spacing:0}
.visual-panel .probability-plot.compact-labels .bar-label{transform:translateX(-50%);transform-origin:center top;line-height:16px}
.visual-panel .probability-plot .y-axis{bottom:var(--probability-label-space)}
.visual-panel .probability-plot.dense-labels:before{content:"";position:absolute;inset:0 0 var(--probability-label-space);border-left:1px solid #8d8d8d;border-bottom:1px solid #8d8d8d;background:repeating-linear-gradient(to top,transparent 0,transparent calc(20% - 1px),var(--grid) calc(20% - 1px),var(--grid) 20%);pointer-events:none}
.visual-panel .probability-plot.dense-labels .bar-chart{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;justify-content:flex-start;padding-left:var(--probability-left-inset);padding-right:var(--probability-right-inset);background:none}
.visual-panel .probability-plot.dense-labels .bar-chart::-webkit-scrollbar{display:none;width:0;height:0}
.visual-panel .probability-plot.dense-labels .bar-chart:before,.visual-panel .probability-plot.dense-labels .bar-chart:after{display:none}
.visual-panel .probability-plot.dense-labels .bar-column{min-width:var(--probability-column-width);flex:0 0 var(--probability-column-width)}
.bar-chart:focus-visible,.statevector-chart:focus-visible{outline:2px solid #4589ff;outline-offset:3px}
.project-title{height:100%;display:flex;align-items:center;min-width:143px;max-width:min(40vw,420px)}
.project-title>#project-name-label{padding-left:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.project-title-action{opacity:0;flex:none;width:32px;height:32px;margin:0 8px 0 4px;border:0;background:var(--surface);display:grid;place-items:center;color:var(--text)}
.project-title:hover .project-title-action,.project-title-action:focus-visible{opacity:1}
.project-title.editing{max-width:none}
.project-title.editing>#project-name-label,.project-title.editing>.project-title-action{display:none}
.project-name-editor{display:flex;align-items:center;height:100%}
.project-name-editor[hidden]{display:none}
.file-bar .project-name-editor #project-name{width:202px;min-width:202px;max-width:202px;box-sizing:border-box;height:48px;padding:0 16px;border:1px solid transparent;background:var(--surface);field-sizing:fixed}
.file-bar .project-name-editor #project-name:focus{border-color:#0f62fe;outline:1px solid #0f62fe;outline-offset:-2px}
.project-name-editor button{width:48px;height:48px;border:0;background:var(--surface);display:grid;place-items:center;color:var(--text)}
.project-name-editor button:hover{background:var(--hover)}
.project-name-check{border:1.5px solid currentColor;border-radius:50%;font-size:12px;line-height:16px;width:17px;height:17px;text-align:center}
.dropdown-heading{display:block;border-top:1px solid var(--border);margin-top:4px;padding:9px 14px 4px;color:var(--text-muted);font-size:11px}
.view-menu{min-width:160px;padding:0}
.file-divider{margin-right:0}
.menu-button:focus:not(.active){outline:2px solid #0f62fe;outline-offset:-2px}
#file-menu{width:168px;min-width:168px;padding:4px 0;border:0}
#file-menu button{height:48px;padding:0 16px}
#file-menu .submenu-trigger{display:flex;align-items:center;justify-content:space-between}
#file-menu .view-submenu{left:calc(100% + 1px);top:1px;width:160px;min-width:160px;padding:0;border:0}
#file-menu button:hover,#file-menu .view-menu-item.submenu-open>.submenu-trigger{background:var(--layer)}
#file-menu .view-submenu button:focus{outline:2px solid #0f62fe;outline-offset:-2px}
.view-menu-item{position:relative}
.view-menu .submenu-trigger{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 15px}
.view-menu .submenu-trigger span{font-size:12px}
.view-submenu{display:none;position:absolute;left:calc(100% - 1px);top:-1px;min-width:198px;background:var(--surface);border:1px solid var(--border-strong);box-shadow:0 4px 12px #0002;padding:4px 0;z-index:21}
.view-menu-item.submenu-open>.view-submenu{display:block}
.view-submenu button{height:37px;white-space:nowrap}
#view-menu [data-submenu="panels"]+.view-submenu{min-width:168px;width:168px;padding:0}
#view-menu [data-submenu="panels"]+.view-submenu button{height:48px;position:relative;padding:0 12px 0 40px}
#view-menu [data-submenu="panels"]+.view-submenu button[aria-checked="true"]:before{content:"✓";position:absolute;left:15px}
#view-menu [data-submenu="panels"]+.view-submenu button:nth-child(3){border-top:1px solid var(--border)}
#view-menu [data-submenu="panels"]+.view-submenu button:focus{outline:2px solid #0f62fe;outline-offset:-2px}
.view-menu-separator,.view-submenu-separator{height:1px;background:var(--layer)}
.view-menu #reset-workspace{height:52px;padding-left:15px}
@media(min-width:761px){
  .workspace.code-hidden:not(.graphical-hidden){grid-template-columns:min(var(--catalog-width,272px),var(--main-width,100vw)) minmax(0,1fr)}
  .workspace.code-hidden:not(.graphical-hidden) .results-panel{grid-column:1/3}
  .workspace.code-hidden .resize-composer{right:0}
  .workspace.graphical-hidden{grid-template-columns:minmax(0,1fr) minmax(min-content,var(--inspector-requested-width,clamp(190px,20vw,385px)));grid-template-rows:minmax(0,1fr)}
  .workspace.graphical-hidden .results-panel{grid-column:1;grid-row:1;border-top:0}
  .workspace.graphical-hidden .inspector-panel{grid-column:2;grid-row:1}
  .workspace.graphical-hidden.code-hidden{grid-template-columns:minmax(0,1fr)}
  .workspace.graphical-hidden.no-results:not(.code-hidden){grid-template-columns:minmax(0,1fr)}
  .workspace.graphical-hidden.no-results .inspector-panel{grid-column:1}
}
.workspace.monochrome .gate-tile:not([data-color="measure"]){background:var(--surface);color:var(--text-strong);border:1px solid #262626}
@media(min-width:761px){
  .workspace.code-left{grid-template-columns:minmax(min-content,var(--inspector-requested-width,clamp(190px,20vw,385px))) min(var(--catalog-width,272px),var(--main-width,100vw)) minmax(0,1fr)}
  .workspace.code-left .inspector-panel{grid-column:1;grid-row:1/3;border-left:0;border-right:1px solid var(--border)}
  .workspace.code-left .palette-panel{grid-column:2}
  .workspace.code-left .circuit-panel{grid-column:3}
  .workspace.code-left .results-panel{grid-column:2/4}
  .workspace.code-left .resize-editor{left:calc(var(--inspector-width,clamp(190px,20vw,385px)) - 3px);right:auto}
  .workspace.code-left .resize-composer{left:var(--inspector-width,clamp(190px,20vw,385px));right:0}
  .workspace.code-left.graphical-hidden:not(.no-results){grid-template-columns:minmax(min-content,var(--inspector-requested-width,clamp(190px,20vw,385px))) minmax(0,1fr)}
  .workspace.code-left.graphical-hidden:not(.no-results) .inspector-panel{grid-column:1;grid-row:1}
  .workspace.code-left.graphical-hidden:not(.no-results) .results-panel{grid-column:2;grid-row:1}
}
.workspace.monochrome :is(.circuit-gate,.branch-gate) rect[fill]:not([fill="transparent"]):not([fill="none"]){fill:var(--surface);stroke:var(--text-strong);stroke-width:1}
.workspace.monochrome :is(.circuit-gate,.branch-gate) text{fill:var(--text-strong)}
.workspace.monochrome :is(.circuit-gate,.branch-gate) line,.workspace.monochrome :is(.circuit-gate,.branch-gate) circle{stroke:var(--text-strong)}
.workspace.monochrome :is(.circuit-gate,.branch-gate) circle:is([fill="#0f279a"],[fill="#002d9c"],[fill="#9f1853"],[fill="#33b1ff"],[fill="#fa4d56"],[fill="#393939"]){fill:var(--text-strong)}
.workspace.monochrome :is(.circuit-gate,.branch-gate) circle.cx-target-circle{fill:var(--surface);stroke:var(--text-strong);stroke-width:1.5}
.workspace.monochrome :is(.circuit-gate,.branch-gate) .cx-target-plus{stroke:var(--text-strong)}
#code-view.active{display:flex;flex-direction:column}
.code-editor-area{flex:1;min-height:0;position:relative;overflow:auto}
.code-editor-area .code-output{min-height:100%}
.qasm-editing .code-editor-area{overflow:hidden}
.qasm-editing .code-output{position:absolute;inset:0;overflow:auto;white-space:pre;word-break:normal;scrollbar-width:none}
.qasm-editing .code-output::-webkit-scrollbar{display:none}
.qasm-editing .code-line{white-space:pre}
.code-input{position:absolute;inset:0;width:100%;height:100%;padding:8px 12px 20px 52px;border:0;outline:0;resize:none;background:transparent;color:transparent;caret-color:var(--text);font:13px/21px "IBM Plex Mono","SFMono-Regular",Consolas,monospace;white-space:pre;tab-size:2;overflow:auto}
.code-input::selection{background:#a6c8ff;color:transparent}
#code-editor{position:absolute;inset:8px 0 0;display:none}
.monaco-ready #code-editor{display:block}
.monaco-ready #code-output,.monaco-ready #code-input{display:none!important}
.monaco-ready{overflow:hidden!important}
.composer-inspect-current{background:var(--layer)}
.composer-inspect-selected:before{content:"";display:block;width:7px;height:7px;margin:7px auto 0;border-radius:50%;background:#fa4d56}
.code-error{flex:none;max-height:100px;overflow:auto;white-space:pre-wrap;padding:9px 16px;background:#fff1f1;border-left:3px solid #da1e28;color:#b81921;font-size:12px;line-height:1.4}
.run-dialog{width:min(480px,100%);background:var(--surface);box-shadow:0 12px 40px #0004;padding:24px;color:var(--text)}
.run-dialog-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);margin:-4px -4px 20px;padding:0 4px 16px}
.run-dialog-header h2{margin:0;font-size:22px;font-weight:500}
.run-dialog-header button{border:0;background:none;font-size:25px;color:var(--text-secondary)}
.run-dialog p,.shots-field{font-size:14px;color:var(--text-secondary)}
.backend-choice{border:2px solid #0f62fe;padding:13px 15px;display:flex;flex-direction:column;gap:5px}
.backend-choice strong{font-size:14px;font-weight:600}
.backend-choice span{font-size:12px;color:var(--text-muted)}
.shots-field{display:flex;flex-direction:column;gap:8px;margin-top:22px}
.shots-field select{padding:10px;border:1px solid #8d8d8d;background:var(--layer)}
.run-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:30px}
.run-dialog-actions button{border:0;padding:11px 24px;background:var(--layer);color:var(--text)}
.run-dialog-actions #confirm-run{background:#0f62fe;color:#fff}
.seed-dialog{width:min(690px,100%);background:var(--surface);box-shadow:0 12px 40px #0004;color:var(--text)}
.seed-dialog-header{height:48px;box-sizing:border-box;display:flex;align-items:flex-start;position:relative;padding:17px 16px 0}
.seed-dialog-header h2{font-size:20px;line-height:28px;font-weight:400;margin:0}
.seed-dialog-header button{position:absolute;right:1px;top:1px;width:48px;height:48px;border:0;background:var(--surface);color:var(--text)}
.seed-dialog p{box-sizing:border-box;font-size:14px;line-height:20px;margin:13px 16px 16px;padding-right:20%}
.seed-dialog p a{color:var(--link);text-decoration:none}
.seed-dialog label{display:block;font-size:12px;line-height:16px;font-weight:400;color:var(--text-muted);margin:0 16px 8px}
.seed-dialog input{display:block;width:calc(100% - 32px);height:40px;margin:0 16px 48px;padding:0 16px;border:0;border-bottom:1px solid #8d8d8d;background:var(--layer);color:var(--text);appearance:textfield}
.seed-dialog input::-webkit-inner-spin-button,.seed-dialog input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.seed-dialog input:focus{outline:2px solid #0f62fe;outline-offset:-2px}
#seed-error{color:#da1e28;font-size:12px;margin:-14px 16px 16px}
.seed-dialog-actions{display:flex;border-top:1px solid var(--border);justify-content:flex-end}
.seed-dialog-actions button{width:50%;height:64px;border:0;background:var(--secondary-button);color:#fff;text-align:left;padding:0 16px}
.seed-dialog-actions #save-seed{background:#0f62fe}
.help-menu{min-width:190px}
.help-menu>.view-menu-item>.submenu-trigger{width:100%}
.help-menu .view-submenu{min-width:232px}
.help-feature-dialog{position:relative;width:min(640px,calc(100vw - 32px));min-height:min(646px,calc(100vh - 32px));background:#21272a;color:#f4f4f4;padding:16px;display:flex;flex-direction:column;box-shadow:0 16px 40px #0005}
.help-feature-close,.help-tour-close{position:absolute;right:16px;top:12px;width:24px;height:24px;border:0;background:none;color:#f4f4f4;font-size:22px;line-height:1}
.help-feature-body{margin:min(35vh,300px) 0 auto;font-size:16px;line-height:1.45}
.help-feature-body h2{font-size:27px;font-weight:400;margin:0 0 15px}
.help-feature-body ul{margin:0;padding-left:24px}
.help-feature-body li{margin:4px 0}
.help-feature-body li>ul{margin-top:4px}
.help-feature-body a{color:#78a9ff}
.help-feature-done{align-self:flex-end;margin-top:auto;width:112px;height:48px;border:0;background:#0f62fe;color:#fff;text-align:left;padding:0 16px}
.help-tour{position:fixed;inset:0;z-index:45;pointer-events:none}
.help-tour[hidden],.help-tour-spotlight[hidden]{display:none}
.help-tour.full:before{content:"";position:absolute;inset:0;background:#000a}
.help-tour-spotlight{position:fixed;z-index:0;border:8px solid #fff;background:transparent;box-shadow:0 0 0 9999px #000a;pointer-events:none}
.help-tour-card{position:fixed;z-index:1;width:min(640px,calc(100vw - 32px));background:#21272a;color:#f4f4f4;padding:18px 16px 16px;box-shadow:0 12px 32px #0005;pointer-events:auto;font-size:16px;line-height:1.48}
.help-tour.full .help-tour-card{left:50%!important;top:50%!important;transform:translate(-50%,-50%);height:min(646px,calc(100vh - 40px));display:flex;flex-direction:column;padding:16px}
.help-tour.intro .help-tour-card{padding-top:0}
.help-tour-progress{display:block;color:#c6c6c6;font-size:14px;margin-bottom:8px}
.help-tour-progress[hidden]{display:none}
.help-tour-card h2{font-size:28px;line-height:1.25;font-weight:400;margin:0 30px 14px 0}
.help-tour-body p,.help-tour-card>p{margin:0 0 18px}
.help-tour-body a{color:#78a9ff;text-decoration:none}
.help-tour-body a:hover{text-decoration:underline}
.help-tour-task{color:#f4f4f4;font-size:14px;border-top:1px solid #525252;padding-top:13px}
.help-tour-note{color:#c6c6c6;font-size:14px}
.help-tour-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:18px}
.help-tour.full .help-tour-actions{margin-top:auto}
.help-tour-actions button{border:0;height:48px;min-width:112px;padding:0 16px;background:#6f6f6f;color:#fff;text-align:left}
.help-tour-actions #help-tour-next{background:#0f62fe}
.help-tour-actions button[hidden]{display:none}
.help-tour-hero{position:relative;height:306px;margin:0 -16px 22px;background:#161616;overflow:hidden;border-bottom:1px solid #525252}
.tour-mini-top{height:27px;border-bottom:1px solid #525252;background:linear-gradient(90deg,var(--secondary-button) 0 31%,#262626 31%)}
.tour-mini-palette{position:absolute;left:12px;top:46px;width:100px;display:grid;grid-template-columns:repeat(3,25px);gap:8px}
.tour-mini-palette i{display:block;height:25px;background:#0f62fe}.tour-mini-palette i:first-child{background:#fa4d56}
.tour-mini-circuit{position:absolute;left:135px;right:18px;top:63px;display:grid;grid-template-columns:52px 34px;grid-auto-rows:46px;align-items:center;color:#c6c6c6;background:repeating-linear-gradient(to bottom,transparent 0 22px,#6f6f6f 22px 23px,transparent 23px 46px)}
.tour-mini-circuit span{font:12px "IBM Plex Mono",ui-monospace,SFMono-Regular,Consolas,monospace}.tour-mini-circuit b{width:30px;height:30px;display:grid;place-items:center;background:#fa4d56;color:var(--text-strong);font-weight:400}
.tour-mini-circuit b:last-child{border-radius:50%;background:#4589ff}
.tour-mini-chart{position:absolute;left:135px;right:18px;bottom:18px;height:86px;border-left:1px solid #8d8d8d;border-bottom:1px solid #8d8d8d;display:flex;align-items:flex-end;gap:13px;padding-left:20px}
.tour-mini-chart i{display:block;width:28px;height:55px;background:#33b1ff}.tour-mini-chart i+i{height:36px}
.help-tour.complete .help-tour-card h2{margin-top:4px}
.help-tour-card.point-right:after{content:"";position:absolute;right:78px;top:-16px;border-width:0 12px 16px;border-style:solid;border-color:transparent transparent #21272a}
.register-dialog{width:min(450px,100%);max-height:min(680px,calc(100vh - 40px));display:flex;flex-direction:column;overflow:hidden;background:var(--surface);box-shadow:0 12px 40px #0004;padding:20px 16px 0;color:var(--text)}
.register-dialog>.run-dialog-header{flex:none;margin:0;padding:0 0 12px;border:0}
.register-dialog>.run-dialog-header h2{font-size:20px;font-weight:400}
.register-dialog-content{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;margin:0 -16px;padding:0 16px}
.register-dialog-content>p{font-size:14px;line-height:18px;margin:0 0 33px}
.register-dialog>.register-dialog-actions{flex:none}
.register-section{margin:0 0 20px}
.register-section+.register-section{margin-bottom:34px}
.register-section-heading{display:flex;align-items:center;gap:16px;min-height:44px}
.register-section-heading strong{font-size:14px;white-space:nowrap}
.register-section-heading button{border:0;background:var(--surface);color:var(--link);padding:10px 14px;text-align:left}
.register-section-heading button:hover{background:var(--selection-hover)}
.register-section-heading button:focus{outline:2px solid #0f62fe;outline-offset:-2px}
.register-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px;gap:4px;align-items:end;margin:8px 0 12px}
.register-row label{display:grid;gap:6px;color:var(--text-muted);font-size:12px}
.register-row input{min-width:0;width:100%;border:0;border-bottom:1px solid #8d8d8d;background:var(--layer);padding:10px 12px;height:40px}
.register-row input:focus{outline:0;border-bottom:2px solid #0f62fe}
.register-row button{height:40px;border:0;background:var(--surface);font-size:21px;color:var(--text-secondary)}
.register-row button:hover{background:var(--hover)}
.register-error{font-size:12px;color:#da1e28;margin:-6px 0 12px}
.register-dialog-actions{display:grid;grid-template-columns:1fr 1fr;margin:0 -16px}
.register-dialog-actions button{height:64px;border:0;background:var(--secondary-button);color:#fff;text-align:left;padding:0 16px}
.register-dialog-actions #confirm-register-dialog{background:#0f62fe}
.custom-gate-dialog{position:relative;width:min(450px,100%);max-height:calc(100vh - 40px);display:flex;flex-direction:column;background:var(--surface);padding:0;color:var(--text)}
#custom-gate-dialog{background:#0009}
.custom-gate-dialog>.run-dialog-header{flex:none;height:44px;margin:0;padding:0;border:0;align-items:start}
.custom-gate-dialog>.run-dialog-header h2{height:44px;margin:0;padding:16px 48px 0 16px;font-size:20px;line-height:28px;font-weight:400}
.custom-gate-dialog>.run-dialog-header button{position:absolute;top:0;right:0;width:48px;height:48px;display:grid;place-items:center;padding:0;color:var(--text-strong)}
.custom-gate-dialog>.run-dialog-header button:hover{background:var(--hover)}
.custom-gate-name{display:grid;gap:0;flex:none;margin:24px 16px 0;font-size:12px;line-height:16px;font-weight:400;color:var(--text-secondary)}
.custom-gate-name input{height:40px;border:0;border-bottom:1px solid #8d8d8d;background:var(--layer);padding:0 12px;outline:none;font-size:14px;font-weight:400}
.custom-gate-name input:focus{outline:2px solid #0f62fe;outline-offset:-2px}
.custom-gate-name input[aria-invalid="true"]{outline:2px solid #da1e28;outline-offset:-2px}
.custom-gate-preview{margin:16px;min-height:0;overflow:auto;flex:0 1 auto}
.custom-gate-preview svg{display:block;max-width:none;margin:0 auto;user-select:none}
.custom-gate-preview:focus-visible{outline:2px solid #0f62fe;outline-offset:2px}
.custom-gate-dialog:has(.custom-gate-preview[hidden]) .custom-gate-name{margin-bottom:16px}
.custom-gate-dialog .register-error{flex:none;margin:8px 16px 0;line-height:16px}
.custom-gate-dialog .register-dialog-actions{flex:none;margin:0}
.custom-gate-dialog .register-dialog-actions #confirm-custom-gate-dialog{background:#0f62fe}
.custom-gate-info .operation-info-symbol{width:fit-content;min-width:32px;padding:0 4px;background:var(--secondary-button);color:#fff}
.custom-gate-info h3{margin-bottom:0;font-weight:400}
.custom-gate-info .operation-definition-button+.operation-definition-button{margin-top:8px}
.custom-gate-info .custom-gate-rename{background:#0f62fe;color:#fff}
.custom-gate-info .custom-gate-rename:hover{background:#0353e9}
.custom-gate-info .custom-gate-delete{background:#da1e28;color:#fff;border-color:transparent}
.custom-gate-info .custom-gate-delete:hover{background:#b81921}
.gate-tile[data-color="gray"][data-gate^="custom:"]{background:var(--secondary-button);color:#fff;font-size:16px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.palette-panel:not(.list-mode):not(.collapsed) .gate-grid:has([data-gate^="custom:"]){display:flex;flex-wrap:wrap;align-items:start;align-content:start}
.palette-panel:not(.list-mode) .gate-grid:has([data-gate^="custom:"]) .gate-tile{flex:none}
.palette-panel:not(.list-mode) .gate-grid:has([data-gate^="custom:"]) .gate-tile[data-gate="rc3x"],.palette-panel:not(.list-mode) .gate-grid:has([data-gate^="custom:"]) .gate-tile[data-gate="phase"]{margin-left:0}
.palette-panel.collapsed .gate-tile[data-gate^="custom:"]{width:32px!important;font-size:11px}
.qasm-dialog{width:min(560px,100%);max-height:min(720px,calc(100vh - 40px));overflow:auto;background:var(--surface);box-shadow:0 12px 40px #0004;padding:20px 16px 0;color:var(--text)}
.qasm-dialog>.run-dialog-header{margin:0 0 12px;padding:0 0 12px;border:0}
.qasm-dialog>.run-dialog-header h2{font-size:20px}
.qasm-dialog>p{font-size:13px;line-height:1.4;margin:0 0 14px}
.qasm-file-button{border:1px solid #0f62fe;background:var(--surface);color:var(--link);padding:9px 12px;margin-bottom:15px}
.qasm-file-button:hover{background:var(--selection-hover)}
.qasm-name-label,.qasm-source-label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--text-secondary);margin-bottom:15px}
.qasm-name-label input,.qasm-source-label textarea{width:100%;border:0;border-bottom:1px solid #8d8d8d;background:var(--layer);padding:10px 12px;color:var(--text)}
.qasm-source-label textarea{height:245px;resize:vertical;font:12px/1.5 "IBM Plex Mono",ui-monospace,SFMono-Regular,Consolas,monospace}
.qasm-dialog .register-dialog-actions #confirm-qasm-import{background:#0f62fe}
.export-dialog{width:min(450px,100%);max-height:calc(100vh - 40px);display:flex;flex-direction:column;background:var(--surface);color:var(--text);box-shadow:0 12px 40px #0004}
.export-dialog-header{position:relative;flex:none;height:44px;padding:16px 48px 0 16px}
.export-dialog-header h2{font-size:20px;line-height:28px;font-weight:400;margin:0}
.export-dialog-header button{position:absolute;top:0;right:0;width:48px;height:48px;border:0;background:var(--surface);color:var(--text);display:grid;place-items:center}
.export-dialog-header button:hover{background:var(--hover)}
.export-dialog>p{font-size:14px;line-height:18px;margin:16px 16px 16px}
.export-settings{display:grid;grid-template-columns:1fr 1fr;gap:16px 8px;margin:0 16px}
.export-settings label{display:flex;flex-direction:column;gap:8px;color:var(--text-secondary);font-size:12px;line-height:16px}
.export-settings select{height:40px;appearance:none;border:0;border-bottom:1px solid #8d8d8d;border-radius:0;background:var(--layer) url('/assets/icons/carbon/chevron--down.svg') right 16px center/16px 16px no-repeat;color:var(--text);padding:0 40px 0 16px;font-size:14px;line-height:18px}
.export-settings select:focus{outline:2px solid #0f62fe;outline-offset:-2px}
.export-preview-label{font-size:14px;line-height:18px;font-weight:600;margin:24px 16px 8px}
.export-preview{flex:none;min-height:64px;max-height:300px;overflow:hidden;margin:0 16px 16px;padding:0;background:var(--surface);display:flex;align-items:center;justify-content:center}
.export-preview svg{display:block;flex:none;max-width:100%;max-height:300px;height:auto}
.export-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:auto}
.export-actions button{height:64px;border:0;background:var(--secondary-button);color:#fff;text-align:left;padding:0 16px;font-size:13px}
.export-actions #confirm-export{background:#0f62fe}
.share-dialog{width:min(690px,100%);max-height:calc(100vh - 40px);background:var(--surface);color:var(--text);box-shadow:0 12px 40px #0004;display:flex;flex-direction:column}
.share-dialog-header{position:relative;flex:none;height:60px;display:flex;align-items:flex-start;padding:16px 48px 16px 16px}
.share-dialog-header h2{margin:0;font-size:20px;line-height:28px;font-weight:400}
.share-dialog-header button{position:absolute;top:0;right:0;width:48px;height:48px;border:0;background:var(--surface);color:var(--text);display:grid;place-items:center}
.share-dialog-header button:hover{background:var(--hover)}
.share-social{display:flex;flex:none;gap:0;height:48px;margin:0 16px 4px}
.share-social button{border:0;background:var(--surface);padding:0;width:48px;height:48px;color:var(--text);display:grid;place-items:center}
.share-social button:hover{background:var(--hover)}
.share-link-box{position:relative;flex:none;margin:0 16px 48px;background:var(--layer)}
.share-link-box textarea{display:block;width:100%;height:80px;min-height:80px;max-height:272px;min-width:0;box-sizing:border-box;padding:16px 40px 40px 16px;border:0;resize:none;overflow:auto;background:transparent;color:var(--text);font:12px/16px "IBM Plex Mono",ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}
.share-link-box button{position:absolute;right:8px;top:8px;width:32px;height:32px;border:0;background:transparent;color:var(--text-secondary);padding:8px}
.share-link-box button:hover{background:var(--hover)}
.share-copy-tooltip{position:absolute;top:calc(100% + 9px);right:-8px;padding:8px 16px;background:var(--secondary-button);color:#fff;font-size:12px;line-height:16px;white-space:nowrap;z-index:1}
.share-copy-tooltip:before{content:"";position:absolute;top:-4px;right:20px;width:8px;height:8px;background:var(--secondary-button);transform:rotate(45deg)}
.share-actions{display:grid;grid-template-columns:1fr 1fr}
.share-actions button{height:64px;border:0;background:var(--secondary-button);color:#fff;text-align:left;padding:0 16px;font-size:13px}
.share-actions #confirm-share{background:#0f62fe}
.share-actions [hidden]{display:none}
.share-copy-success{height:64px;display:flex;align-items:center;gap:8px;padding:0 16px;font-size:14px;color:var(--text-secondary)}
.share-copy-success>span{width:14px;height:14px;display:grid;place-items:center;border-radius:50%;background:#24a148;color:#fff;font-size:11px}
@media(min-width:761px){
  .workspace{position:relative;grid-template-columns:min(var(--catalog-width,272px),var(--main-width,100vw)) minmax(0,1fr) minmax(min-content,var(--inspector-requested-width,clamp(190px,20vw,385px)));grid-template-rows:minmax(240px,var(--top-height,1fr)) minmax(240px,1fr)}
  .results-panel{grid-template-columns:minmax(0,var(--probability-width,1fr)) minmax(0,1fr)}
  .resize-handle{position:absolute;z-index:12;background:transparent;touch-action:none;user-select:none}
  .resize-handle:after{content:"";position:absolute;background:#0f62fe;opacity:0;transition:opacity .1s}
  .resize-handle:hover:after,.resize-handle:focus-visible:after,.resize-handle.resizing:after{opacity:1}
  .resize-handle:focus-visible{outline:2px solid #0f62fe;outline-offset:-1px}
  .resize-editor{right:calc(var(--inspector-width,clamp(190px,20vw,385px)) - 3px);top:0;bottom:0;width:7px;cursor:col-resize}
  .resize-editor:after,.resize-probabilities:after,.resize-tertiary:after{top:0;bottom:0;left:3px;width:2px}
  .resize-composer{left:0;right:var(--inspector-width,clamp(190px,20vw,385px));top:calc(var(--top-height,50%) - 3px);height:7px;cursor:row-resize}
  .resize-composer:after{left:0;right:0;top:3px;height:2px}
  .resize-probabilities{left:calc(var(--probability-width,50%) - 3px);top:0;bottom:0;width:7px;cursor:col-resize}
  .resize-tertiary{left:calc(var(--triple-first-width,50%) + var(--triple-second-width,25%) - 3px);top:0;bottom:0;width:7px;cursor:col-resize}
}
.workspace.no-results{grid-template-rows:minmax(0,1fr)}
.results-panel.triple{grid-template-columns:minmax(0,var(--triple-first-width,50%)) minmax(0,var(--triple-second-width,25%)) minmax(0,1fr)}
.results-panel.triple .resize-probabilities{left:calc(var(--triple-first-width,50%) - 3px)}
@media(min-width:761px){
  .workspace{--catalog-width:272px;grid-template-rows:minmax(0,var(--top-height,1fr)) minmax(0,1fr)}
  .workspace.catalog-collapsed{--catalog-width:82px}
  .palette-panel{width:var(--catalog-width)}
  .results-panel{display:flex;gap:2px;background:var(--border)}
  .results-panel>.visual-panel{flex:1 1 0px;min-width:min-content;border-right:0;background:var(--surface)}
  .results-panel.triple .sphere-panel{border-right:0}
  .visual-toolbar{padding:0;gap:0}
  .visual-title-button{display:flex;align-items:center;flex:none;min-width:0;white-space:nowrap;padding:0 16px;letter-spacing:.16px;line-height:18px}
  .results-panel.triple .visual-title-button{white-space:normal;flex-shrink:1}
  .visual-title-button .icon-chevron{width:32px;padding:0;margin-left:0}
  .visual-toolbar .visual-spacer{min-width:0}
  .visual-toolbar .visual-icon{flex:none;width:48px;height:40px;display:grid;place-items:center;padding:0}
  .visual-toolbar :is(#probability-table,#sphere-table,#tertiary-table){width:32px}
  .resize-tertiary{left:calc(var(--triple-first-width) + var(--triple-second-width) + 2px - 3px)}
  .visual-panel .sphere-wrap{min-width:0}
  .visual-panel :is(.probability-plot,.sphere-wrap,.sphere-controls){min-width:0;contain:inline-size}
  .visual-panel .sphere-controls .phase-wheel{flex:none}
  .visual-panel .sphere-labels{min-width:0;width:190px;flex-shrink:1}
}
@media (min-width:761px) and (max-width:1150px){.workspace{grid-template-columns:min(var(--catalog-width,266px),var(--main-width,100vw)) minmax(0,1fr) minmax(min-content,var(--inspector-requested-width,clamp(185px,23vw,290px)))}}
@media(max-width:760px){.resize-handle{display:none}}
.workspace.catalog-collapsed:not(.graphical-hidden){grid-template-columns:min(var(--catalog-width,82px),var(--main-width,100vw)) minmax(0,1fr) minmax(min-content,var(--inspector-requested-width,clamp(190px,20vw,385px)))}
.workspace.catalog-collapsed.code-hidden:not(.graphical-hidden){grid-template-columns:min(var(--catalog-width,82px),var(--main-width,100vw)) minmax(0,1fr)}
.workspace.catalog-collapsed.code-left:not(.graphical-hidden){grid-template-columns:minmax(min-content,var(--inspector-requested-width,clamp(190px,20vw,385px))) min(var(--catalog-width,82px),var(--main-width,100vw)) minmax(0,1fr)}
@media(max-width:760px){.workspace.catalog-collapsed:not(.graphical-hidden){grid-template-columns:min(var(--catalog-width,82px),var(--main-width,100vw)) minmax(0,1fr)}}
.bar-fill{background:#33b1ff}

.appearance-selector{display:flex;flex:none;align-items:center;padding:0;border:0;margin:0;gap:0;height:28px}
.appearance-selector label{position:relative;display:grid;place-items:center;width:28px;height:28px;cursor:pointer;border:1px solid transparent}
.appearance-selector label:hover{background:var(--hover)}
.appearance-selector label:has(input:checked){border-color:var(--text-subtle)}
.appearance-selector label:has(input:focus-visible){outline:2px solid #4589ff;outline-offset:1px}
.appearance-selector input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;width:100%;height:100%}
.appearance-selector svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1}
input,textarea,select{color:inherit}
:root[data-app-theme="dark"] .gate-tile{color:#121619}
:root[data-app-theme="dark"] .gate-tile[data-color="darkblue"],:root[data-app-theme="dark"] .gate-list-symbol[data-color="darkblue"]{background:#4589ff;color:#121619}
:root[data-app-theme="dark"] .gate-tile[data-color="blue"]{background:#bae6ff}
:root[data-app-theme="dark"] .gate-tile[data-color="magenta"]{background:#ff7eb6;color:#121619}
:root[data-app-theme="dark"] .gate-tile[data-color="gray"]{background:#a2a9b0}
:root[data-app-theme="dark"] .gate-tile[data-gate^="custom:"]{background:#c1c7cd;color:#121619}
:root[data-app-theme="dark"] .palette-panel.list-mode .gate-list-symbol{background:inherit;color:inherit}
:root[data-app-theme="dark"] .palette-panel.list-mode .gate-tile{background:transparent;color:var(--text)}
:root[data-app-theme="dark"] .palette-panel.list-mode .gate-tile[data-color="red"] .gate-list-symbol{background:#fa4d56;color:#121619}
:root[data-app-theme="dark"] .palette-panel.list-mode .gate-tile[data-color="darkblue"] .gate-list-symbol{background:#4589ff;color:#121619}
:root[data-app-theme="dark"] .palette-panel.list-mode .gate-tile[data-color="blue"] .gate-list-symbol{background:#bae6ff;color:#121619}
:root[data-app-theme="dark"] .palette-panel.list-mode .gate-tile[data-color="magenta"] .gate-list-symbol{background:#ff7eb6;color:#121619}
:root[data-app-theme="dark"] .palette-panel.list-mode .gate-tile[data-color="gray"] .gate-list-symbol{background:#a2a9b0;color:#121619}
:root[data-app-theme="dark"] .workspace.monochrome .gate-tile:not([data-color="measure"]){background:var(--surface);color:var(--text-strong)}
:root[data-app-theme="dark"] .bar-fill{background:#82cfff}
:root[data-app-theme="dark"] .sphere-labels input{accent-color:#f2f4f8}
:root[data-app-theme="dark"] :is(.code-error,.operation-expression-error,.register-error){background:#4c1e25;color:#ffb3b8}
:root[data-app-theme="dark"] .toast{background:#f2f4f8;color:#121619}
:root[data-app-theme="dark"] .statevector-limit-warning,:root[data-app-theme="dark"] .sphere-limit-warning{background:#4c1e25;color:#f2f4f8}
:root[data-app-theme="dark"] .custom-gate-info .operation-info-symbol{background:#c1c7cd;color:#121619}
:root[data-app-theme="dark"] :is(.gate-action-toolbar,.floating-menu,.dropdown-menu,.view-submenu){box-shadow:0 4px 12px #0008}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) :is(rect,circle,path)[fill="#fff"]{fill:var(--surface)}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) :is(rect,circle,path)[fill="#ffffff"]{fill:var(--surface)}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) :is(rect,circle,path)[fill="#e8e8e8"]{fill:var(--layer)}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) :is(rect,circle,path)[fill="#f4f4f4"]{fill:var(--layer)}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) :is(rect,circle,path)[fill="#f2f2f2"]{fill:var(--layer)}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) :is(rect,circle,path)[fill="#393939"]{fill:#c1c7cd}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) :is(rect,circle,path)[fill="#525252"]{fill:#c1c7cd}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) :is(rect,circle,path)[fill="#a8a8a8"]{fill:#a2a9b0}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) :is(rect,circle,path)[fill="#aaa"]{fill:#a2a9b0}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) :is(rect,circle,path)[fill="#0f279a"]{fill:#4589ff}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) :is(rect,circle,path)[fill="#002d9c"]{fill:#4589ff}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) :is(rect,circle,path)[fill="#52adf1"]{fill:#bae6ff}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) :is(rect,circle,path)[fill="#33b1ff"]{fill:#bae6ff}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) :is(rect,circle,path)[fill="#a2195b"]{fill:#ff7eb6}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) :is(rect,circle,path)[fill="#9f1853"]{fill:#ff7eb6}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) [stroke="#e0e0e0"]{stroke:var(--border)}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) [stroke="#d9d9d9"]{stroke:var(--border)}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) [stroke="#d0d0d0"]{stroke:var(--border)}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) [stroke="#c6c6c6"]{stroke:var(--border)}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) [stroke="#0f279a"]{stroke:#4589ff}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) [stroke="#002d9c"]{stroke:#4589ff}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) text[fill="#161616"]{fill:var(--text)}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) text[fill="#262626"]{fill:var(--text)}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) text[fill="#333"]{fill:var(--text)}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) text[fill="#393939"]{fill:var(--text)}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) text[fill="#6f6f6f"]{fill:var(--text)}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) .circuit-label{fill:var(--text-muted)}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) .cx-target-plus{stroke:#121619}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) .phase-disk rect[fill="#33b1ff"]{fill:#1192e8}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) .phase-disk circle[fill="#e8e8e8"]{fill:#2b3236}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) .phase-disk :is(circle,path,line)[stroke="#161616"]{stroke:#f2f4f8}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) .phase-disk :is(circle,path,line)[stroke="#262626"]{stroke:#f2f4f8}
:root[data-app-theme="dark"] .workspace.monochrome :is(#circuit-svg,#branch-svg) :is(.circuit-gate,.branch-gate) text{fill:var(--text-strong)}
:root[data-app-theme="dark"] .workspace.monochrome :is(#circuit-svg,#branch-svg) :is(.circuit-gate,.branch-gate) :is(line,path,circle)[stroke]{stroke:var(--text-strong)}
:root[data-app-theme="dark"] .workspace.monochrome :is(#circuit-svg,#branch-svg) :is(.circuit-gate,.branch-gate) circle:is([fill="#0f279a"],[fill="#002d9c"],[fill="#9f1853"],[fill="#33b1ff"],[fill="#fa4d56"],[fill="#393939"]){fill:var(--text-strong)}
:root[data-app-theme="dark"] .workspace.monochrome :is(#circuit-svg,#branch-svg) :is(.circuit-gate,.branch-gate) circle.cx-target-circle{fill:var(--surface)}

:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) text[fill="#161616"]{fill:#121619}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) text[fill="#fff"]{fill:#121619}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) path[stroke="#fff"]{stroke:#121619}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) text.custom-gate-label{fill:#121619}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) :is(text.universal-gate-label,.universal-gate text){fill:#121619}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) text[fill="#6f6f6f"]{fill:#a2a9b0}
:root[data-app-theme="dark"] #gate-definition-preview svg text[fill="#6f6f6f"]{fill:var(--text-subtle)}
:root[data-app-theme="dark"] .workspace.monochrome :is(#circuit-svg,#branch-svg) :is(.circuit-gate,.branch-gate) text[fill]{fill:var(--text-strong)}

:root[data-app-theme="dark"] #circuit-svg [stroke="#d8d8d8"]{stroke:var(--border)}
:root[data-app-theme="dark"] .gate-tile[data-color="measure"]{border-color:#f2f4f8}
:root[data-app-theme="dark"] .gate-tile[data-color="measure"] [stroke="#262626"]{stroke:#f2f4f8}
:root[data-app-theme="dark"] :is(.export-settings,.operation-editor) select{background-image:url('/assets/icons/carbon/chevron--down-dark.svg')}
.workspace.monochrome :is(#circuit-svg,#branch-svg) :is(.circuit-gate,.branch-gate) rect[fill]:not([fill="transparent"]):not([fill="none"]){fill:var(--surface);stroke:var(--text-strong)}
.workspace.monochrome :is(#circuit-svg,#branch-svg) :is(.circuit-gate,.branch-gate) circle[r="16"]{fill:var(--surface);stroke:var(--text-strong);stroke-width:1.5}
.workspace.monochrome :is(#circuit-svg,#branch-svg) :is(.circuit-gate,.branch-gate) circle[fill="#fff"]{fill:var(--surface);stroke:var(--text-strong)}
.workspace.monochrome :is(#circuit-svg,#branch-svg) :is(.circuit-gate,.branch-gate) path[stroke]{stroke:var(--text-strong)}
:root[data-app-theme="dark"] .workspace.monochrome :is(#circuit-svg,#branch-svg) :is(.circuit-gate,.branch-gate) rect[fill]:not([fill="transparent"]):not([fill="none"]){fill:var(--surface);stroke:var(--text-strong)}
:root[data-app-theme="dark"] .workspace.monochrome :is(#circuit-svg,#branch-svg) :is(.circuit-gate,.branch-gate) circle[r="16"]{fill:var(--surface);stroke:var(--text-strong);stroke-width:1.5}
:root[data-app-theme="dark"] .workspace.monochrome :is(#circuit-svg,#branch-svg) :is(.circuit-gate,.branch-gate) circle[fill="#fff"]{fill:var(--surface);stroke:var(--text-strong)}

.announcement{background:#e0e0e0}
:root[data-app-theme="dark"] .announcement{background:#343a3f}
:root[data-app-theme="dark"] .workspace.monochrome .gate-tile{border-color:var(--text-strong)}

.selection-drag-area{cursor:grab;touch-action:none;user-select:none}
.selection-drag-area:active{cursor:grabbing}

.chart-tooltip{position:fixed;z-index:35;pointer-events:none;background:var(--layer);color:var(--text);padding:12px 16px;box-shadow:0 1px 7px #0003;font-size:13px;line-height:22px;max-width:calc(100vw - 16px);box-sizing:border-box}
.chart-tooltip[hidden]{display:none}
.chart-tooltip-title{font-weight:600;margin-bottom:10px}
.chart-tooltip-row{display:flex;align-items:center;gap:3px;white-space:nowrap}
.chart-tooltip-row strong{font-weight:600}
.chart-tooltip-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none;margin-inline:2px 4px}
.bar-column.chart-hovered:before,.statevector-column.chart-hovered:before{content:"";position:absolute;left:50%;top:0;bottom:var(--hover-label-space);border-left:1px solid var(--border-strong);pointer-events:none;z-index:1}

.sphere-point-tooltip{border-radius:4px}
.sphere-point-tooltip:before{content:"";position:absolute;width:10px;height:16px;left:-10px;top:calc(var(--tooltip-arrow-top) - 8px);background:var(--layer);clip-path:polygon(100% 0,0 50%,100% 100%)}
.sphere-point-tooltip[data-arrow-side="right"]:before{left:auto;right:-10px;clip-path:polygon(0 0,100% 50%,0 100%)}

.simulation-availability{position:absolute;inset:48px 0 0;z-index:3;background:var(--surface);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;padding:32px;font-size:14px;line-height:24px;text-align:center}
.simulation-availability[hidden]{display:none}
.simulation-unavailable .visual-panel>:not(.visual-toolbar){visibility:hidden}

.barrier-wire-option{display:flex;align-items:flex-start;gap:8px;min-height:24px;font-size:12px;line-height:16px;letter-spacing:.32px;cursor:pointer}.barrier-wire-option input{flex:none;width:16px;height:16px;margin:0;accent-color:var(--text)}

:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) [stroke="#33b1ff"]{stroke:#bae6ff}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) [stroke="#9f1853"]{stroke:#ff7eb6}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) [stroke="#393939"]{stroke:#c1c7cd}
:root[data-app-theme="dark"] :is(#circuit-svg,#branch-svg,.gate-definition-preview svg,#custom-gate-preview svg) text.custom-gate-label[fill="#393939"]{fill:#c1c7cd}
.workspace.monochrome :is(#circuit-svg,#branch-svg) :is(.circuit-gate,.branch-gate) circle[stroke="none"]{stroke:none}

@media(min-width:761px) and (max-width:1150px){.workspace:not(.catalog-collapsed){--catalog-width:266px}}

@media(min-width:761px){
  .inspector-toolbar{padding:0;gap:0}
  .inspector-toolbar #code-format{flex:none;min-width:0;padding:0 16px;letter-spacing:.16px;line-height:18px;white-space:nowrap}
  .inspector-toolbar #code-format .ui-icon{width:32px;padding:0;margin-left:0}
  .inspector-toolbar #code-options{flex:none;width:48px;height:40px;display:grid;place-items:center;padding:0}
  .workspace.graphical-hidden.no-results .inspector-panel{border:0}
}

/* The finite-output CPU dialog does not alter preview chart layout. */
.cpu-run-button { margin-right: .5rem; }
.cpu-dialog { width: min(820px, 94vw); max-height: 88vh; overflow: auto; }
.cpu-dialog .cpu-note { font-size: .8rem; opacity: .8; line-height: 1.5; }
.cpu-fields { display: flex; flex-wrap: wrap; gap: 1rem; margin: 1rem 0; }
.cpu-fields label { display: flex; flex-direction: column; gap: .4rem; flex: 1; min-width: 150px; }
.cpu-fields input, .cpu-fields select { min-height: 2.5rem; padding: .4rem .6rem; color: inherit; background: var(--surface, #fff); border: 1px solid var(--border, #8d8d8d); font: inherit; }
.cpu-actions { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
#cpu-confirm { padding: .65rem 1.4rem; background: #0f62fe; color: white; border: 0; cursor: pointer; }
#cpu-confirm:disabled { opacity: .5; cursor: default; }
#cpu-error { padding: .75rem; border-left: 3px solid #da1e28; color: #da1e28; white-space: pre-wrap; }
.cpu-table-wrap { overflow: auto; max-height: 36vh; }
#cpu-table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
#cpu-table td, #cpu-table th { border-bottom: 1px solid var(--border, #8d8d8d); padding: .45rem; text-align: left; }
#cpu-table td:first-child { font-family: monospace; white-space: pre; }
.cpu-expectation { font-family: monospace; font-size: 1.2rem; overflow-wrap: anywhere; }