.editor-root *{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{overscroll-behavior:none;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.app-header{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:100;background-color:#000000e0;border-bottom:1px solid #ffffff17;flex-shrink:0;align-items:center;height:44px;padding:0 16px;display:flex;position:relative}.header-content{align-items:center;width:100%;display:flex}.header-left{align-items:center;gap:16px;display:flex}.header-brand{align-items:center;gap:10px;display:flex}.header-title{color:#f5f5f7;letter-spacing:-.2px;font-size:15px;font-weight:600}.examples-link{color:#9d9d9d;background:0 0;border:1px solid #3a3a3a;border-radius:5px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.examples-link:hover{color:#fff;background:#2a2d2e;border-color:#555}.header-nav-links{align-items:center;gap:2px;display:flex}.header-nav-link{color:#86868b;white-space:nowrap;border-radius:100px;align-items:center;gap:5px;padding:5px 12px;font-size:13px;font-weight:400;text-decoration:none;transition:color .2s,background .2s;display:flex}.header-nav-link:hover{color:#f5f5f7;background:#ffffff14}.header-nav-link-active{color:#f5f5f7;background:#ffffff1a}.header-nav-discord{color:#7289da}.header-nav-discord:hover{color:#8fa8f5;background:#7289da1a}.header-right{align-items:center;gap:8px;margin-left:auto;display:flex}.header-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:4px;width:30px;height:30px;padding:4px;display:none}.header-hamburger span{background:#9d9d9d;border-radius:2px;height:2px;transition:background .15s;display:block}.header-hamburger:hover span{background:#e0e0e0}.unified-toolbar{background:#252526;border-bottom:1px solid #333;flex-shrink:0;align-items:stretch;min-height:38px;display:flex}.unified-toolbar-explorer-toggle{border-bottom:none}.unified-toolbar-editor{flex:auto;min-width:0;display:flex}.unified-toolbar-editor .editor-toolbar-wrapper,.unified-toolbar-editor .editor-toolbar{flex:1;min-width:0}.unified-toolbar-editor .editor-toolbar{border-bottom:none}.unified-toolbar-canvas{border-left:1px solid #333;flex-shrink:0;align-items:stretch;display:flex}.app-container{flex:1;display:flex;position:relative;overflow:hidden}.editor-panel{flex-direction:row;flex-shrink:0;min-width:20%;max-width:80%;display:flex;overflow:hidden}.explorer-toggle-btn{color:#7a7a7a;cursor:pointer;background:#252526;border:1px solid #333;border-top:none;border-left:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;transition:background .1s,color .1s;display:flex}.explorer-toggle-btn:hover{color:#ccc;background:#2a2d2e}.explorer-resize-handle{cursor:col-resize;z-index:5;background:#2a2a2a;flex-shrink:0;width:4px;transition:background .15s;position:relative}.explorer-resize-handle:hover,.explorer-resize-handle:active{background:#007acc}.editor-wrapper{flex:1;overflow:hidden}.simulator-panel{flex-direction:column;flex:1;min-width:20%;display:flex;overflow:hidden}.resize-handle{cursor:col-resize;z-index:10;background:#2a2a2a;flex-shrink:0;justify-content:center;align-items:center;width:5px;transition:background .15s;display:flex;position:relative}.resize-handle:hover,.resize-handle:active{background:#007acc}.resize-handle-grip{background:#444;border-radius:2px;width:2px;height:32px;transition:background .15s}.resize-handle:hover .resize-handle-grip,.resize-handle:active .resize-handle-grip{background:#ffffff80}@media (max-width:768px){.app-container{flex-direction:column}.editor-panel,.simulator-panel{min-width:unset;max-width:unset;flex:1;width:100%!important}.resize-handle{display:none}}.mobile-tab-bar{display:none}@media (max-width:768px){.mobile-tab-bar{z-index:50;background:#1e1e1e;border-bottom:2px solid #007acc;flex-shrink:0;height:44px;display:flex}.mobile-tab-btn{color:#7a7a7a;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex-direction:row;flex:1;justify-content:center;align-items:center;gap:6px;margin-bottom:-2px;padding:8px 0;font-size:13px;font-weight:600;transition:color .15s,background .15s,border-color .15s;display:flex}.mobile-tab-btn--active{color:#007acc;background:#007acc1a;border-bottom-color:#007acc}.mobile-tab-btn:active{background:#ffffff0f}.view-mode-toggle{display:none!important}.app-header{height:44px;padding:0 10px}.examples-link span,.header-github-text,.header-username-text{display:none}.examples-link{padding:6px 8px}.header-nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:200;background:#000000f5;border-bottom:1px solid #ffffff17;flex-direction:column;align-items:stretch;gap:0;padding:6px 0;display:none;position:absolute;top:44px;left:0;right:0}.header-nav-links.header-nav-open{display:flex}.header-nav-link{border-radius:0;padding:10px 16px;font-size:14px}.header-hamburger{display:flex}}@keyframes velxio-pulse{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}
.editor-root{--gray-0:#fff;--gray-50:#fafafa;--gray-100:#f5f5f7;--gray-200:#e5e5ea;--gray-300:#d1d1d6;--gray-400:#aeaeb2;--gray-500:#86868b;--gray-600:#6e6e73;--gray-700:#48484a;--gray-800:#2c2c2e;--gray-850:#1c1c1e;--gray-900:#141416;--gray-950:#0a0a0c;--gray-1000:#000;--blue-400:#4ea8ff;--blue-500:#0a84ff;--blue-600:#0071e3;--blue-700:#0058b3;--red-500:#ff453a;--red-600:#d70015;--green-500:#30d158;--green-600:#248a3d;--amber-500:#ff9f0a;--amber-600:#c93400;--color-bg-canvas:var(--gray-950);--color-bg-surface-1:var(--gray-900);--color-bg-surface-2:var(--gray-850);--color-bg-surface-3:var(--gray-800);--color-bg-input:var(--gray-850);--color-bg-overlay:#0009;--color-fg-default:var(--gray-100);--color-fg-muted:var(--gray-500);--color-fg-subtle:var(--gray-600);--color-fg-on-action:var(--gray-0);--color-border-default:#ffffff17;--color-border-strong:#ffffff29;--color-action-primary:var(--blue-600);--color-action-primary-hover:var(--blue-500);--color-action-primary-fg:var(--gray-0);--color-action-secondary:var(--gray-800);--color-action-secondary-hover:var(--gray-700);--color-feedback-error:var(--red-500);--color-feedback-success:var(--green-500);--color-feedback-warning:var(--amber-500);--color-focus-ring:0 0 0 2px var(--color-action-primary);--color-tier-free:var(--gray-500);--color-tier-pro:var(--blue-600);--color-tier-team:var(--amber-500);--accent:var(--color-action-primary);--accent-hover:var(--color-action-primary-hover);--bg:var(--color-bg-canvas);--bg-card:var(--color-bg-surface-1);--bg-elevated:var(--color-bg-surface-3);--bg-input:var(--color-bg-input);--border:var(--color-border-default);--border-hi:var(--color-border-strong);--text:var(--color-fg-default);--text-muted:var(--color-fg-muted);--text-dim:var(--color-fg-subtle);--space-0:0;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:12px;--space-6:16px;--space-7:20px;--space-8:24px;--space-9:32px;--space-10:40px;--space-11:48px;--space-12:64px;--space-13:80px;--space-14:96px;--space-15:128px;--space-16:160px}@font-face{font-family:Inter;src:url(/fonts/Inter.var.woff2)format("woff2-variations"),url(/fonts/Inter.var.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono.var.woff2)format("woff2-variations"),url(/fonts/JetBrainsMono.var.woff2)format("woff2");font-weight:100 800;font-style:normal;font-display:swap}.editor-root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Cascadia Code", Consolas, "Liberation Mono", monospace;--text-caption2:400 11px / 13px var(--font-sans);--text-caption1:400 12px / 16px var(--font-sans);--text-footnote:400 13px / 18px var(--font-sans);--text-subheadline:400 15px / 20px var(--font-sans);--text-callout:400 16px / 21px var(--font-sans);--text-body:400 17px / 22px var(--font-sans);--text-headline:600 17px / 22px var(--font-sans);--text-title3:600 20px / 25px var(--font-sans);--text-title2:600 22px / 28px var(--font-sans);--text-title1:700 28px / 34px var(--font-sans);--text-largetitle:700 34px / 41px var(--font-sans);--tracking-tight:-.02em;--tracking-normal:0;--tracking-loose:.02em;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-pill:9999px;--radius:var(--radius-xl);--radius-pill-old:var(--radius-pill);--shadow-flat:none;--shadow-1:0 1px 2px #0000004d, 0 2px 6px #0003;--shadow-2:0 2px 8px #00000059, 0 8px 16px #00000040;--shadow-3:0 4px 16px #0006, 0 16px 40px #00000059;--shadow-4:0 8px 24px #00000073, 0 24px 64px #00000080;--shadow:var(--shadow-3);--shadow-sm:var(--shadow-1);--duration-fast:.12s;--duration-base:.2s;--duration-slow:.32s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--transition-color:color var(--duration-base) var(--ease-out), background-color var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);--transition-transform:transform var(--duration-base) var(--ease-out);--transition-opacity:opacity var(--duration-base) var(--ease-out)}@media (prefers-reduced-motion:reduce){:root{--duration-fast:1ms;--duration-base:1ms;--duration-slow:1ms}}.editor-root{--z-base:0;--z-dropdown:10;--z-sticky:20;--z-overlay:30;--z-modal:40;--z-popover:50;--z-toast:60;--z-tooltip:70}.editor-root :focus-visible{box-shadow:var(--color-focus-ring);outline:none}.editor-root{font-family:var(--font-sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--color-fg-default);background-color:var(--color-bg-canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}.editor-root *,.editor-root :before,.editor-root :after{box-sizing:border-box}.app{width:100%;height:100%}.ap-page{background:var(--color-bg-canvas);min-height:100vh;padding:var(--space-9) var(--space-6);justify-content:center;align-items:center;display:flex}.ap-card{background:var(--color-bg-surface-1);border-radius:var(--radius-xl);padding:var(--space-11) var(--space-10);flex-direction:column;gap:0;width:100%;max-width:380px;display:flex}.ap-card-title{margin:0 0 var(--space-4);color:var(--color-fg-default);letter-spacing:var(--tracking-tight);text-align:center;font-size:28px;font-weight:700}.ap-card-sub{margin:0 0 var(--space-9);color:var(--color-fg-muted);text-align:center;font-size:15px}.ap-form{gap:var(--space-5);margin-bottom:var(--space-7);flex-direction:column;display:flex}.ap-field{gap:var(--space-3);flex-direction:column;display:flex}.ap-label{color:var(--color-fg-muted);letter-spacing:.1px;font-size:13px;font-weight:500}.ap-input{background:var(--color-bg-input);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-fg-default);font-size:15px;font-family:var(--font-sans);transition:border-color var(--duration-base) var(--ease-out);outline:none;padding:11px 14px}.ap-input:focus{border-color:var(--color-action-primary)}.ap-btn-primary{justify-content:center;align-items:center;gap:var(--space-4);background:var(--color-action-primary);width:100%;color:var(--color-action-primary-fg);border-radius:var(--radius-pill);font-size:15px;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:filter var(--duration-base) var(--ease-out), transform var(--duration-fast) var(--ease-out);letter-spacing:-.1px;margin-top:var(--space-3);border:none;padding:13px;display:flex}.ap-btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:scale(1.01)}.ap-btn-primary:disabled{opacity:.55;cursor:not-allowed}.ap-btn-secondary{justify-content:center;align-items:center;gap:var(--space-4);background:var(--color-action-secondary);width:100%;color:var(--color-fg-default);border-radius:var(--radius-pill);font-size:15px;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:background var(--duration-base) var(--ease-out), transform var(--duration-fast) var(--ease-out);letter-spacing:-.1px;border:none;padding:13px;display:flex}.ap-btn-secondary:hover{background:var(--color-action-secondary-hover);transform:scale(1.01)}.ap-btn-white{justify-content:center;align-items:center;gap:var(--space-5);color:#1d1d1f;border-radius:var(--radius-pill);width:100%;font-size:15px;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:filter var(--duration-base) var(--ease-out);background:#fff;border:none;padding:13px;display:flex}.ap-btn-white:hover{filter:brightness(.95)}.ap-divider{align-items:center;gap:var(--space-5);margin:var(--space-6) 0;color:var(--color-fg-subtle);font-size:13px;display:flex}.ap-divider:before,.ap-divider:after{content:"";background:var(--color-border-strong);flex:1;height:1px}.ap-error{border-radius:var(--radius-sm);color:#f87171;margin-bottom:var(--space-6);background:#2d0e0e;border:1px solid #7f1d1d;padding:10px 14px;font-size:13px}.ap-success{border-radius:var(--radius-sm);color:#4ade80;margin-bottom:var(--space-6);background:#0e2d18;border:1px solid #1d7f3a;padding:10px 14px;font-size:13px}.ap-footer{color:var(--color-fg-muted);text-align:center;margin:var(--space-7) 0 0;font-size:14px}.ap-link{color:var(--color-action-primary);text-decoration:none}.ap-link:hover{text-decoration:underline}