.studio-root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--claude-orange:#d97757;--s-surface:#f6f3ec;--s-raised:#fffdf8;--s-border:#e4ded1;--s-content:#1b2a25;--s-content-2:#53615b;--s-content-3:#6d7a74;--s-accent:#2e433e;--s-accent-hover:#3c574f;--s-accent-text:#2e433e;--s-accent-weak:#e9efeb;--s-on-accent:#fff;--s-focus:#2e433e;--s-live:#b3342a;--s-live-weak:#f7e7e5;--s-glass-fill:#fffdf8a1;--s-glass-edge:#ffffffb3;--s-glass-divider:#1b2a2514;--s-glass-chip:#1b2a250f;--s-glass-blob-1:#2e433e3b;--s-glass-blob-2:#74b09d47;--s-glass-blob-3:#dec99645;--s-glass-sheen:.28}.studio-root[data-theme=dark]{--s-surface:#0e1a16;--s-raised:#172621;--s-border:#27362f;--s-content:#eaf1ec;--s-content-2:#b1c1b9;--s-content-3:#8fa098;--s-accent:#74b09d;--s-accent-hover:#8ac4b1;--s-accent-text:#8fc7b5;--s-accent-weak:#74b09d24;--s-on-accent:#08140f;--s-focus:#74b09d;--s-live:#ef8074;--s-live-weak:#ef807429;--s-glass-fill:#1726216b;--s-glass-edge:#ffffff29;--s-glass-divider:#ffffff1a;--s-glass-chip:#ffffff14;--s-glass-blob-1:#74b09d4d;--s-glass-blob-2:#3c574f99;--s-glass-blob-3:#ef807424;--s-glass-sheen:.12}.studio-root{background:var(--s-surface);color:var(--s-content)}.s-card{background:var(--s-raised);border:1px solid var(--s-border);border-radius:1rem}.s-label{color:var(--s-content-2)}.s-muted{color:var(--s-content-3)}.s-accent-text{color:var(--s-accent-text)}.s-input{border:1px solid var(--s-border);background:var(--s-raised);width:100%;color:var(--s-content);border-radius:.625rem;outline:none;padding:.625rem .75rem;font-size:.9375rem}.s-input::placeholder{color:var(--s-content-3)}.s-input:focus-visible{border-color:var(--s-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--s-focus)30%,transparent)}.s-btn{border-radius:.625rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;transition:background-color .15s,transform 50ms}.s-btn:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--s-focus)35%,transparent);outline:none}.s-btn-primary{background:var(--s-accent);color:var(--s-on-accent)}.s-btn-primary:hover:not(:disabled){background:var(--s-accent-hover)}.s-btn-primary:active:not(:disabled){transform:translateY(1px)}.s-btn-primary:disabled{opacity:.4}.s-btn-ghost{color:var(--s-content-2);background:0 0}.s-btn-ghost:hover:not(:disabled){color:var(--s-content)}.s-icon-btn{color:var(--s-content-3);background:0 0;border-radius:.5rem;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:inline-flex}.s-icon-btn:hover:not(:disabled){background:var(--s-glass-chip);color:var(--s-content)}.s-icon-btn:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--s-focus)30%,transparent);outline:none}.s-icon-btn:disabled{opacity:.4}.s-icon-btn-danger:hover:not(:disabled){background:var(--s-live-weak);color:var(--s-live)}.s-option{border:1px solid var(--s-border);background:var(--s-raised);border-radius:.875rem;transition:border-color .15s,background-color .15s}.s-option:hover{border-color:color-mix(in srgb,var(--s-accent)45%,var(--s-border))}.s-option[aria-pressed=true],.s-option[aria-checked=true]{border-color:var(--s-accent);background:var(--s-accent-weak)}.s-option:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--s-focus)30%,transparent);outline:none}.studio-root .s-logo{filter:brightness(0)invert(20%)sepia(10%)saturate(1257%)hue-rotate(115deg)brightness(97%)contrast(86%)}.studio-root[data-theme=dark] .s-logo{filter:brightness(0)invert()}@keyframes s-ack-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.s-ack{animation:.24s ease-out s-ack-in}@media (prefers-reduced-motion:reduce){.s-ack{animation:none}}@keyframes s-claude-turn{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.06)}to{transform:rotate(360deg)scale(1)}}.s-claude-mark{transform-origin:50%;will-change:transform;animation:32s linear infinite s-claude-turn}@media (prefers-reduced-motion:reduce){.s-claude-mark{animation:none}}.s-glass{isolation:isolate;border:1px solid var(--s-glass-edge);background:linear-gradient(135deg,#ffffff57,#ffffff0f 42%,#fff0 62%),var(--s-glass-fill);border-radius:1.35rem;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffbf,inset 1px 0 #ffffff4d,inset 0 -1px #ffffff1f}.s-glass:before{content:"";z-index:-1;pointer-events:none;filter:blur(40px);will-change:transform;background:radial-gradient(40% 36% at 20% 22%,var(--s-glass-blob-2),transparent 70%),radial-gradient(36% 42% at 82% 74%,var(--s-glass-blob-1),transparent 70%),radial-gradient(30% 30% at 72% 16%,var(--s-glass-blob-3),transparent 70%),radial-gradient(26% 28% at 24% 84%,var(--s-glass-blob-2),transparent 70%);animation:24s ease-in-out infinite alternate s-glass-drift;position:absolute;inset:-30%}@keyframes s-glass-drift{0%{transform:translate(-4%,-3%)rotate(-3deg)scale(1)}to{transform:translate(5%,4%)rotate(4deg)scale(1.08)}}.s-glass:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(112deg,transparent 28%,rgba(255,255,255,var(--s-glass-sheen))42%,rgba(255,255,255,calc(var(--s-glass-sheen)/4))48%,transparent 58%);mix-blend-mode:screen;position:absolute;inset:0}.s-glass>*{z-index:1;position:relative}.s-glass-divider{border-bottom:1px solid var(--s-glass-divider)}@media (max-width:1279.98px){.s-glass-sheet{--s-glass-fill:#fffdf8f0;--s-glass-sheen:.14;-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%)}}.s-glass-chip{background:var(--s-glass-chip);color:var(--s-content-2)}@media (prefers-reduced-motion:reduce){.s-glass:before{animation:none}}.agent-orb{isolation:isolate;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.agent-orb>span{pointer-events:none;border-radius:50%;position:absolute}.agent-orb__glow{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--s-accent)26%,transparent),transparent 68%);opacity:calc(.25 + var(--lvl)*.75);transform:scale(calc(.92 + var(--lvl)*.22));transition:opacity 90ms linear;inset:-14%}.agent-orb__ring{border:1px solid color-mix(in srgb,var(--s-accent)32%,transparent)}.agent-orb__ring--outer{transform:scale(calc(.96 + var(--lvl)*.16));opacity:calc(.35 + var(--lvl)*.5);inset:2%}.agent-orb__ring--inner{border-color:color-mix(in srgb,var(--s-accent)22%,transparent);transform:scale(calc(.98 + var(--lvl)*.1));inset:13%}.agent-orb__core{background:radial-gradient(circle at 32% 26%,#ffffff80,transparent 46%),radial-gradient(circle at 70% 76%,var(--s-glass-blob-3),transparent 58%),radial-gradient(circle at 38% 68%,var(--s-glass-blob-2),transparent 62%),radial-gradient(circle at 50% 50%,var(--s-accent),color-mix(in srgb,var(--s-accent)76%,black)100%);transform:scale(calc(.94 + var(--lvl)*.14));transition:transform 70ms ease-out;animation:5.5s ease-in-out infinite agent-orb-breathe;inset:20%;box-shadow:inset 0 1px 1px #fff6,inset 0 -8px 16px #0000002e}.agent-orb[data-state=idle] .agent-orb__glow{opacity:.2}.agent-orb[data-state=connecting] .agent-orb__ring--outer{border-color:color-mix(in srgb,var(--s-accent)55%,transparent);border-top-color:#0000;animation:1.1s linear infinite agent-orb-spin}.agent-orb[data-state=listening] .agent-orb__core{filter:saturate(.8)brightness(.96)}@keyframes agent-orb-breathe{0%,to{filter:brightness()}50%{filter:brightness(1.06)}}@keyframes agent-orb-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.agent-orb__core,.agent-orb__ring--outer{animation:none}.agent-orb__glow,.agent-orb__core,.agent-orb__ring{transition:none}}.studio-root input[type=checkbox]{accent-color:var(--s-accent)}@media (min-width:1024px){.s-preview-pane{top:var(--s-wizard-top,0px);height:calc(100svh - var(--s-wizard-top,0px));position:sticky;overflow-y:auto}}body.studio-root{overflow:clip visible}
