@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--canvas: #ffffff;--canvas-soft: #fafafa;--canvas-soft-2: #f5f5f5;--hairline: #ebebeb;--hairline-strong: #a1a1a1;--primary: #171717;--on-primary: #ffffff;--ink: #171717;--body: #4d4d4d;--mute: #888888;--link: #0070f3;--link-deep: #0761d1;--link-bg-soft: #d3e5ff;--success: #0070f3;--error: #ee0000;--error-soft: #f7d4d6;--error-deep: #c50000;--warning: #f5a623;--warning-soft: #ffefcf;--warning-deep: #ab570a;--violet: #7928ca;--cyan: #50e3c2;--highlight-pink: #ff0080;--g-develop-start: #007cf0;--g-develop-end: #00dfd8;--g-preview-start: #7928ca;--g-preview-end: #ff0080;--g-ship-start: #ff4d4d;--g-ship-end: #f9cb28;--selection-bg: #171717;--selection-fg: #f2f2f2;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;--font-features: "ss01", "ss02", "cv01", "cv03";--r-none: 0px;--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-pill-sm: 64px;--r-pill: 100px;--r-full: 9999px;--s-xxs: 4px;--s-xs: 8px;--s-sm: 12px;--s-md: 16px;--s-lg: 24px;--s-xl: 32px;--s-2xl: 40px;--s-3xl: 48px;--s-4xl: 64px;--s-5xl: 96px;--s-6xl: 128px;--shadow-1: 0 0 0 1px #00000014;--shadow-2: 0 0 0 1px #00000014, 0px 1px 1px #00000005, 0px 2px 2px #0000000a;--shadow-3: 0 0 0 1px #00000014, 0px 2px 2px #0000000a, 0px 8px 8px -8px #0000000a;--shadow-4: 0 0 0 1px #00000014, 0px 2px 2px #0000000a, 0px 8px 16px -4px #0000000a;--shadow-5: 0 0 0 1px #00000014, 0px 1px 1px #00000005, 0px 8px 16px -4px #0000000a, 0px 24px 32px -8px #0000000f;--header-height: 56px;--toolbar-width: 60px;--panel-width: 300px;--mesh: radial-gradient(at 18% 22%, var(--g-develop-start) 0px, transparent 55%), radial-gradient(at 78% 18%, var(--g-develop-end) 0px, transparent 50%), radial-gradient(at 28% 82%, var(--g-preview-start) 0px, transparent 52%), radial-gradient(at 82% 72%, var(--g-preview-end) 0px, transparent 50%), radial-gradient(at 52% 50%, var(--g-ship-end) 0px, transparent 48%)}:root{--stage-bg: #0a0a0a;--stage-grid: #1a1a1a}:root[data-theme=dark]{--canvas: #0f0f0f;--canvas-soft: #0a0a0a;--canvas-soft-2: #1a1a1a;--hairline: #262626;--hairline-strong: #404040;--primary: #ededed;--on-primary: #0a0a0a;--ink: #ededed;--body: #a1a1a1;--mute: #6e6e6e;--stage-bg: #050505;--stage-grid: #161616;--shadow-1: 0 0 0 1px #ffffff14;--shadow-2: 0 0 0 1px #ffffff10, 0px 1px 2px #00000040;--shadow-3: 0 0 0 1px #ffffff10, 0px 2px 6px #00000050;--shadow-4: 0 0 0 1px #ffffff10, 0px 4px 12px #00000060;--shadow-5: 0 0 0 1px #ffffff14, 0px 8px 16px -4px #00000070, 0px 24px 32px -8px #00000080}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html,body{height:100%}body{font-family:var(--font-sans);font-feature-settings:var(--font-features);font-size:16px;line-height:24px;color:var(--ink);background:var(--canvas-soft);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--selection-bg);color:var(--selection-fg)}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.display-xl{font-size:48px;font-weight:600;line-height:48px;letter-spacing:-2.4px}.display-lg{font-size:32px;font-weight:600;line-height:40px;letter-spacing:-1.28px}.display-md{font-size:24px;font-weight:600;line-height:32px;letter-spacing:-.96px}.display-sm{font-size:20px;font-weight:600;line-height:28px;letter-spacing:-.6px}.body-lg{font-size:18px;line-height:28px}.body-sm{font-size:14px;line-height:20px;letter-spacing:-.28px}.caption{font-size:12px;line-height:16px}.mono{font-family:var(--font-mono);font-size:12px;line-height:16px}.eyebrow{font-family:var(--font-mono);font-size:12px;line-height:16px;text-transform:uppercase;letter-spacing:.04em;color:var(--mute)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-xs);font-family:var(--font-sans);font-size:14px;font-weight:500;line-height:20px;border:1px solid transparent;border-radius:var(--r-sm);height:32px;padding:0 var(--s-sm);cursor:pointer;user-select:none;white-space:nowrap;transition:background .12s ease,border-color .12s ease,color .12s ease,transform .04s ease,box-shadow .12s ease}.btn:active{transform:translateY(.5px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--primary);color:var(--on-primary)}.btn--primary:hover:not(:disabled){background:#2a2a2a}.btn--secondary{background:var(--canvas);color:var(--ink);border-color:var(--hairline)}.btn--secondary:hover:not(:disabled){border-color:var(--hairline-strong);background:var(--canvas-soft)}.btn--ghost{background:transparent;color:var(--body)}.btn--ghost:hover:not(:disabled){background:var(--canvas-soft-2);color:var(--ink)}.btn--danger{background:var(--canvas);color:var(--error);border-color:var(--error-soft)}.btn--danger:hover:not(:disabled){background:var(--error-soft)}.btn--pill{border-radius:var(--r-pill);height:40px;padding:0 var(--s-md)}.btn--lg{height:44px;font-size:16px;padding:0 var(--s-lg)}.btn--icon{width:32px;padding:0}.badge{display:inline-flex;align-items:center;gap:4px;background:var(--canvas-soft);color:var(--body);font-size:12px;line-height:16px;border-radius:var(--r-full);padding:2px var(--s-xs);border:1px solid var(--hairline)}.input{width:100%;height:32px;padding:0 var(--s-sm);background:var(--canvas);color:var(--ink);border:1px solid var(--hairline);border-radius:var(--r-sm);font-family:var(--font-sans);font-size:14px;line-height:20px;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #17171712}.input::placeholder{color:var(--mute)}.kbd{font-family:var(--font-mono);font-size:11px;line-height:1;padding:3px 5px;background:var(--canvas-soft-2);border:1px solid var(--hairline);border-bottom-width:2px;border-radius:var(--r-xs);color:var(--body);min-width:18px;text-align:center;display:inline-block}.divider{height:1px;background:var(--hairline);border:none}*{scrollbar-width:thin;scrollbar-color:var(--hairline-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:var(--r-full);border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--hairline-strong);background-clip:content-box}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}body.is-bare{overflow:hidden;height:100vh;height:100dvh;background:var(--stage-bg);overscroll-behavior:none;touch-action:manipulation}