:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--top-bar:#080809;--sidebar:#0f0f11;--canvas:#141417;--chrome-bg:#0c0c0e;--accent:#1d4ed8;--border:#ffffff14;--surface-hover:#ffffff0d;--surface-active:#ffffff1a;--surface-accent-muted:#1d4ed826;--icon-disabled:#ffffff26;--grid-minor:#ffffff0f;--grid-major:#ffffff1f;--metallic-bg:linear-gradient(180deg, #27272a 0%, #18181b 100%);--metallic-border:#ffffff1f;--metallic-text:#a1a1aa;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--font-ui:"Open Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Noto Sans Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--text-2xs:10px;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:18px;--text-2xl:20px;--control-h-xs:24px;--control-h-sm:28px;--control-h-md:30px;--control-h-lg:34px;--control-h-xl:36px;--header-height:56px;--radius-xs:3px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px}:root.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--top-bar:#f9fafb;--sidebar:#f1f1f3;--canvas:#fff;--chrome-bg:#f3f4f6;--accent:#1d4ed8;--border:#0000001a;--surface-hover:#0000000a;--surface-active:#00000014;--surface-accent-muted:#1d4ed81a;--icon-disabled:#0003;--grid-minor:#00000014;--grid-major:#00000029;--metallic-bg:linear-gradient(180deg, #fafafa 0%, #e4e4e7 100%);--metallic-border:#0000001a;--metallic-text:#52525b;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af}@media (prefers-color-scheme:light){:root:not(.light):not(.dark){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--top-bar:#f9fafb;--sidebar:#f1f1f3;--canvas:#fff;--chrome-bg:#f3f4f6;--border:#0000001a;--surface-hover:#0000000a;--surface-active:#00000014;--surface-accent-muted:#1d4ed81a;--icon-disabled:#0003;--grid-minor:#00000014;--grid-major:#00000029;--metallic-bg:linear-gradient(180deg, #fafafa 0%, #e4e4e7 100%);--metallic-border:#0000001a;--metallic-text:#52525b;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af}}:root{--canvas-bg:var(--canvas);--accent-color:var(--accent);--accent-hover:#1939a5;--accent-active:#3b6ef0;--danger:#dc2626;--danger-hover:#b91c1c;--danger-active:#ef4444}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{overscroll-behavior:none;background:var(--chrome-bg);width:100%;min-height:100%;color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-base);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;line-height:1.5}:is(html:has(.studio-layout),body:has(.studio-layout)){height:100%;position:fixed;inset:0;overflow:hidden}.editor-root{font-size:var(--text-md);line-height:1.5}.theme-changing,.theme-changing *,.theme-changing :before,.theme-changing :after{transition:none!important}.canvas-container,.canvas-svg{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--chrome-bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}a,button,input,select,textarea,summary,[role=button]{font-family:inherit;font-size:inherit;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;text-decoration:none}a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible),summary:focus:not(:focus-visible){outline:none}button{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;outline:none;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:inline-flex}button:focus,button:focus-visible,button:active{outline:none}.btn{background-color:var(--accent);color:#fff;border-radius:4px;gap:6px;padding:6px 12px;font-weight:500}.btn:hover{background-color:var(--accent-hover)}.btn:active{background-color:var(--accent-active)}.btn:disabled{background-color:var(--border);color:var(--text-secondary);cursor:not-allowed}.btn-secondary{border:1px solid var(--border);color:var(--text-primary);background-color:#0000;border-radius:4px;gap:6px;padding:6px 12px;font-weight:500}.btn-secondary:hover{background-color:var(--surface-hover)}.btn-secondary:active{background-color:var(--surface-active)}.btn-secondary:disabled{border-color:var(--border);color:var(--text-secondary);cursor:not-allowed}.btn-danger{background-color:var(--danger);color:#fff;border-radius:4px;gap:6px;padding:6px 12px;font-weight:500}.btn-danger:hover{background-color:var(--danger-hover)}.btn-danger:active{background-color:var(--danger-active)}.btn-icon{width:32px;height:32px;color:var(--text-secondary);aspect-ratio:1;border-radius:4px;padding:0}.btn-icon:hover{color:var(--text-primary);background-color:var(--surface-hover)}.btn-icon:active{background-color:var(--surface-active)}.btn-icon.active{color:#fff;background-color:var(--accent)}.btn-icon.active:hover{background-color:var(--accent-hover)}.btn-icon.active:active{background-color:var(--accent-active)}.btn-icon:disabled{color:var(--icon-disabled);cursor:not-allowed;background-color:#0000}.form-input{background:var(--canvas-bg);border:1px solid var(--border);color:var(--text-primary);width:100%;color-scheme:inherit;border-radius:4px;outline:none;padding:6px 10px;transition:border-color .15s}.form-input:focus{border-color:var(--accent)}input[type=checkbox],input[type=radio]{accent-color:var(--accent);cursor:pointer;border-radius:3px}input[type=number]::-webkit-inner-spin-button{cursor:pointer;opacity:.75;transition:opacity .15s}input[type=number]::-webkit-outer-spin-button{cursor:pointer;opacity:.75;transition:opacity .15s}input[type=number]:hover::-webkit-inner-spin-button{opacity:1}input[type=number]:hover::-webkit-outer-spin-button{opacity:1}.form-label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.form-group{margin-bottom:12px}.flex{display:flex}.flex-col{flex-direction:column}.relative{position:relative}.align-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.grow{flex-grow:1;min-width:0;min-height:0}.shrink-0{flex-shrink:0}.overflow-hidden{overflow:hidden}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.w-full{width:100%}.h-full{height:100%}.modal-backdrop-standard{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;box-sizing:border-box;width:100dvw;height:100dvh;padding:max(16px, env(safe-area-inset-top,16px)) max(16px, env(safe-area-inset-right,16px)) max(16px, env(safe-area-inset-bottom,16px)) max(16px, env(safe-area-inset-left,16px));background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@media (width<=768px){.modal-backdrop-standard{padding:max(10px, env(safe-area-inset-top,10px)) max(10px, env(safe-area-inset-right,10px)) max(10px, env(safe-area-inset-bottom,10px)) max(10px, env(safe-area-inset-left,10px))}}@media (width<=480px){.modal-backdrop-standard{padding:max(8px, env(safe-area-inset-top,8px)) max(8px, env(safe-area-inset-right,8px)) max(8px, env(safe-area-inset-bottom,8px)) max(8px, env(safe-area-inset-left,8px))}}@media (height<=560px){.modal-backdrop-standard{padding:max(6px, env(safe-area-inset-top,6px)) max(8px, env(safe-area-inset-right,8px)) max(6px, env(safe-area-inset-bottom,6px)) max(8px, env(safe-area-inset-left,8px))}}html[data-input-modality=touch] .btn:hover:not(:active),html[data-input-modality=touch] .btn-icon:hover:not(:active),html[data-input-modality=touch] .tool-btn:hover:not(:active):not(.active),html[data-input-modality=touch] .palette-item:hover:not(:active):not(.active),html[data-input-modality=touch] .nav-link:hover:not(.active),html[data-input-modality=touch] .pagination-card:hover,html[data-input-modality=touch] .search-trigger-btn:hover,html[data-input-modality=touch] .circuit-doc-tab:hover:not(.active),html[data-input-modality=touch] .circuit-doc-action-btn:hover,html[data-input-modality=touch] .code-block-copy:hover,html[data-input-modality=touch] .footer-link:hover{color:inherit;border-color:inherit;box-shadow:none;background-color:#0000}@media (hover:none) or (pointer:coarse){.nav-link:hover:not(.active),.pagination-card:hover,.search-trigger-btn:hover,.circuit-doc-tab:hover:not(.active),.circuit-doc-action-btn:hover,.code-block-copy:hover,.footer-link:hover{box-shadow:none;background-color:#0000}}