.bloch-demo{display:grid;gap:1rem;--bloch-button-height: 4rem;--bloch-soft-surface: rgba(12, 53, 72, .06);--bloch-chip-surface: rgba(12, 53, 72, .08);--bloch-button-surface: rgba(255, 255, 255, .78);--bloch-button-surface-hover: rgba(255, 255, 255, .96);--bloch-button-text: var(--sl-color-white);--bloch-button-border: rgba(0, 122, 126, .22);--bloch-floating-surface: rgba(7, 26, 39, .96);--bloch-floating-border: rgba(255, 255, 255, .14);--bloch-floating-text: #f3f1e7}:root[data-theme=dark] .bloch-demo{--bloch-soft-surface: rgba(255, 255, 255, .1);--bloch-chip-surface: rgba(255, 255, 255, .16);--bloch-button-surface: rgba(255, 255, 255, .08);--bloch-button-surface-hover: rgba(255, 255, 255, .14);--bloch-button-text: var(--sl-color-white);--bloch-button-border: rgba(89, 243, 217, .2)}.bloch-demo__layout{display:grid;grid-template-columns:1fr;gap:1rem}.bloch-demo__panel{border:1px solid var(--site-border);border-radius:1rem;background:var(--site-panel);box-shadow:var(--site-shadow);padding:1rem}.bloch-demo__panel--intro{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.bloch-demo__panel--intro p,.bloch-demo__section-head p,.bloch-demo__summary p,.bloch-demo__explain p{margin:.35rem 0 0;color:var(--sl-color-gray-4)}.bloch-demo__chips{display:grid;gap:.55rem}.bloch-demo__chips span,.bloch-demo__sequence-chip,.bloch-demo__sequence-empty{display:inline-flex;align-items:center;border-radius:999px;padding:.35rem .75rem;font-size:.82rem;color:var(--sl-color-gray-5);background:var(--bloch-chip-surface)}.bloch-demo__sequence-empty{color:var(--sl-color-gray-4)}.bloch-demo__section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.bloch-demo__section-head h3,.bloch-demo__panel--intro h3{margin:0}.bloch-demo__sphere{width:100%;height:auto;border-radius:1rem;border:1px solid var(--site-border);background:radial-gradient(circle at 50% 28%,rgba(255,202,111,.1),transparent 36%),linear-gradient(180deg,#071a27fa,#0b3143f0)}.bloch-demo__sphere-wrap{position:relative}.bloch-demo__sequence-card,.bloch-demo__explain{padding:.95rem 1rem;border-radius:.95rem;background:var(--bloch-soft-surface)}.bloch-demo__sequence-card strong,.bloch-demo__explain strong{display:block}.bloch-demo__state-overlay{position:absolute;left:.85rem;bottom:.85rem;z-index:2;display:flex;align-items:baseline;gap:.5rem;max-width:calc(100% - 1.7rem);padding:.45rem .65rem;border:1px solid var(--bloch-floating-border);border-radius:.75rem;background:#071a27b8;backdrop-filter:blur(8px);color:var(--bloch-floating-text);box-shadow:0 12px 28px #0000002e;pointer-events:none}.bloch-demo__state-overlay-label{flex:0 0 auto;font-size:.75rem;color:#f3f1e7b8}.bloch-demo__state-overlay code{display:block;min-width:0;font-size:.78rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--bloch-floating-text)}.bloch-demo__watermark{position:absolute;right:.9rem;bottom:.85rem;z-index:2;display:grid;justify-items:end;gap:.12rem;pointer-events:none}.bloch-demo__watermark-domain{color:#f3f1e757;font-family:IBM Plex Sans,Noto Sans,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.06em;line-height:1.1}.bloch-demo__watermark-brand{color:#a8bfd247;font-size:.68rem;font-weight:500;letter-spacing:.16em;line-height:1.1}.bloch-demo__buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:var(--bloch-button-height);gap:.8rem;margin-top:.85rem;align-items:stretch}.bloch-demo__gate-button{display:grid;place-items:center;box-sizing:border-box;appearance:none;-webkit-appearance:none;margin:0;border:1px solid var(--bloch-button-border);border-radius:.95rem;width:100%;min-height:var(--bloch-button-height);height:var(--bloch-button-height);outline:none;box-shadow:none;overflow:hidden;padding:0;font:inherit;text-align:center;line-height:1;color:var(--bloch-button-text);background:var(--bloch-button-surface);cursor:pointer;transition:border-color .16s ease,background .16s ease}.bloch-demo__gate-button:hover{border-color:color-mix(in srgb,var(--bloch-button-border) 70%,var(--sl-color-accent) 30%);background:var(--bloch-button-surface-hover)}.bloch-demo__gate-button:focus,.bloch-demo__gate-button:active{outline:none;box-shadow:none}.bloch-demo__gate-button:focus-visible{border-color:var(--sl-color-accent);box-shadow:inset 0 0 0 1px var(--sl-color-accent)}.bloch-demo__button-label{display:block;padding:.8rem .6rem;line-height:1;font-size:.96rem;font-weight:600}.bloch-demo__button-label--gate{font-size:1.05rem;font-weight:700}.bloch-demo__gate-card{position:relative;display:flex;align-self:stretch;min-height:var(--bloch-button-height);height:var(--bloch-button-height)}.bloch-demo__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:var(--bloch-button-height);gap:.8rem;margin-top:.8rem}.bloch-demo__actions>.bloch-demo__gate-button{align-self:stretch}.bloch-demo__secondary{font-weight:inherit}.bloch-demo__secondary:disabled{opacity:.48;cursor:not-allowed}.bloch-demo__sequence{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.7rem}.bloch-demo__gate-tooltip{position:absolute;left:50%;bottom:calc(100% + .5rem);z-index:2;width:min(14rem,48vw);padding:.7rem .8rem;border-radius:.8rem;border:1px solid var(--bloch-floating-border);background:var(--bloch-floating-surface);color:var(--bloch-floating-text);font-size:.84rem;line-height:1.45;box-shadow:0 16px 36px #00000038;transform:translate(-50%,.2rem);opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease}.bloch-demo__gate-card:hover .bloch-demo__gate-tooltip{opacity:1;transform:translate(-50%)}.bloch-demo__hover-tooltip{position:absolute;z-index:3;max-width:min(16rem,calc(100% - 1.5rem));padding:.65rem .75rem;border:1px solid var(--bloch-floating-border);border-radius:.8rem;background:var(--bloch-floating-surface);box-shadow:0 16px 36px #00000038;pointer-events:none}.bloch-demo__hover-tooltip code{display:block;padding:.15rem 0;border-radius:.8rem;font-size:.9rem;white-space:pre-wrap;word-break:break-word;color:var(--bloch-floating-text)}.bloch-demo__explain{margin-top:.85rem}@media(max-width:50rem){.bloch-demo__panel{padding-left:.9rem;padding-right:.9rem}.bloch-demo__layout,.bloch-demo__panel--intro,.bloch-demo__section-head{grid-template-columns:1fr;display:grid}.bloch-demo__chips{justify-self:start}.bloch-demo__summary-grid,.bloch-demo__buttons,.bloch-demo__actions{grid-template-columns:1fr}.bloch-demo__watermark{right:.7rem;bottom:.7rem}.bloch-demo__watermark-domain{font-size:.66rem}.bloch-demo__watermark-brand{font-size:.62rem}.bloch-demo__state-overlay{left:.7rem;right:.7rem;bottom:.7rem;gap:.4rem}.bloch-demo__state-overlay code{font-size:.72rem}}