:root{--color-red:#ef4444;--color-red-light:#fee2e2;--color-red-dark:#b91c1c;--color-green:#22c55e;--color-green-light:#dcfce7;--color-green-dark:#15803d;--color-blue:#3b82f6;--color-blue-light:#dbeafe;--color-blue-dark:#1d4ed8;--color-yellow:#eab308;--color-yellow-light:#fef9c3;--color-yellow-dark:#a16207;--color-purple:#8b5cf6;--color-purple-light:#ede9fe;--color-purple-dark:#5b21b6;--color-cian:#23bac4;--color-cian-light:#cffafe;--color-cian-dark:#0e7490;--color-primary:var(--color-purple);--color-primary-light:var(--color-purple-light);--color-primary-dark:var(--color-purple-dark);--bg-color:#f9fafb;--surface-color:#fff;--text-color:#111827;--text-muted:#6b7280;--muted-text-color:#6b7280;--border-color:#e5e7eb;--bg-navigation:#fff}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-color:#0f172a;--surface-color:#1e293b;--text-color:#e5e7eb;--text-muted:#9ca3af;--muted-text-color:#9ca3af;--border-color:#374151;--bg-navigation:#1e293b}*,:before,:after{box-sizing:border-box;transition:background-color .3s,border-color .3s,color .3s}*{margin:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{background-color:var(--bg-color);height:100%;color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,textarea,select{font:inherit;color:inherit}img,svg{max-width:100%;display:block}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes studio-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-26px)scale(1.04)}}@keyframes studio-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){clip-path:circle(0 at var(--vt-x,50%) var(--vt-y,50%));z-index:9999;animation:1s cubic-bezier(.4,0,.2,1) forwards studio-theme-reveal}::view-transition-old(root){z-index:1}@keyframes studio-theme-reveal{0%{clip-path:circle(0 at var(--vt-x,50%) var(--vt-y,50%))}to{clip-path:circle(var(--vt-r,150vmax) at var(--vt-x,50%) var(--vt-y,50%))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}::view-transition-old(root){animation:none!important}::view-transition-new(root){animation:none!important}}.toasts{z-index:1000;pointer-events:none;flex-direction:column;gap:.625rem;width:min(380px,100vw - 2rem);display:flex;position:fixed;bottom:1.5rem;right:1.5rem}@media (width<=560px){.toasts{width:auto;bottom:1rem;left:1rem;right:1rem}}.toast{pointer-events:auto;border:1.5px solid var(--border-color);background:var(--bg-navigation);color:var(--text-color);border-left-width:4px;border-radius:.75rem;align-items:center;gap:.625rem;padding:.75rem .875rem;animation:.24s toast-in;display:flex;box-shadow:0 12px 32px -8px #0006}.toast__icon{flex-shrink:0}.toast__msg{flex:1;min-width:0;font-size:.85rem;font-weight:500;line-height:1.4}.toast__close{width:26px;height:26px;color:var(--muted-text-color);cursor:pointer;background:0 0;border:none;border-radius:.4rem;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}.toast__close:hover{background:var(--bg-color);color:var(--text-color)}.toast--success{border-left-color:var(--color-green)}.toast--success .toast__icon{color:var(--color-green)}.toast--error{border-left-color:var(--color-red-dark)}.toast--error .toast__icon{color:var(--color-red-dark)}.toast--info{border-left-color:var(--color-primary)}.toast--info .toast__icon{color:var(--color-primary)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}
