:root{--studio-workspace:#dcdfe4;--studio-chrome:#f7f8fa;--studio-panel:#fff;--studio-raised:#eff1f5;--studio-hover:#0f172a0f;--studio-selected:#dbe8fb;--studio-divider:#d5d9df;--studio-divider-soft:#e4e7ec;--studio-guide:#1668dc;--studio-on-guide:#fff;--studio-text:#14171c;--studio-muted:#596170;--studio-faint:#6b7382;--studio-paper-ink:#14171c;--studio-shadow-soft:0 10px 28px #0f172a24;--studio-shadow-strong:0 24px 72px #0f172a38;--studio-well-bloom:#0f172a0d;--studio-page-shadow:0 0 0 1px #0f172a1f, 0 12px 32px #0f172a24, 0 3px 10px #0f172a1a}.dark{--studio-workspace:#111214;--studio-chrome:#1b1d20;--studio-panel:#23262a;--studio-raised:#2c3035;--studio-hover:#ffffff12;--studio-selected:#2a3341;--studio-divider:#3a3f46;--studio-divider-soft:#30343b;--studio-guide:#79afff;--studio-on-guide:#101318;--studio-text:#f2f4f7;--studio-muted:#9aa1aa;--studio-faint:#7e8590;--studio-shadow-soft:0 10px 28px #00000059;--studio-shadow-strong:0 24px 72px #000000a6;--studio-well-bloom:#ffffff06;--studio-page-shadow:0 0 0 1px #00000059, 0 18px 48px #00000080, 0 4px 12px #0006}.studio-shell,.studio-surface{--background:var(--studio-workspace);--foreground:var(--studio-text);--card:var(--studio-panel);--card-foreground:var(--studio-text);--popover:var(--studio-panel);--popover-foreground:var(--studio-text);--muted:var(--studio-raised);--muted-foreground:var(--studio-muted);--accent:var(--studio-raised);--accent-foreground:var(--studio-text);--secondary:var(--studio-raised);--secondary-foreground:var(--studio-text);--border:var(--studio-divider);--input:var(--studio-divider);--ring:var(--studio-guide);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.dark .studio-shell,.dark .studio-surface{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.studio-shell{background:var(--studio-workspace);color:var(--studio-text);font-family:Inter,Geist,ui-sans-serif,system-ui,sans-serif}.studio-shell :focus-visible,.studio-surface :focus-visible{outline:2px solid var(--studio-guide);outline-offset:1px}.studio-app-bar{border-bottom:1px solid var(--studio-divider);background:var(--studio-chrome);align-items:center;gap:8px;min-width:0;height:44px;padding:0 8px;display:flex}.studio-context-strip{border-bottom:1px solid var(--studio-divider);background:var(--studio-chrome);align-items:center;gap:8px;min-width:0;padding:0 10px;display:flex;overflow:hidden}.studio-context-title{flex:0 auto}.studio-panel-surface{background:var(--studio-panel)}.studio-canvas-well{background-color:var(--studio-workspace);background-image:radial-gradient(circle at center, var(--studio-well-bloom), transparent 58%)}.studio-workspace-grid{grid-template-columns:minmax(0,1fr)}.studio-tool-rail{display:none}@media (width<=479px){.studio-app-bar{gap:4px;padding-inline:6px}.studio-app-primary,.studio-app-actions{gap:4px}.studio-app-history{margin-inline:auto}.studio-app-mark,.studio-app-zoom,.studio-app-action-label{display:none}.studio-app-actions [data-testid=studio-export-menu],.studio-app-actions [data-testid=studio-open-in-editor]{flex:0 0 28px;justify-content:center;width:28px;padding-inline:0}.studio-context-parent{display:none}}@media (width>=720px) and (width<=1099px){.studio-tool-rail{z-index:30;border:1px solid var(--studio-divider);min-height:auto;box-shadow:var(--studio-shadow-soft);border-radius:7px;display:flex;position:fixed;top:50%;right:8px;transform:translateY(-50%)}}@media (width>=1100px){.studio-tool-rail{display:flex}.studio-workspace-grid[data-layers=true][data-tool-pane=true]{grid-template-columns:216px minmax(0,1fr) 40px 280px}.studio-workspace-grid[data-layers=true][data-tool-pane=false]{grid-template-columns:216px minmax(0,1fr)}.studio-workspace-grid[data-layers=false][data-tool-pane=true]{grid-template-columns:minmax(0,1fr) 40px 280px}}@media (prefers-reduced-motion:reduce){.studio-shell *,.studio-shell :before,.studio-shell :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}