.studio-shell,.studio-surface,html:has([data-studio-root]) :is([data-app-shell-surface],[role=dialog]:not(.studio-surface)){--studio-bg:#101214;--studio-panel:#191d21;--studio-muted:#252b31;--studio-border:#3b444d;--studio-control-border:#65727f;--studio-text:#f0f3f6;--studio-subtle:#aab5c0;--studio-accent:#cbd9e6;--studio-accent-text:#111820;--studio-danger:#fda4af;--color-background:var(--studio-bg);--color-foreground:var(--studio-text);--color-card:var(--studio-panel);--color-card-foreground:var(--studio-text);--color-popover:var(--studio-panel);--color-popover-foreground:var(--studio-text);--color-secondary:var(--studio-muted);--color-secondary-foreground:var(--studio-text);--color-muted:var(--studio-muted);--color-muted-foreground:var(--studio-subtle);--color-border:var(--studio-border);--color-input:var(--studio-control-border);--color-primary:var(--studio-accent);--color-primary-foreground:var(--studio-accent-text);--color-accent:var(--studio-muted);--color-accent-foreground:var(--studio-text);--color-ring:var(--studio-accent);color:var(--studio-text);background:var(--studio-bg);color-scheme:dark}.studio-shell[data-theme=light],html:has([data-studio-root][data-theme=light]) :is(.studio-surface,[data-app-shell-surface],[role=dialog]:not(.studio-surface)){--studio-bg:#f5f7f8;--studio-panel:#ffffff;--studio-muted:#e9edf1;--studio-border:#c5cdd5;--studio-control-border:#7c8996;--studio-text:#19212a;--studio-subtle:#515f6d;--studio-accent:#243f59;--studio-accent-text:#ffffff;--studio-danger:#b91c35;color-scheme:light}.studio-shell{min-height:calc(100dvh - 4rem)}.studio-surface{overflow-wrap:anywhere}.studio-surface[role=alertdialog],.studio-surface[role=dialog]{grid-template-columns:minmax(0,1fr)}.studio-shell :is(input,textarea,select),.studio-surface :is(input,textarea,select){color:var(--studio-text);border-color:var(--studio-control-border)}.studio-surface>button.absolute{display:flex;min-width:44px;min-height:44px;align-items:center;justify-content:center}.studio-shell :is(input,textarea,select)::placeholder,.studio-surface :is(input,textarea,select)::placeholder{color:var(--studio-subtle)}.studio-shell :focus-visible,.studio-surface :focus-visible{outline:2px solid var(--studio-accent);outline-offset:3px}.studio-surface.bg-white,:is(.studio-shell,.studio-surface) :is(.bg-white,.bg-neutral-50){background-color:var(--studio-panel)}:is(.studio-shell,.studio-surface) :is(.bg-neutral-100,.bg-neutral-200){background-color:var(--studio-muted)}.studio-surface.text-black,:is(.studio-shell,.studio-surface) :is(.text-black,.text-neutral-900,.text-neutral-700){color:var(--studio-text)}:is(.studio-shell,.studio-surface) :is(.text-neutral-600,.text-neutral-500,.text-neutral-400){color:var(--studio-subtle)}.studio-surface.border-neutral-200,:is(.studio-shell,.studio-surface) :is(.border-neutral-100,.border-neutral-200,.border-neutral-300){border-color:var(--studio-border)}:is(.studio-shell,.studio-surface) .bg-neutral-900{background-color:var(--studio-accent);color:var(--studio-accent-text)}:is(.studio-shell,.studio-surface) .bg-neutral-900 .text-neutral-300{color:var(--studio-accent-text);opacity:.8}:is(.studio-shell,.studio-surface) :is(button,a)[aria-pressed=true]{border-color:var(--studio-accent)}@media (max-width:767px){.studio-shell button,.studio-surface button{min-height:44px}.studio-shell input:not([type=range]):not([type=color]),.studio-surface input:not([type=range]):not([type=color]),.studio-surface select,.studio-surface textarea{font-size:16px}}@media (prefers-reduced-motion:reduce){.studio-shell *,.studio-surface *{animation-duration:.01ms!important;transition-duration:.01ms!important}}body:has([data-studio-editor]) main:has(>.studio-shell){min-height:0;padding-bottom:0}body:has([data-studio-editor]) main:has(>.studio-shell)+div{display:none}.studio-shell:has([data-studio-editor]){min-height:0}html:has([data-studio-root]) :is([data-app-shell-surface],[role=dialog]:not(.studio-surface)){background-color:var(--studio-panel);border-color:var(--studio-border)}html:has([data-studio-root]) :is([data-app-shell-surface],[role=dialog]:not(.studio-surface)) :is(.bg-white,[class*="bg-white/"],[class~="bg-[#f7fbff]"]){background-color:var(--studio-panel)}html:has([data-studio-root]) :is([data-app-shell-surface],[role=dialog]:not(.studio-surface)) :is(.text-black,.text-neutral-900,.text-neutral-700){color:var(--studio-text)}html:has([data-studio-root]) :is([data-app-shell-surface],[role=dialog]:not(.studio-surface)) :is([class*="text-black/"],.text-neutral-600,.text-neutral-500,.text-neutral-400){color:var(--studio-subtle)}html:has([data-studio-root]) :is([data-app-shell-surface],[role=dialog]:not(.studio-surface)) :is([class*=border-black],[class*="border-[#0057ff]"],[class*=border-neutral-]){border-color:var(--studio-border)}html:has([data-studio-root]) :is([data-app-shell-surface],[role=dialog]:not(.studio-surface)) :is([class~="bg-black/10"],[class~="bg-[#eaf2ff]"]){background-color:var(--studio-muted)}html:has([data-studio-root]) :is([data-app-shell-surface],[role=dialog]:not(.studio-surface)) :is([class~="text-[#0057ff]"],[aria-current=page]){color:var(--studio-accent)}html:has([data-studio-root]) :is([data-app-shell-surface],[role=dialog]:not(.studio-surface)) :is(a,button,[role=menuitem]):is(:hover,:focus-visible,[data-highlighted]){background-color:var(--studio-muted);color:var(--studio-text)}html:has([data-studio-root]) :is([data-app-shell-surface],[role=dialog]:not(.studio-surface)) :is(.bg-black,[class~="bg-[#0057ff]"]){background-color:var(--studio-accent);color:var(--studio-accent-text)}html:has([data-studio-root]) :is([data-app-shell-surface],[role=dialog]:not(.studio-surface)) :is(input,textarea,select){color:var(--studio-text);border-color:var(--studio-control-border)}html:has([data-studio-root]) :is([data-app-shell-surface],[role=dialog]:not(.studio-surface)) :is(input,textarea)::placeholder{color:var(--studio-subtle)}html:has([data-studio-root]) :is([data-app-shell-surface],[role=dialog]:not(.studio-surface)) :focus-visible{outline:2px solid var(--studio-accent);outline-offset:3px}