:root{color-scheme:dark;--qc-bg: #090d1a;--qc-surface: #11182b;--qc-surface-raised: #171f35;--qc-border: rgba(201, 214, 255, .13);--qc-text: #edf2ff;--qc-muted: #9ca9c6;--qc-accent: #8b7dff;--qc-accent-strong: #a79dff;--qc-focus: #5eead4;--qc-toolbar-active-background: rgba(139, 125, 255, .2);--qc-toolbar-active-color: #ffffff;--qc-toolbar-danger-color: #fca5a5;--qc-toolbar-disabled-color: #64718e;--qc-toolbar-divider-color: rgba(201, 214, 255, .16);--qc-toolbar-text-color: #edf2ff;--qc-context-menu-background: rgba(23, 31, 53, .98);--qc-context-menu-border-color: rgba(201, 214, 255, .18);--qc-context-menu-text-color: #edf2ff;--qc-context-menu-shadow: 0 18px 48px rgba(2, 6, 23, .38)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%}body{background:var(--qc-bg);color:var(--qc-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}button,input,select,textarea{font:inherit}button{touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--qc-focus);outline-offset:2px}code,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.skip-link{left:16px;position:fixed;top:-64px;z-index:20}.skip-link:focus{top:16px}.playground-shell{min-height:100dvh;padding:16px;background:radial-gradient(circle at 78% -10%,rgba(124,58,237,.24),transparent 34%),radial-gradient(circle at 5% 4%,rgba(8,145,178,.14),transparent 24%),var(--qc-bg)}.workspace-frame{margin:0 auto;max-width:1680px}.workspace-grid{align-items:start;display:grid;gap:16px;grid-template-columns:264px minmax(0,1fr)}.workspace-main{display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 300px;min-width:0}.workspace-main>:first-child{grid-column:1}.workspace-main>:nth-child(2){grid-column:2}.workspace-main>:nth-child(3){grid-column:1 / -1}.workspace-inspector{min-width:0}.workspace-canvas{display:flex;min-height:560px;overflow:auto;padding:20px;border-radius:12px;background:linear-gradient(145deg,#0d1731,#0a1023);border:1px solid rgba(143,198,234,.2)}.workspace-circuit{flex:1 1 auto;min-width:0;scrollbar-color:rgba(157,215,255,.48) rgba(5,10,24,.28);scrollbar-width:thin}.workspace-circuit ::-webkit-scrollbar{height:10px;width:10px}.workspace-circuit ::-webkit-scrollbar-track{background:#050a1847;border-radius:5px}.workspace-circuit ::-webkit-scrollbar-thumb{background:#9dd7ff6b;background-clip:padding-box;border:2px solid transparent;border-radius:5px}.workspace-circuit ::-webkit-scrollbar-thumb:hover{background:#9dd7ff9e}.workspace-title{letter-spacing:-.03em}.workspace-meta{color:var(--qc-muted);font-size:13px}.editor-tools-row{align-items:center;border-bottom:1px solid rgba(201,214,255,.13);display:flex;gap:16px;justify-content:space-between;margin-bottom:12px;padding:0 0 12px}.viewport-toolbar-slot{align-items:center;display:flex;flex:0 0 auto;min-height:32px}.editor-utility-toolbar{align-items:center;border-left:1px solid rgba(201,214,255,.16);display:inline-flex;flex:0 0 auto;padding-left:12px}.playground-gate-palette{flex:1 1 360px}.playground-gate-palette>button{align-items:center;background:#ffffff0e;border:1px solid rgba(201,214,255,.14);border-radius:6px;color:#dce8ff;cursor:grab;display:inline-flex;font-size:12px;font-weight:650;height:32px;justify-content:center;min-width:32px;padding:0 6px}.playground-gate-palette>button:active{cursor:grabbing}.playground-gate-palette>button:hover{background:#8b7dff29;border-color:#a79dff94;color:#fff}.section-label{color:var(--qc-muted);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.template-list{display:grid;gap:4px}.sidebar-footer{border-top:1px solid var(--qc-border);margin-top:18px;padding-top:16px}.compact-details summary::-webkit-details-marker{display:none}.compact-details summary{list-style:none}@media (max-width: 1120px){.workspace-grid{grid-template-columns:236px minmax(0,1fr)}.workspace-main{grid-template-columns:minmax(0,1fr)}.workspace-main>:first-child,.workspace-main>:nth-child(2),.workspace-main>:nth-child(3){grid-column:auto}}@media (max-width: 760px){.playground-shell{padding:8px}.workspace-grid{grid-template-columns:minmax(0,1fr)}.workspace-inspector{grid-column:auto}.workspace-canvas{min-height:420px;padding:12px}.editor-tools-row{align-items:center;flex-wrap:wrap;gap:10px;justify-content:flex-start}.playground-gate-palette{flex:1 0 100%}.editor-utility-toolbar{margin-left:auto}}@media (prefers-reduced-motion: no-preference){.workspace-grid>*,.workspace-main>*{animation:enter .22s ease-out both}.workspace-grid>*:nth-child(2){animation-delay:40ms}.workspace-grid>*:nth-child(3){animation-delay:80ms}button,summary{transition:background .16s ease-out,border-color .16s ease-out,color .16s ease-out,transform .16s ease-out}button:not(:disabled):active{transform:scale(.98)}}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}