:root{--xo-bg:#0e0e10;--xo-bg-canvas:#18181b;--xo-surface:#18181beb;--xo-surface-hover:#27272af2;--xo-surface-active:#313136fa;--xo-surface-elevated:#1e1e22f5;--xo-border:#ffffff0f;--xo-border-hover:#ffffff1f;--xo-border-active:#ffffff2e;--xo-border-subtle:#ffffff08;--xo-primary:#3b82f6;--xo-primary-hover:#2563eb;--xo-primary-muted:#3b82f626;--xo-primary-glow:#3b82f640;--xo-accent:#8b5cf6;--xo-accent-muted:#8b5cf626;--xo-success:#22c55e;--xo-success-muted:#22c55e26;--xo-danger:#ef4444;--xo-danger-muted:#ef444426;--xo-danger-hover:#ef444440;--xo-warning:#f59e0b;--xo-text:#fafafa;--xo-text-secondary:#d4d4d8;--xo-text-muted:#a1a1aa;--xo-text-dim:#71717a;--xo-text-ghost:#52525b;--xo-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--xo-font-mono:"GeistMono","JetBrains Mono",ui-monospace,monospace;--xo-text-2xs:8px;--xo-text-xs:9px;--xo-text-sm:10px;--xo-text-base:11px;--xo-text-lg:13px;--xo-text-xl:16px;--xo-weight-medium:500;--xo-weight-bold:700;--xo-weight-black:900;--xo-tracking-tight:-.01em;--xo-tracking-normal:.02em;--xo-tracking-wide:.08em;--xo-tracking-ultra:.15em;--xo-space-1:4px;--xo-space-2:8px;--xo-space-3:12px;--xo-space-4:16px;--xo-space-5:20px;--xo-space-6:24px;--xo-space-8:32px;--xo-radius-xs:4px;--xo-radius-sm:6px;--xo-radius-md:10px;--xo-radius-lg:14px;--xo-radius-xl:18px;--xo-radius-full:999px;--xo-shadow-sm:0 2px 8px #00000040;--xo-shadow-md:0 4px 16px #00000059;--xo-shadow-lg:0 8px 32px #00000073;--xo-shadow-xl:0 12px 48px #0000008c;--xo-shadow-glow:0 0 20px #3b82f626;--xo-blur:blur(16px)saturate(1.8);--xo-blur-light:blur(8px)saturate(1.4);--xo-ease:cubic-bezier(.16,1,.3,1);--xo-duration-fast:.12s;--xo-duration-normal:.2s;--xo-duration-smooth:.3s;--xo-z-canvas:1;--xo-z-panels:40;--xo-z-toolbar:45;--xo-z-status:50;--xo-z-overlay:60;--xo-z-inspector:70;--xo-z-radial:9999;--xo-toolbar-width:48px;--xo-statusbar-height:28px;--xo-panel-width:280px}@keyframes catalogOverlayIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.editor-shell{grid-template-columns:0 1fr;grid-template-rows:1fr var(--xo-statusbar-height);background:var(--xo-bg);width:100%;min-width:0;height:100%;min-height:0;font-family:var(--xo-font);grid-template-areas:"toolbar canvas""status status";display:grid;position:relative;overflow:hidden}.editor-shell__toolbar{z-index:var(--xo-z-toolbar);top:8px;left:8px;bottom:calc(var(--xo-statusbar-height) + 8px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;flex-direction:column;grid-area:toolbar;align-items:stretch;width:48px;min-height:0;display:flex;position:absolute;overflow:hidden}.editor-shell__canvas{z-index:var(--xo-z-canvas);background:var(--xo-bg-canvas);grid-area:canvas;min-width:0;min-height:0;position:relative;overflow:hidden}.editor-shell__status{z-index:var(--xo-z-status);grid-area:status}.editor-shell__overlay{z-index:var(--xo-z-overlay);pointer-events:none;position:absolute;inset:0}.editor-shell__overlay>*{pointer-events:auto}.editor-shell__panels{z-index:var(--xo-z-panels);pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:0}.editor-shell__panels>:first-child,.editor-shell__panels>:last-child{pointer-events:auto}.panel-enter{animation:panelSlideIn var(--xo-duration-smooth)var(--xo-ease)forwards}.panel-exit{animation:panelSlideOut var(--xo-duration-normal)var(--xo-ease)forwards}@keyframes panelSlideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes panelSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-12px)}}.editor-shell{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.editor-shell,.editor-shell *{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent}.editor-shell::-webkit-scrollbar{width:6px;height:6px}.editor-shell ::-webkit-scrollbar{width:6px;height:6px}.editor-shell::-webkit-scrollbar-track{background:0 0}.editor-shell ::-webkit-scrollbar-track{background:0 0}.editor-shell::-webkit-scrollbar-thumb{background:#ffffff24 padding-box padding-box;border:1px solid #0000;border-radius:999px}.editor-shell ::-webkit-scrollbar-thumb{background:#ffffff24 padding-box padding-box;border:1px solid #0000;border-radius:999px}.editor-shell::-webkit-scrollbar-thumb:hover{background:#ffffff47}.editor-shell ::-webkit-scrollbar-thumb:hover{background:#ffffff47}.editor-shell::-webkit-scrollbar-corner{background:0 0}.editor-shell ::-webkit-scrollbar-corner{background:0 0}.editor-shell .editor-toolbar{scrollbar-width:none;-ms-overflow-style:none}.editor-shell .editor-toolbar::-webkit-scrollbar{width:0;height:0;display:none}.editor-shell .custom-scrollbar{scrollbar-width:thin;scrollbar-color:#ffffff38 #0003}.editor-shell .custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.editor-shell .custom-scrollbar::-webkit-scrollbar-track{background:#0003;border-radius:999px}.editor-shell .custom-scrollbar::-webkit-scrollbar-thumb{background:#fff3;border-radius:999px}.editor-shell .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff59}.editor-shell .custom-scrollbar::-webkit-scrollbar-corner{background:0 0}.editor-shell,.editor-shell-host[data-theme=dark]{--xo-bg:#1f1f1f;--xo-bg-canvas:#2b2b2b;--xo-surface:#3a3a3a;--xo-surface-hover:#464646;--xo-surface-active:#4c4c4c;--xo-surface-elevated:#404040;--xo-border:#00000061;--xo-border-hover:#5a5a5a;--xo-border-active:#6a6a6a;--xo-border-subtle:#00000038;--xo-primary:#4b93d6;--xo-primary-hover:#5ba0e0;--xo-primary-muted:#4b93d629;--xo-primary-glow:#4b93d638;--xo-accent:#5a83bd;--xo-accent-muted:#5a83bd29;--xo-success:#569e46;--xo-success-muted:#569e462e;--xo-danger:#e05561;--xo-danger-muted:#e0556129;--xo-danger-hover:#e0556147;--xo-warning:#d6a54a;--xo-text:#c8c8c8;--xo-text-secondary:#b6b6b6;--xo-text-muted:#9a9a9a;--xo-text-dim:#8f8f8f;--xo-text-ghost:#6e6e6e;--xo-blur:none;--xo-blur-light:none;--xo-shadow-sm:0 1px 3px #0006;--xo-shadow-md:0 3px 10px #00000073;--xo-shadow-lg:0 8px 24px #00000080;--xo-shadow-xl:0 12px 32px #0000008c;--xo-bg-surface:#3c3c3c;--xo-fg:#c8c8c8}.editor-shell[data-theme=light],.editor-shell-host[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--xo-bg:#e8eef4;--xo-bg-canvas:#6eb6e8;--xo-surface:#f4f6f8;--xo-surface-hover:#e8ecf0;--xo-surface-active:#dde3ea;--xo-surface-elevated:#fff;--xo-border:#0f172a1f;--xo-border-hover:#0f172a38;--xo-border-active:#0f172a52;--xo-border-subtle:#0f172a0f;--xo-primary:#2563eb;--xo-primary-hover:#1d4ed8;--xo-primary-muted:#2563eb1f;--xo-primary-glow:#2563eb2e;--xo-accent:#4f46e5;--xo-accent-muted:#4f46e51f;--xo-success:#16a34a;--xo-success-muted:#16a34a24;--xo-danger:#dc2626;--xo-danger-muted:#dc26261f;--xo-danger-hover:#dc262633;--xo-warning:#d97706;--xo-text:#1e293b;--xo-text-secondary:#334155;--xo-text-muted:#64748b;--xo-text-dim:#94a3b8;--xo-text-ghost:#a8b4c4;--xo-shadow-sm:0 1px 3px #0f172a14;--xo-shadow-md:0 4px 12px #0f172a1a;--xo-shadow-lg:0 8px 24px #0f172a1f;--xo-shadow-xl:0 12px 32px #0f172a24;--xo-bg-surface:#f4f6f8;--xo-fg:#1e293b}.editor-shell[data-theme=light],.editor-shell[data-theme=light] *,.editor-shell-host[data-theme=light],.editor-shell-host[data-theme=light] *{scrollbar-color:#0f172a40 transparent}.editor-shell[data-theme=light]::-webkit-scrollbar-thumb{background:#0f172a33}.editor-shell[data-theme=light] ::-webkit-scrollbar-thumb{background:#0f172a33}.editor-shell-host[data-theme=light]::-webkit-scrollbar-thumb{background:#0f172a33}.editor-shell-host[data-theme=light] ::-webkit-scrollbar-thumb{background:#0f172a33}.editor-shell[data-theme=light] .custom-scrollbar,.editor-shell-host[data-theme=light] .custom-scrollbar{scrollbar-color:#0f172a4d #0f172a0f}.editor-shell[data-theme=light] .custom-scrollbar::-webkit-scrollbar-track{background:#0f172a0f}.editor-shell-host[data-theme=light] .custom-scrollbar::-webkit-scrollbar-track{background:#0f172a0f}.editor-shell[data-theme=light] .custom-scrollbar::-webkit-scrollbar-thumb{background:#0f172a47}.editor-shell-host[data-theme=light] .custom-scrollbar::-webkit-scrollbar-thumb{background:#0f172a47}.editor-shell[data-theme=light] .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#0f172a6b}.editor-shell-host[data-theme=light] .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#0f172a6b}