@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(../../../../packages/styles/src/fonts/files/inter-variable.woff2)format("woff2")}@font-face{font-family:Clash Display;font-style:normal;font-weight:500 700;font-display:swap;src:url(../../../../packages/styles/src/fonts/files/clash-display-variable.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(../../../../packages/styles/src/fonts/files/jetbrains-mono-variable.woff2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f8f7fa;--color-surface:#fff;--color-surface-raised:#fff;--color-surface-sunken:#f1eff4;--color-surface-overlay:#fff;--color-surface-inverse:#191420;--color-text:#191420;--color-text-muted:#574f61;--color-text-subtle:#716a77;--color-text-inverse:#fff;--color-text-on-accent:#191420;--color-muted:#a09aad;--color-border:#e4e1ea;--color-border-strong:#cbc6d4;--color-border-subtle:#f1eff4;--color-accent:#f5327f;--color-accent-hover:#db1e69;--color-accent-active:#b31355;--color-accent-subtle:#ffe0eb;--color-accent-contrast:#191420;--color-brand:#f5327f;--color-brand-2:#8b5cf6;--color-danger:#ef4444;--color-danger-surface:#fde5e5;--color-danger-contrast:#191420;--color-success:#16a34a;--color-success-surface:#e0f7e8;--color-success-contrast:#191420;--color-warning:#d97706;--color-warning-surface:#fdefd8;--color-warning-contrast:#191420;--color-info:#2563eb;--color-info-surface:#e4eefe;--color-info-contrast:#fff;--color-focus:#8b5cf6;--color-scrim:#0f0b1773;--elevation-0:none;--elevation-1:0 1px 2px #0f0b170f, 0 1px 1px #0f0b170a;--elevation-2:0 2px 6px #0f0b1714, 0 1px 2px #0f0b170d;--elevation-3:0 6px 16px #0f0b171a, 0 2px 6px #0f0b170f;--elevation-4:0 12px 28px #0f0b1724, 0 4px 10px #0f0b1714;--elevation-5:0 24px 48px #0f0b1733, 0 8px 20px #0f0b171a;--gradient-brand:linear-gradient(135deg, #f5327f, #8b5cf6);--gradient-brand-soft:linear-gradient(135deg, #ff8fbb, #a78bfa);--gradient-sunset:linear-gradient(120deg, #ff5c9d, #fbbf24);--gradient-surface:linear-gradient(180deg, #fff, #f8f7fa)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0f0b17;--color-surface:#191420;--color-surface-raised:#262130;--color-surface-sunken:#0f0b17;--color-surface-overlay:#262130;--color-surface-inverse:#f8f7fa;--color-text:#f8f7fa;--color-text-muted:#cbc6d4;--color-text-subtle:#a09aad;--color-text-inverse:#191420;--color-text-on-accent:#0f0b17;--color-muted:#78717f;--color-border:#3d3646;--color-border-strong:#574f61;--color-border-subtle:#262130;--color-accent:#ff5c9d;--color-accent-hover:#ff8fbb;--color-accent-active:#ffbcd6;--color-accent-subtle:#ff5c9d29;--color-accent-contrast:#0f0b17;--color-brand:#ff5c9d;--color-brand-2:#a78bfa;--color-danger:#f87171;--color-danger-surface:#ef44442e;--color-danger-contrast:#0f0b17;--color-success:#4ade80;--color-success-surface:#22c55e2e;--color-success-contrast:#0f0b17;--color-warning:#fbbf24;--color-warning-surface:#f59e0b2e;--color-warning-contrast:#0f0b17;--color-info:#60a5fa;--color-info-surface:#3b82f62e;--color-info-contrast:#0f0b17;--color-focus:#a78bfa;--color-scrim:#0f0b17a8;--elevation-0:none;--elevation-1:0 1px 2px #0f0b1766, 0 1px 1px #0f0b174d;--elevation-2:0 2px 6px #0f0b1773, 0 1px 2px #0f0b1757;--elevation-3:0 6px 16px #0f0b1780, 0 2px 6px #0f0b1761;--elevation-4:0 12px 28px #0f0b178f, 0 4px 10px #0f0b176b;--elevation-5:0 24px 48px #0f0b17a3, 0 8px 20px #0f0b177a;--gradient-brand:linear-gradient(135deg, #db1e69, #7c3aed);--gradient-brand-soft:linear-gradient(135deg, #f5327f, #8b5cf6);--gradient-sunset:linear-gradient(120deg, #f5327f, #f59e0b);--gradient-surface:linear-gradient(180deg, #191420, #0f0b17)}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0f0b17;--color-surface:#191420;--color-surface-raised:#262130;--color-surface-sunken:#0f0b17;--color-surface-overlay:#262130;--color-surface-inverse:#f8f7fa;--color-text:#f8f7fa;--color-text-muted:#cbc6d4;--color-text-subtle:#a09aad;--color-text-inverse:#191420;--color-text-on-accent:#0f0b17;--color-muted:#78717f;--color-border:#3d3646;--color-border-strong:#574f61;--color-border-subtle:#262130;--color-accent:#ff5c9d;--color-accent-hover:#ff8fbb;--color-accent-active:#ffbcd6;--color-accent-subtle:#ff5c9d29;--color-accent-contrast:#0f0b17;--color-brand:#ff5c9d;--color-brand-2:#a78bfa;--color-danger:#f87171;--color-danger-surface:#ef44442e;--color-danger-contrast:#0f0b17;--color-success:#4ade80;--color-success-surface:#22c55e2e;--color-success-contrast:#0f0b17;--color-warning:#fbbf24;--color-warning-surface:#f59e0b2e;--color-warning-contrast:#0f0b17;--color-info:#60a5fa;--color-info-surface:#3b82f62e;--color-info-contrast:#0f0b17;--color-focus:#a78bfa;--color-scrim:#0f0b17a8;--elevation-0:none;--elevation-1:0 1px 2px #0f0b1766, 0 1px 1px #0f0b174d;--elevation-2:0 2px 6px #0f0b1773, 0 1px 2px #0f0b1757;--elevation-3:0 6px 16px #0f0b1780, 0 2px 6px #0f0b1761;--elevation-4:0 12px 28px #0f0b178f, 0 4px 10px #0f0b176b;--elevation-5:0 24px 48px #0f0b17a3, 0 8px 20px #0f0b177a;--gradient-brand:linear-gradient(135deg, #db1e69, #7c3aed);--gradient-brand-soft:linear-gradient(135deg, #f5327f, #8b5cf6);--gradient-sunset:linear-gradient(120deg, #f5327f, #f59e0b);--gradient-surface:linear-gradient(180deg, #191420, #0f0b17)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f8f7fa;--color-surface:#fff;--color-surface-raised:#fff;--color-surface-sunken:#f1eff4;--color-surface-overlay:#fff;--color-surface-inverse:#191420;--color-text:#191420;--color-text-muted:#574f61;--color-text-subtle:#716a77;--color-text-inverse:#fff;--color-text-on-accent:#191420;--color-muted:#a09aad;--color-border:#e4e1ea;--color-border-strong:#cbc6d4;--color-border-subtle:#f1eff4;--color-accent:#f5327f;--color-accent-hover:#db1e69;--color-accent-active:#b31355;--color-accent-subtle:#ffe0eb;--color-accent-contrast:#191420;--color-brand:#f5327f;--color-brand-2:#8b5cf6;--color-danger:#ef4444;--color-danger-surface:#fde5e5;--color-danger-contrast:#191420;--color-success:#16a34a;--color-success-surface:#e0f7e8;--color-success-contrast:#191420;--color-warning:#d97706;--color-warning-surface:#fdefd8;--color-warning-contrast:#191420;--color-info:#2563eb;--color-info-surface:#e4eefe;--color-info-contrast:#fff;--color-focus:#8b5cf6;--color-scrim:#0f0b1773;--elevation-0:none;--elevation-1:0 1px 2px #0f0b170f, 0 1px 1px #0f0b170a;--elevation-2:0 2px 6px #0f0b1714, 0 1px 2px #0f0b170d;--elevation-3:0 6px 16px #0f0b171a, 0 2px 6px #0f0b170f;--elevation-4:0 12px 28px #0f0b1724, 0 4px 10px #0f0b1714;--elevation-5:0 24px 48px #0f0b1733, 0 8px 20px #0f0b171a;--gradient-brand:linear-gradient(135deg, #f5327f, #8b5cf6);--gradient-brand-soft:linear-gradient(135deg, #ff8fbb, #a78bfa);--gradient-sunset:linear-gradient(120deg, #ff5c9d, #fbbf24);--gradient-surface:linear-gradient(180deg, #fff, #f8f7fa)}:root{--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--size-field-min:12rem;--size-grid-col-min:9rem;--size-prose:45rem;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-pill:999px;--radius-circle:50%;--z-base:0;--z-raised:10;--z-sticky:100;--z-drawer:200;--z-overlay:300;--z-modal:400;--z-lightbox:500;--z-toast:600;--z-tooltip:700;--z-max:9999;--duration-instant:80ms;--duration-fast:.15s;--duration-base:.24s;--duration-slow:.36s;--duration-slower:.56s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, 0, 1);--ease-accelerate:cubic-bezier(.3, 0, 1, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-linear:linear}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display:"Clash Display", var(--font-sans);--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.5}.f4-auth{min-height:100dvh;padding:var(--space-6);background:var(--color-bg);color:var(--color-text);justify-content:center;align-items:center;display:flex}.f4-auth__card{gap:var(--space-4);width:100%;max-width:24rem;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;display:flex}.f4-auth__title{font-family:var(--font-display);text-align:center;margin:0;font-size:1.5rem}.f4-auth__subtitle{color:var(--color-text-muted);text-align:center;margin:0}.f4-auth__form{gap:var(--space-4);flex-direction:column;display:flex}.f4-auth__error{color:var(--color-danger);margin:0;font-size:.9rem}.f4-auth__switch{text-align:center;color:var(--color-text-subtle);margin:0;font-size:.9rem}.f4-billing,.f4-referral{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.f4-billing__sectionTitle{margin:0 0 var(--space-2);font-family:var(--font-display);color:var(--color-text-subtle);font-size:.95rem}.f4-billing__balance{gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);flex-direction:column;display:flex}.f4-billing__credits{font-family:var(--font-display);margin:0;font-size:1.5rem}.f4-billing__tier,.f4-billing__subscription{color:var(--color-text-muted);margin:0;font-size:.9rem}.f4-billing__planList,.f4-billing__ledgerList,.f4-referral__list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.f4-billing__planCard,.f4-billing__ledgerRow,.f4-referral__row{justify-content:space-between;align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);display:flex}.f4-billing__planCard[aria-current=true]{box-shadow:inset 2px 0 0 var(--color-accent)}.f4-billing__planTier,.f4-billing__ledgerReason{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.f4-billing__planCredits,.f4-billing__ledgerDelta{color:var(--color-text-muted);flex-shrink:0;font-size:.85rem}.f4-billing__empty,.f4-referral__empty{color:var(--color-text-muted);margin:0;font-size:.9rem}@media (min-width:768px){.f4-billing__planList{grid-template-columns:repeat(auto-fill, minmax(var(--size-grid-col-min), 1fr));display:grid}.f4-billing__planCard{flex-direction:column;align-items:flex-start}}.f4-builder-picker{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.f4-builder-picker__grid{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (min-width:768px){.f4-builder-picker__grid{grid-template-columns:1fr 1fr}}.f4-builder-picker__card{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);flex-direction:column;display:flex}.f4-builder-picker__badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);background:var(--color-surface-sunken);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.04em;align-self:flex-start;font-size:.7rem}.f4-builder-picker__badge[data-free=true]{background:var(--color-success-surface);color:var(--color-text)}.f4-builder-picker__title{font-family:var(--font-display);margin:0;font-size:1rem}.f4-builder-picker__blurb{color:var(--color-text-muted);flex:1;margin:0;font-size:.9rem}.f4-paywall{align-self:center;gap:var(--space-2);max-width:28rem;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-warning-surface);color:var(--color-text);flex-direction:column;display:flex}.f4-paywall__title{font-family:var(--font-display);margin:0;font-size:1rem}.f4-paywall__body{color:var(--color-text-muted);margin:0;font-size:.9rem}.f4-paywall__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.f4-referral__link{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.f4-referral__linkLabel{color:var(--color-text-subtle);font-size:.85rem}.f4-referral__linkRow{gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.f4-referral__linkInput{flex:1 1 var(--size-field-min);min-width:0;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;text-overflow:ellipsis;overflow:hidden}.f4-referral__stats{gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.f4-referral__stat{color:var(--color-text-muted);margin:0;font-size:.9rem}.f4-referral__rewards{gap:var(--space-1);flex-direction:column;display:flex}.f4-referral__rewardLine{color:var(--color-text-subtle);margin:0;font-size:.85rem}.f4-referral__status{color:var(--color-text-muted);font-size:.85rem}.f4-referral__status--qualified{color:var(--color-success,var(--color-text))}.f4-referral__status--revoked{color:var(--color-danger)}.f4-settings{gap:var(--space-4);flex-direction:column;display:flex}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);margin:0;overflow-x:hidden}.f4-surface{background:var(--color-bg);grid-template-columns:1fr;height:100dvh;display:grid}.f4-surface__aside{display:none}.f4-surface__main{flex-direction:column;min-width:0;min-height:0;display:flex}.f4-surface__empty{padding:var(--space-6);color:var(--color-text-muted);flex:1;justify-content:center;align-items:center;display:flex}@media (min-width:768px){.f4-surface{grid-template-columns:minmax(15rem,20rem) 1fr}.f4-surface__aside{border-right:1px solid var(--color-border);background:var(--color-surface-sunken);display:block;overflow-y:auto}.f4-chat__menu{display:none}}.f4-switcher{gap:var(--space-2);padding:var(--space-4);flex-direction:column;display:flex}.f4-switcher__title{margin:0 0 var(--space-2);font-family:var(--font-display);color:var(--color-text-subtle);font-size:1rem}.f4-switcher__list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.f4-switcher__item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text);font:inherit;text-align:start;cursor:pointer;transition:background var(--duration-fast,.15s) var(--ease-standard,ease);background:0 0;border:0;display:flex}.f4-switcher__item:hover{background:var(--color-surface-raised)}.f4-switcher__item[aria-current=true]{background:var(--color-accent-subtle,var(--color-surface-raised));box-shadow:inset 2px 0 0 var(--color-accent)}.f4-switcher__item:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:inherit}.f4-switcher__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.f4-switcher__empty{color:var(--color-text-muted);font-size:.9rem}.f4-chat{flex-direction:column;flex:1;min-height:0;display:flex}.f4-chat__header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface);display:flex}.f4-chat__identity{flex:1;min-width:0}.f4-chat__name{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.1rem;overflow:hidden}.f4-chat__status{color:var(--color-text-subtle);font-size:.8rem}.f4-stream{gap:var(--space-3);min-height:0;padding:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.f4-stream__text{white-space:pre-wrap;word-break:break-word}.f4-stream__items{gap:var(--space-2);flex-direction:column;display:flex}.f4-stream__tool{align-items:center;gap:var(--space-1);color:var(--color-text-subtle);font-size:.8rem;display:inline-flex}.f4-stream__tool-name{font-family:var(--font-mono)}.f4-stream__empty{color:var(--color-text-muted);margin:auto}.f4-stream__error{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-danger-surface);color:var(--color-text);align-self:center;font-size:.9rem}form.f4-composer{align-items:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);background:var(--color-surface);flex-direction:row}.f4-composer__input{flex:1}.f4-genui{gap:var(--space-3);flex-direction:column;display:flex}.f4-genui__title{font-family:var(--font-display);margin:0;font-size:1rem}.f4-genui__prompt{color:var(--color-text-muted);margin:0}.f4-genui__error{color:var(--color-danger);margin:0;font-size:.85rem}.f4-genui__hint{color:var(--color-text-subtle);margin:0;font-size:.8rem}.f4-genui-card{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);flex-direction:column;display:flex}.f4-genui-card__body{color:var(--color-text-muted);margin:0}.f4-genui-card__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.f4-genui-gallery__grid{gap:var(--space-2);margin-bottom:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(5rem,1fr));display:grid}.f4-genui-file__label{gap:var(--space-1);flex-direction:column;display:flex}.f4-genui-file__input{color:var(--color-text)}.f4-genui-toast{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-info-surface);color:var(--color-text);margin:0;font-size:.9rem}.f4-genui-toast--success{background:var(--color-success-surface)}.f4-genui-toast--warning{background:var(--color-warning-surface)}.f4-genui-toast--error{background:var(--color-danger-surface)}.f4-switcher-panel{gap:var(--space-2);flex-direction:column;min-height:100%;display:flex}.f4-switcher-panel__new{margin:var(--space-2) var(--space-4) 0}.f4-switcher-panel__nav{gap:var(--space-1);margin:0 var(--space-4) var(--space-4);flex-direction:column;display:flex}.f4-switcher-panel__navItem{justify-content:flex-start}.f4-surface__cta{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.f4-surface-modal__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.f4-builder{gap:var(--space-3)}.f4-builder__file{gap:var(--space-1);flex-direction:column;display:flex}