@layer foundation{:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "JetBrains Mono", menlo, monospace;--shell-bg:#0d0d0e;--shell-fg:#e7e7e8;--shell-panel-bg:#131315;--shell-card-bg:#18181b;--shell-input-bg:#1c1c1f;--shell-input-bg-hover:#25252a;--shell-input-bg-active:#2e2e33;--shell-border:#232325;--shell-border-strong:#2c2c30;--shell-fg-muted:#a8a8ad;--shell-fg-faint:#8a8a90;--shell-fg-marker:#6c6c72;--shell-pill-bg:#25252a;--shell-pill-fg:#d0d0d4;--shell-dock-bg:#141416d9;--shell-modal-backdrop:#08080a99;--shell-shadow-lg:0 24px 64px #00000073;--shell-shadow-md:0 8px 24px #0006;--shell-shadow-side:-12px 0 32px #0006;--shell-primary:#4f7cff;--shell-primary-hover:#3d6cf2;--shell-primary-fg:#fff}[data-shell-mode=light]{--shell-bg:#fafafa;--shell-fg:#18181b;--shell-panel-bg:#fff;--shell-card-bg:#fff;--shell-input-bg:#f4f4f5;--shell-input-bg-hover:#e4e4e7;--shell-input-bg-active:#d4d4d8;--shell-border:#e4e4e7;--shell-border-strong:#d4d4d8;--shell-fg-muted:#52525b;--shell-fg-faint:#71717a;--shell-fg-marker:#a1a1aa;--shell-pill-bg:#f4f4f5;--shell-pill-fg:#18181b;--shell-dock-bg:#ffffffd9;--shell-modal-backdrop:#18181b59;--shell-shadow-lg:0 24px 64px #0000001f;--shell-shadow-md:0 8px 24px #00000014;--shell-shadow-side:-12px 0 32px #00000014}}@layer brand,theme,semantic-web,component,web,semantic-fumadocs;@layer app{*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--shell-bg);color:var(--shell-fg);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.45}button{font:inherit;color:inherit}[data-ui=app-shell]{background:var(--shell-bg);width:100vw;height:100vh;color:var(--shell-fg);grid-template-rows:56px 1fr;display:grid}[data-ui=header]{justify-content:space-between;align-items:center;gap:var(--space-4);padding:0 var(--space-5);border-bottom:1px solid var(--shell-border);background:var(--shell-panel-bg);display:flex}[data-ui=header-left],[data-ui=header-right]{align-items:center;gap:var(--space-3);display:flex}[data-ui=header] h1{margin:0;font-size:14px;font-weight:600}[data-ui=header] input[data-ui=brand-name]{background:var(--shell-input-bg);border:1px solid var(--shell-border-strong);color:var(--shell-fg);border-radius:var(--radius-sm);width:180px;padding:6px 10px;font-size:13px}[data-ui=header] input[data-ui=brand-name]:focus{outline:2px solid var(--shell-primary);outline-offset:-1px}[data-ui=btn]{border-radius:var(--radius-sm);border:1px solid var(--shell-border-strong);background:var(--shell-input-bg);color:var(--shell-fg);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}[data-ui=btn]:hover{background:var(--shell-input-bg-hover)}[data-ui=btn][data-variant=primary]{background:var(--shell-primary);border-color:var(--shell-primary);color:var(--shell-primary-fg)}[data-ui=btn][data-variant=primary]:hover{background:var(--shell-primary-hover)}[data-ui=seg]{background:var(--shell-input-bg);border:1px solid var(--shell-border-strong);border-radius:var(--radius-sm);padding:2px;display:inline-flex}[data-ui=seg] button{color:var(--shell-fg-muted);cursor:pointer;background:0 0;border:0;border-radius:3px;padding:4px 10px;font-size:12px}[data-ui=seg] button[data-active=true]{background:var(--shell-input-bg-active);color:var(--shell-fg)}[data-ui=panel]{background:var(--shell-panel-bg);flex-direction:column;height:100%;display:flex;overflow:hidden}[data-ui=panel-header]{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--shell-border);text-transform:uppercase;letter-spacing:.04em;color:var(--shell-fg-muted);flex-shrink:0;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}[data-ui=panel-body]{padding:var(--space-4);flex:1;overflow-y:auto}[data-resize-handle]{background:var(--shell-input-bg);width:4px;transition:background .15s}[data-resize-handle]:hover,[data-resize-handle][data-resize-handle-active]{background:var(--shell-primary)}[data-ui=card]{background:var(--shell-card-bg);border:1px solid var(--shell-border);border-radius:var(--radius-md);padding:var(--space-4)}[data-ui=section-title]{text-transform:uppercase;letter-spacing:.05em;color:var(--shell-fg-faint);margin:0 0 var(--space-3);font-size:11px;font-weight:600}[data-ui=kbd]{font-family:var(--font-mono);color:var(--shell-fg-faint);font-size:11px}[data-ui=brand-pill]{background:var(--shell-pill-bg);color:var(--shell-pill-fg);border-radius:999px;padding:2px 8px;font-size:12px}[data-token-root]{height:100%}[data-ui=hero]{height:100%;padding:24px;position:relative;overflow:hidden}[data-ui=preview-panel]{background:var(--bg-body,var(--shell-card-bg));height:100%;color:var(--text-default,var(--shell-fg));border:1px solid var(--shell-border);border-radius:var(--radius-lg);box-shadow:var(--shell-shadow-lg);overflow-y:auto}[data-ui=preview-stage]{max-width:960px;margin:0 auto;padding:48px 32px 96px}[data-ui=dock]{background:var(--shell-dock-bg);border:1px solid var(--shell-border-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:40;box-shadow:var(--shell-shadow-md);border-radius:999px;gap:4px;padding:4px;display:inline-flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}[data-ui=dock] button{color:var(--shell-fg-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:500}[data-ui=dock] button:hover{background:var(--shell-input-bg-hover);color:var(--shell-fg)}[data-ui=dock] button[data-active=true]{background:var(--shell-primary);color:var(--shell-primary-fg)}[data-ui=modal-backdrop]{background:var(--shell-modal-backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:60;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}[data-ui=modal-card]{background:var(--shell-panel-bg);border:1px solid var(--shell-border-strong);border-radius:var(--radius-lg);flex-direction:column;width:min(520px,100%);max-height:calc(100vh - 96px);display:flex;overflow:hidden;box-shadow:0 24px 64px #0009}[data-ui=modal-header]{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--shell-border);text-transform:uppercase;letter-spacing:.04em;color:var(--shell-fg-muted);justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}[data-ui=modal-close],[data-ui=sidebar-close]{color:var(--shell-fg-muted);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:20px;line-height:1}[data-ui=modal-close]:hover,[data-ui=sidebar-close]:hover{color:var(--shell-fg)}[data-ui=modal-body]{padding:var(--space-4);overflow-y:auto}[data-ui=sidebar]{background:var(--shell-panel-bg);z-index:50;width:420px;max-width:100vw;box-shadow:var(--shell-shadow-side);flex-direction:column;transition:transform .25s;display:flex;position:fixed;top:56px;bottom:0}[data-ui=sidebar][data-side=right]{border-left:1px solid var(--shell-border);right:0;transform:translate(100%)}[data-ui=sidebar][data-side=left]{border-right:1px solid var(--shell-border);left:0;transform:translate(-100%);box-shadow:12px 0 32px #0006}[data-ui=sidebar][data-open=true]{transform:translate(0)}[data-ui=sidebar-header]{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--shell-border);text-transform:uppercase;letter-spacing:.04em;color:var(--shell-fg-muted);flex-shrink:0;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}[data-ui=sidebar-body]{padding:var(--space-4);flex:1;overflow-y:auto}[data-ui=diagnostics]{border:1px solid var(--shell-border);border-radius:var(--radius-md);background:var(--shell-panel-bg)}[data-ui=diagnostics]>summary{padding:var(--space-3) var(--space-4);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;color:var(--shell-fg-muted);font-size:12px;font-weight:600;list-style:none}[data-ui=diagnostics]>summary::-webkit-details-marker{display:none}[data-ui=diagnostics]>summary:before{content:"▸ ";color:var(--shell-fg-marker)}[data-ui=diagnostics][open]>summary:before{content:"▾ "}[data-ui=diagnostics-body]{padding:var(--space-4);border-top:1px solid var(--shell-border);gap:var(--space-4);flex-direction:column;display:flex}[data-ui=publish-guide]{gap:var(--space-4);flex-direction:column;max-width:560px;display:flex}[data-ui=publish-lead]{color:var(--shell-fg-muted);margin:0;font-size:13px;line-height:1.5}[data-ui=publish-body]{gap:var(--space-3);flex-direction:column;font-size:13px;line-height:1.55;display:flex}[data-ui=publish-body] p{color:var(--shell-fg-muted);margin:0}[data-ui=publish-steps]{gap:var(--space-3);flex-direction:column;margin:0;padding-left:1.25rem;display:flex}[data-ui=publish-steps] li{color:var(--shell-fg)}[data-ui=publish-hint]{color:var(--shell-fg-marker);margin:0;font-size:12px;font-style:italic}[data-ui=code-block]{margin:var(--space-2) 0 0;padding:var(--space-3);background:var(--shell-panel-bg);border:1px solid var(--shell-border);border-radius:var(--radius-sm);white-space:pre;color:var(--shell-fg);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;overflow-x:auto}[data-ui=code-inline]{background:var(--shell-panel-bg);border:1px solid var(--shell-border);border-radius:4px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}[data-ui=sign-in]{background:var(--shell-bg);min-height:100vh;color:var(--shell-fg);place-items:center;padding:32px;display:grid}[data-ui=sign-in-card]{background:var(--shell-panel-bg);border:1px solid var(--shell-border);border-radius:var(--radius-md,12px);flex-direction:column;gap:16px;width:100%;max-width:420px;padding:32px;display:flex}[data-ui=sign-in-card] h1{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:600}[data-ui=sign-in-hint]{color:var(--shell-fg-muted);margin:0;font-size:14px;line-height:1.5}[data-ui=sign-in-hint-small]{color:var(--shell-fg-muted);margin:0;font-size:12px;line-height:1.5}[data-ui=sign-in-error]{border-radius:var(--radius-sm);background:var(--shell-input-bg);border:1px solid var(--shell-border-strong);color:var(--shell-fg);padding:12px;font-size:13px;line-height:1.5}[data-ui=user-menu]{border-left:1px solid var(--shell-border);align-items:center;gap:8px;padding-left:8px;display:inline-flex}[data-ui=user-email]{color:var(--shell-fg-muted);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;overflow:hidden}[data-ui=sign-in-form]{flex-direction:column;gap:16px;display:flex}[data-ui=sign-in-form] form{flex-direction:column;gap:12px;display:flex}[data-ui=sign-in-form] [data-ui=btn]{justify-content:center;padding:10px 12px}[data-ui=sign-in-field]{flex-direction:column;gap:6px;display:flex}[data-ui=sign-in-label]{color:var(--shell-fg-muted);font-size:12px;font-weight:500}[data-ui=sign-in-input]{background:var(--shell-input-bg);border:1px solid var(--shell-border-strong);border-radius:var(--radius-sm);color:var(--shell-fg);padding:10px 12px;font-family:inherit;font-size:14px}[data-ui=sign-in-input]:focus{outline:2px solid var(--shell-primary);outline-offset:-1px}[data-ui=sign-in-divider]{text-align:center;color:var(--shell-fg-muted);margin:4px 0;font-size:12px;position:relative}[data-ui=sign-in-divider]:before,[data-ui=sign-in-divider]:after{content:"";background:var(--shell-border);width:calc(50% - 24px);height:1px;position:absolute;top:50%}[data-ui=sign-in-divider]:before{left:0}[data-ui=sign-in-divider]:after{right:0}[data-ui=sign-in-link-btn]{color:var(--shell-fg-muted);text-align:center;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:4px;font-size:12px;text-decoration:underline}[data-ui=sign-in-link-btn]:hover:not(:disabled){color:var(--shell-fg)}[data-ui=sign-in-link-btn]:disabled{cursor:not-allowed;opacity:.6}[data-ui=landing],[data-ui=placeholder]{background:var(--shell-bg);min-height:100vh;color:var(--shell-fg);flex-direction:column;display:flex}[data-ui=landing-header]{border-bottom:1px solid var(--shell-border);justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}[data-ui=landing-brand]{color:var(--shell-fg);align-items:baseline;gap:8px;text-decoration:none;display:inline-flex}[data-ui=landing-brand-mark]{letter-spacing:-.01em;font-size:16px;font-weight:600}[data-ui=landing-brand-meta]{color:var(--shell-fg-muted);font-size:12px}[data-ui=landing-hero]{text-align:center;flex:1;align-content:center;justify-items:center;gap:16px;width:100%;max-width:1100px;margin:0 auto;padding:48px 24px 64px;display:grid}[data-ui=landing-title]{letter-spacing:-.02em;margin:0;font-size:clamp(28px,5vw,44px);font-weight:600;line-height:1.1}[data-ui=landing-subtitle]{max-width:56ch;color:var(--shell-fg-muted);margin:0;font-size:16px;line-height:1.5}[data-ui=landing-cta-grid]{text-align:left;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;width:100%;margin:24px 0 0;padding:0;list-style:none;display:grid}[data-ui=landing-cta-item]{display:flex}[data-ui=landing-cta-card]{border:1px solid var(--shell-border);border-radius:var(--radius-md,12px);background:var(--shell-panel-bg);color:var(--shell-fg);flex-direction:column;flex:1;gap:12px;padding:20px;text-decoration:none;display:flex}[data-ui=landing-cta-card]:hover,[data-ui=landing-cta-card]:focus-visible{border-color:var(--shell-border-strong)}[data-ui=landing-cta-card]:focus-visible{outline:2px solid var(--shell-primary);outline-offset:2px}[data-ui=landing-cta-card][data-state=coming-soon]{opacity:.85}[data-ui=landing-cta-head]{justify-content:space-between;align-items:center;gap:12px;display:flex}[data-ui=landing-cta-title]{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:600}[data-ui=landing-cta-tag]{color:var(--shell-fg-muted);border:1px solid var(--shell-border);border-radius:999px;padding:2px 8px;font-size:11px}[data-ui=landing-cta-description]{color:var(--shell-fg-muted);margin:0;font-size:13px;line-height:1.5}[data-ui=placeholder-body]{text-align:center;flex:1;align-content:center;justify-items:center;gap:12px;width:100%;max-width:640px;margin:0 auto;padding:48px 24px;display:grid}[data-ui=placeholder-title]{letter-spacing:-.01em;margin:0;font-size:clamp(24px,4vw,32px);font-weight:600}[data-ui=placeholder-tag]{color:var(--shell-fg-muted);border:1px solid var(--shell-border);border-radius:999px;margin:0;padding:2px 10px;font-size:12px}[data-ui=placeholder-text]{color:var(--shell-fg-muted);max-width:56ch;margin:0;font-size:14px;line-height:1.6}[data-ui=placeholder-body] [data-ui=btn]{margin-top:16px}}