@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.p.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_4e09581c-module__LFCVIq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_4e09581c-module__LFCVIq__variable{--font-geist:"Inter", "Inter Fallback"}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08080a;--bg-elevated:#101014;--bg-muted:#16161c;--fg:#f5f5f5;--fg-muted:#a1a1aa;--fg-subtle:#71717a;--border:#ffffff14;--border-strong:#ffffff24;--card:#121216;--primary:#f4f4f5;--primary-fg:#09090b;--secondary:#1c1c22;--danger:#ef4444;--success:#22c55e;--ring:#ffffff47;--shadow:0 18px 50px #00000047;--accent:#a78bfa;--accent-2:#f472b6;--accent-3:#22d3ee;--accent-4:#fb7185;--accent-soft:#a78bfa29;--accent-glow:0 0 36px #a78bfa38;--radius:16px;--radius-sm:10px;--header-h:80px;--sidebar-w:280px;--font-sans:var(--font-geist), Inter, "Segoe UI", sans-serif;--fs-display:clamp(2.6rem, 6vw, 4.6rem);--fs-heading:clamp(1.6rem, 3vw, 2.4rem);--fs-body:1rem;--fs-caption:.8125rem}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f7f8;--bg-elevated:#fff;--bg-muted:#f1f1f3;--fg:#09090b;--fg-muted:#52525b;--fg-subtle:#71717a;--border:#09090b14;--border-strong:#09090b24;--card:#fff;--primary:#111113;--primary-fg:#fafafa;--secondary:#ececee;--danger:#dc2626;--success:#16a34a;--ring:#09090b38;--shadow:0 16px 40px #0f0f1214;--accent:#7c3aed;--accent-2:#db2777;--accent-3:#0891b2;--accent-4:#e11d48;--accent-soft:#7c3aed1f;--accent-glow:0 0 26px #7c3aed29}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-padding-top:calc(var(--header-h) + 12px)}html,body{min-height:100%}body{font-family:var(--font-sans);font-size:var(--fs-body);background:var(--bg);color:var(--fg);line-height:1.55;overflow-x:hidden}body:before,body:after{display:none}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}img,video,svg{max-width:100%}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:min(1120px,100% - 40px);margin:0 auto}.btn,.primary-btn,.secondary-btn,.start-button,.login,.auth-submit{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;transition:transform .16s,background .16s,border-color .16s,opacity .16s;display:inline-flex}.btn-primary,.primary-btn,.start-button,.login,.auth-submit{background:var(--primary);color:var(--primary-fg);font-weight:600}.landing-page .primary-btn,.landing-page .start-button{box-shadow:0 10px 30px color-mix(in srgb, var(--accent) 28%, transparent)}.btn-secondary,.secondary-btn{border-color:var(--border-strong);color:var(--fg);background:0 0}.btn:hover,.primary-btn:hover,.secondary-btn:hover,.start-button:hover,.login:hover,.auth-submit:hover{box-shadow:var(--accent-glow);transform:translateY(-1px)}.btn:disabled,.auth-submit:disabled,.send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.input,.auth-box input,.sidebar-search input,.model-search input,.prompt-textarea{border:1px solid var(--border);background:var(--bg-elevated);border-radius:var(--radius-sm);width:100%;padding:12px 14px}.badge{border:1px solid var(--border);color:var(--fg-muted);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:3px 8px;font-size:11px;display:inline-flex}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}.theme-switch{border:1px solid var(--border-strong);background:var(--bg-muted);border-radius:999px;grid-template-columns:1fr 1fr;gap:5px;padding:5px;display:grid}.theme-switch button{min-height:44px;color:var(--fg-muted);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:600;display:flex}.theme-switch.compact button{min-width:44px;min-height:40px;padding:0 12px}.theme-switch button.active,[data-theme=dark] .theme-switch [data-theme-value=dark],[data-theme=light] .theme-switch [data-theme-value=light]{background:var(--bg-elevated);color:var(--fg);box-shadow:var(--shadow)}.theme-switch.compact{width:auto}.landing-page{isolation:isolate;background:radial-gradient(980px 520px at 8% -8%, color-mix(in srgb, var(--accent) 28%, transparent), transparent 58%), radial-gradient(760px 460px at 96% 6%, color-mix(in srgb, var(--accent-2) 20%, transparent), transparent 52%), radial-gradient(720px 420px at 70% 88%, color-mix(in srgb, var(--accent-3) 14%, transparent), transparent 48%), var(--bg);position:relative}.eyebrow{color:var(--accent-3);letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;font-size:12px;display:inline-flex}.workspace-heading{flex-direction:column;gap:2px;display:flex}.workspace-heading small{color:var(--fg-muted);font-size:12px}.header{z-index:40;height:var(--header-h);background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);position:sticky;top:0}.header .container{justify-content:space-between;align-items:center;gap:24px;height:100%;display:flex}.nav-anchors{flex:1;justify-content:center;align-items:center;gap:22px;display:flex}.nav-anchors a{color:var(--fg-muted);font-size:15px}.nav-anchors a:hover{color:var(--fg)}.logo,.brand{align-items:center;gap:12px;display:flex}.logo-box,.brand-mark{background:#0c0c10;border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.logo-box img,.brand-mark img{object-fit:cover;width:100%;height:100%;display:block}.logo h2,.brand-copy strong{letter-spacing:-.03em;font-size:20px;font-weight:650;line-height:1.15}.logo span,.brand-copy small{color:var(--fg-muted);font-size:13px;line-height:1.2;display:block}.nav{align-items:center;gap:10px;display:flex}.app-sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:color-mix(in srgb, var(--bg-elevated) 90%, var(--accent) 5%);border-right:1px solid color-mix(in srgb, var(--accent-3) 24%, var(--border));height:100dvh;box-shadow:inset -1px 0 0 color-mix(in srgb, var(--accent) 14%, transparent);z-index:50;flex-direction:column;gap:16px;padding:18px 14px;transition:width .22s,min-width .22s,padding .22s,border-color .22s,opacity .18s;display:flex;position:sticky;top:0;overflow:hidden}[data-theme=light] .app-sidebar{background:var(--bg);border-right-color:var(--border);box-shadow:none}.app-sidebar.collapsed{opacity:0;pointer-events:none;border-right-color:#0000;width:0;min-width:0;padding-left:0;padding-right:0}.app-sidebar>*{min-width:calc(var(--sidebar-w) - 28px)}.sidebar-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.sidebar-collapse,.sidebar-expand,.sidebar-close,.sidebar-mobile-toggle{width:36px;height:36px;color:var(--fg-muted);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.sidebar-collapse:hover,.sidebar-expand:hover,.sidebar-close:hover,.sidebar-mobile-toggle:hover{background:var(--bg-muted);color:var(--fg)}.sidebar-close,.sidebar-mobile-toggle{border:1px solid var(--border);background:var(--card);display:none}.sidebar-expand{z-index:46;border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);display:none;position:fixed;top:16px;left:12px}.sidebar-expand.visible{display:grid}.workspace:has(.app-sidebar.collapsed) .workspace-top{padding-left:60px}:is(.app-shell:has(.app-sidebar.collapsed) .app-main,.settings-shell:has(.app-sidebar.collapsed) .settings-main){padding-left:56px}.sidebar-nav{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));background:color-mix(in srgb, var(--bg-elevated) 92%, var(--accent) 8%);box-shadow:0 0 22px color-mix(in srgb, var(--accent) 12%, transparent);border-radius:18px;flex-direction:column;gap:4px;padding:8px;display:flex}[data-theme=dark] .sidebar-nav{background:color-mix(in srgb, var(--bg-elevated) 74%, var(--accent) 26%);border-color:color-mix(in srgb, var(--accent) 32%, var(--border))}.sidebar-link,.profile-trigger,.history-title{width:100%;min-height:44px;color:var(--fg-muted);text-align:left;border-radius:12px;align-items:center;gap:10px;padding:0 12px;font-size:15px;text-decoration:none;transition:background .16s,color .16s;display:flex}.sidebar-link:hover,.history-row:hover,.profile-trigger:hover,.model-option:hover,.history-menu button:hover,.profile-menu button:hover,.profile-menu a:hover{background:var(--bg-muted);color:var(--fg)}.sidebar-link.active,.history-row.active,.profile-trigger.active{background:var(--accent-soft);color:var(--fg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 42%, transparent), 0 0 18px color-mix(in srgb, var(--accent) 18%, transparent)}.sidebar-history{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--bg-muted) 72%, var(--bg) 28%);border-radius:18px;flex-direction:column;flex:1;gap:8px;min-height:0;padding:10px 8px;display:flex}.sidebar-plan{color:#fff;letter-spacing:0;-webkit-font-smoothing:auto;text-rendering:geometricprecision;background:linear-gradient(#5c488c 0%,#322448 100%);border:1px solid #c4b5fd5c;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;min-height:52px;font-size:20px;font-weight:650;display:flex;box-shadow:0 10px 22px #1c103047}.sidebar-plan:hover{background:linear-gradient(#6a5698 0%,#3a2c54 100%);box-shadow:0 12px 26px #32244866}.sidebar-history-head,.history-filters{color:var(--fg-subtle);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.history-filters{width:100%}.history-filters button{color:var(--fg-subtle);border-radius:999px;flex:1;padding:6px 8px}.history-filters button.active{background:var(--accent-soft);color:var(--fg)}.history-list{flex-direction:column;gap:2px;display:flex;overflow:auto}.history-row{border-radius:10px;align-items:center;display:flex;position:relative}.history-row .history-title{flex:1;width:auto;min-width:0}.history-actions{flex-shrink:0;margin-right:4px;display:flex}.history-actions .icon-button{width:28px;height:28px;color:var(--fg-subtle)}.history-actions .icon-button.danger:hover{color:var(--danger)}.history-empty{color:var(--fg-subtle);padding:8px;font-size:13px}.history-menu{z-index:80;position:absolute;top:calc(100% - 4px);right:8px}.profile-menu,.model-popover,.more-menu{z-index:20;position:absolute}.history-menu,.profile-menu,.model-popover,.more-menu{background:var(--card);border:1px solid var(--border);min-width:180px;box-shadow:var(--shadow);border-radius:14px;padding:6px}.history-menu button,.profile-menu button,.profile-menu a,.more-menu button{text-align:left;width:100%;color:var(--fg-muted);border-radius:10px;padding:9px 10px;text-decoration:none;display:block}.history-menu button{justify-content:space-between;align-items:center;gap:16px;display:flex}.history-menu .danger,.profile-menu .danger,.more-menu .danger{color:var(--danger)}.token-chip{border:1px solid var(--border);background:var(--bg-muted);border-radius:14px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}button.token-chip{cursor:pointer;color:inherit;gap:16px}button.token-chip:hover{border-color:color-mix(in srgb, var(--accent) 34%, var(--border))}.token-chip span,.profile-meta small{color:var(--fg-muted);font-size:12px}.sidebar-profile{position:relative}.avatar{background:var(--fg);width:32px;height:32px;color:var(--bg);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.profile-meta{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.profile-meta strong,.profile-meta small{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.workspace,.app-shell,.settings-shell{background:radial-gradient(900px 480px at 0% -8%, color-mix(in srgb, var(--accent-3) 28%, transparent), transparent 58%), radial-gradient(760px 520px at 100% 8%, color-mix(in srgb, var(--accent) 32%, transparent), transparent 54%), radial-gradient(640px 360px at 70% 110%, color-mix(in srgb, var(--accent-3) 12%, transparent), transparent 60%), var(--bg);height:100dvh;min-height:100dvh;display:flex;overflow:hidden}[data-theme=light] .workspace,[data-theme=light] .app-shell,[data-theme=light] .settings-shell{background:radial-gradient(820px 420px at 8% -12%, color-mix(in srgb, var(--accent-3) 12%, transparent), transparent 64%), radial-gradient(680px 460px at 100% 0%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 60%), var(--bg)}.workspace-main,.app-main,.settings-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.workspace-top{z-index:40;border-bottom:1px solid color-mix(in srgb, var(--accent-3) 18%, var(--border));background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:10px 20px;display:flex;position:sticky;top:0}.workspace-body{flex:1;padding:28px 20px 140px;overflow:auto}.messages{flex-direction:column;gap:22px;width:min(820px,100%);margin:0 auto;display:flex}.message.user{border:1px solid color-mix(in srgb, var(--accent-3) 32%, var(--border));background:color-mix(in srgb, var(--accent) 12%, var(--bg-muted));max-width:min(640px,92%);box-shadow:0 0 22px color-mix(in srgb, var(--accent) 14%, transparent);border-radius:18px 18px 6px;align-self:flex-end;padding:12px 16px}.message.assistant{width:100%}.message-author,.caption{color:var(--fg-subtle);font-size:var(--fs-caption);margin-bottom:6px}.markdown h1,.markdown h2,.markdown h3{letter-spacing:-.03em;margin:16px 0 8px}.markdown p,.markdown li{color:var(--fg)}.markdown ul,.markdown ol{margin:8px 0;padding-left:18px}.markdown a{text-underline-offset:3px;text-decoration:underline}.markdown code{background:var(--bg-muted);border:1px solid var(--border);border-radius:6px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em}.markdown pre{background:var(--bg-muted);border:1px solid var(--border);border-radius:12px;margin:12px 0;padding:14px;overflow:auto}.markdown pre code{background:0 0;border:0;padding:0}.md-table-wrap{margin:12px 0;overflow:auto}.markdown table{border-collapse:collapse;width:100%;font-size:14px}.markdown th,.markdown td{border:1px solid var(--border);text-align:left;padding:8px 10px}.message-actions,.media-actions{flex-wrap:wrap;gap:4px;margin-top:10px;display:flex}.icon-button{width:34px;height:34px;color:var(--fg-muted);border-radius:10px;place-items:center;display:grid}.icon-button:hover,.icon-button.active{background:var(--bg-muted);color:var(--fg)}.icon-button.active{background:var(--accent-soft);color:var(--accent)}.prompt-dock{z-index:30;background:linear-gradient(to top, var(--bg) 70%, transparent);padding:12px 20px 20px;position:sticky;bottom:0}.composer-error{color:var(--danger);margin:0 2px 8px;font-size:15px;line-height:1.4}.prompt-shell{background:linear-gradient(var(--card), var(--card)) padding-box, linear-gradient(125deg, color-mix(in srgb, var(--accent-3) 72%, white 8%), color-mix(in srgb, var(--accent) 62%, transparent)) border-box;width:min(820px,100%);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-3) 22%, transparent), 0 0 36px color-mix(in srgb, var(--accent) 28%, transparent), 0 0 64px color-mix(in srgb, var(--accent-3) 16%, transparent), var(--shadow);border:1px solid #0000;border-radius:22px;margin:0 auto;padding:10px;position:relative}.prompt-shell:focus-within{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-3) 28%, transparent), 0 0 36px color-mix(in srgb, var(--accent) 26%, transparent), 0 0 64px color-mix(in srgb, var(--accent-3) 14%, transparent), var(--shadow)}.prompt-toolbar,.prompt-bottom,.media-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.media-controls{align-items:flex-end;gap:12px 16px;padding:2px 4px 8px}.media-chip-group{flex-direction:column;gap:6px;min-width:0;display:flex}.media-chip-label{letter-spacing:.04em;text-transform:uppercase;color:var(--fg-subtle);padding-left:4px;font-size:11px;font-weight:650}.media-chip-row{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-muted) 82%, var(--fg) 5%);border-radius:14px;flex-wrap:wrap;gap:4px;padding:4px;display:flex;box-shadow:inset 0 1px #ffffff08}.media-chip{min-height:32px;color:var(--fg-muted);background:0 0;border:1px solid #0000;border-radius:10px;padding:0 12px;font-size:13px;font-weight:600;line-height:1;transition:background .16s,color .16s,border-color .16s,box-shadow .16s}.media-chip:hover{color:var(--fg);background:color-mix(in srgb, var(--bg-elevated) 70%, transparent)}.media-chip.active{background:var(--bg-elevated);color:var(--fg);border-color:var(--border-strong);box-shadow:0 8px 18px #00000024}[data-theme=light] .media-chip-row{background:color-mix(in srgb, var(--bg-muted) 88%, #fff 12%);box-shadow:inset 0 1px 2px #0f0f120a}[data-theme=light] .media-chip.active{background:#fff;box-shadow:0 4px 12px #0f0f1214}.prompt-textarea{resize:none;background:0 0;border:0;min-height:52px;max-height:180px;padding:8px 10px}.prompt-textarea:focus{outline:none}.attach-row{flex-wrap:wrap;gap:8px;padding:6px 8px 2px;display:flex}.attach-chip{background:var(--bg-muted);max-width:160px;min-height:36px;color:var(--fg-muted);border-radius:12px;align-items:center;gap:8px;padding:4px 28px 4px 6px;font-size:12px;display:flex;position:relative}.attach-chip img{object-fit:cover;border-radius:8px;width:28px;height:28px}.attach-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attach-chip button{width:18px;height:18px;color:var(--fg-muted);border-radius:999px;place-items:center;display:grid;position:absolute;top:4px;right:4px}.cost-hint{text-align:center;width:min(820px,100%);color:var(--fg);margin:0 auto 10px;font-size:14px;font-weight:600}.send-button{background:var(--primary);width:40px;height:40px;color:var(--primary-fg);box-shadow:0 0 16px color-mix(in srgb, var(--accent-3) 32%, transparent);border-radius:12px}.send-button:hover:not(:disabled){box-shadow:0 0 18px color-mix(in srgb, var(--accent-3) 46%, transparent), var(--accent-glow)}.model-mini{text-overflow:ellipsis;white-space:nowrap;max-width:160px;min-height:34px;color:var(--fg-muted);border-radius:10px;padding:0 10px;overflow:hidden}.model-picker{position:relative}.model-picker.dock{position:static}.model-picker.dock .model-trigger{background:color-mix(in srgb, var(--accent) 12%, var(--bg-muted));min-height:34px;color:var(--fg);border:0;padding:0 10px}.model-picker.dock .model-trigger strong{font-size:13px;font-weight:600}.prompt-shell .model-popover{border:1px solid color-mix(in srgb, var(--accent) 26%, var(--border));width:auto;max-height:min(52vh,440px);box-shadow:var(--shadow), 0 0 40px color-mix(in srgb, var(--accent) 12%, transparent);inset:auto 0 calc(100% + 12px)}.model-trigger{border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;min-height:42px;padding:4px 10px;display:flex}.model-trigger small{color:var(--fg-subtle);font-size:11px;display:block}.model-popover{flex-direction:column;width:min(420px,92vw);max-height:70vh;display:flex;top:calc(100% + 8px);left:0;overflow:hidden}.model-search{border:1px solid var(--border);border-radius:12px;align-items:center;gap:8px;margin:6px;padding:0 8px;display:flex}.model-search input{background:0 0;border:0;padding:10px 0}.model-groups{flex:1;min-height:0;padding:0 6px 8px;overflow:auto}.model-groups h4{background:var(--card);color:var(--fg-subtle);letter-spacing:.08em;padding:8px 8px 4px;font-size:11px;position:sticky;top:0}.model-option{text-align:left;border:1px solid var(--border);background:var(--bg-elevated);width:calc(100% - 8px);box-shadow:0 8px 24px color-mix(in srgb, var(--accent) 8%, transparent);border-radius:16px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;margin:6px 4px;padding:12px;display:grid}.model-option:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.model-trigger-logo{object-fit:contain;border-radius:6px;width:22px;height:22px}.model-mark{background:0 0;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid;overflow:hidden}.model-mark img{object-fit:cover;width:34px;height:34px}.model-family{flex-direction:column;gap:2px;display:flex}.model-family-label{color:var(--fg-subtle);margin:6px 8px 2px;font-size:11px}.model-option.selected{background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent)}.model-option-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.model-option-copy small{color:var(--fg-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.model-option-price{background:color-mix(in srgb, var(--accent) 14%, var(--bg-muted));color:var(--fg);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:4px 8px;font-size:12px;font-weight:650}.empty-state{text-align:center;width:min(760px,100%);margin:10vh auto 0}.empty-families{flex-wrap:wrap;justify-content:center;gap:12px;margin:28px 0 18px;display:flex}.empty-family{width:78px;color:var(--fg-muted);flex-direction:column;align-items:center;gap:8px;display:flex}.empty-family span{border:1px solid var(--border);background:var(--card);border-radius:50%;place-items:center;width:56px;height:56px;font-weight:700;transition:border-color .16s,box-shadow .16s,background .16s;display:grid;overflow:hidden}.empty-family img{object-fit:cover;width:56px;height:56px}.empty-family.active{color:var(--fg)}.empty-family.active span{border-color:color-mix(in srgb, var(--accent-3) 55%, var(--border));background:var(--accent-soft);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent), 0 0 22px color-mix(in srgb, var(--accent-3) 28%, transparent)}.empty-pills{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.empty-pill{border:1px solid var(--border);background:var(--bg-muted);min-height:36px;color:var(--fg-muted);border-radius:999px;padding:0 14px}.empty-pill.active{color:var(--fg);background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.empty-state.has-tools{width:min(900px,100%);margin-top:6vh}.messages-empty-icon{border:1px solid var(--border);background:var(--card);width:56px;height:56px;color:var(--fg);border-radius:50%;place-items:center;margin:0 auto 16px;display:grid}.start-tools{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;margin:28px auto 0;display:grid}.start-tool{border:1px solid var(--border);background:var(--card);min-height:0;color:var(--fg);font:inherit;text-align:left;cursor:pointer;border-radius:18px;flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden}.start-tool-media{aspect-ratio:16/10;background:var(--bg-muted);display:block;overflow:hidden}.start-tool-media img,.start-tool-media video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.start-tool-copy{flex-direction:column;gap:4px;padding:12px 14px 14px;display:flex}.start-tool-copy span{color:var(--fg-muted);font-size:13px;line-height:1.4}.start-tool:hover,.start-tool.active{border-color:color-mix(in srgb, var(--accent-3) 42%, var(--border));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent), 0 0 24px color-mix(in srgb, var(--accent) 16%, transparent)}@media (max-width:720px){.start-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}.tool-active-chip{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.account-bar{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex;position:relative}.account-bar .token-chip{cursor:pointer;gap:8px;width:auto;min-width:0;padding:8px 12px}.account-avatar,.account-messages{box-sizing:border-box;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.account-avatar{background:var(--fg);color:var(--bg);font-weight:700}.account-messages{border:1px solid var(--border);background:var(--bg-muted);color:var(--fg);text-decoration:none}.account-messages:hover{border-color:color-mix(in srgb, var(--accent) 34%, var(--border))}.account-messages-wrap{position:relative}.account-messages.has-unread{border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.account-messages-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.messages-panel{border:1px solid var(--border);background:var(--card);width:min(340px,100vw - 24px);max-height:380px;box-shadow:var(--shadow);z-index:50;border-radius:16px;flex-direction:column;padding:6px 8px 10px;display:flex;position:absolute;top:calc(100% + 10px);left:auto;right:0}.messages-panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:8px 8px 10px;display:flex}.messages-back{color:var(--fg-muted);font-size:13px}.messages-list,.messages-thread{flex-direction:column;flex:1;gap:4px;min-height:0;padding:6px 2px;display:flex;overflow:auto}.messages-item{border-radius:10px;align-items:flex-start;gap:6px;padding:8px;display:flex}.messages-item.is-open,.messages-item:hover{background:var(--bg-muted)}.messages-item-main{text-align:left;flex:1;min-width:0}.messages-item-main strong,.messages-item-main span{display:block}.messages-item-main span{color:var(--fg-muted);white-space:pre-wrap;margin-top:4px;font-size:15px;line-height:1.45}.messages-item.is-unread strong{color:var(--accent)}.messages-item-delete{color:var(--fg-muted);flex-shrink:0;padding:4px 6px;font-size:12px}.messages-bubble{background:var(--bg-muted);border-radius:12px;align-self:flex-start;max-width:90%;padding:8px 10px}.messages-bubble.is-me{background:var(--accent-soft);align-self:flex-end}.messages-bubble small{color:var(--fg-muted);margin-bottom:2px;font-size:11px;display:block}.messages-compose{border-top:1px solid var(--border);gap:8px;padding:8px 4px 4px;display:flex}.messages-compose input{border:1px solid var(--border);background:var(--bg-muted);min-width:0;color:inherit;border-radius:10px;flex:1;padding:8px 10px}.messages-compose button{background:var(--fg);color:var(--bg);white-space:nowrap;border-radius:10px;padding:8px 10px}.account-menu{z-index:40;min-width:248px;top:calc(100% + 8px);left:auto;right:0}.account-menu-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:4px;padding:10px;display:flex}.account-menu-head small{color:var(--fg-muted);font-size:12px;display:block}.check-email-card{text-align:center}.check-email-mark{background:var(--accent-soft);width:72px;height:72px;box-shadow:var(--accent-glow);border-radius:24px;place-items:center;margin:8px auto 16px;font-size:28px;display:grid}.check-email-card .back-button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.plan-tokens{margin:8px 0 0;font-size:18px}.empty-state h1,.hero h1,.section-title{letter-spacing:-.05em;line-height:1.05}.empty-state h1{background:linear-gradient(105deg, var(--fg) 10%, var(--accent-3) 72%, var(--accent) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.empty-state p,.hero p,.section-copy{color:var(--fg-muted)}.media-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;width:min(980px,100%);margin:0 auto;display:grid}.media-card{border:1px solid var(--border);background:var(--card);border-radius:16px;overflow:hidden}.media-card img,.media-card video{aspect-ratio:1;object-fit:cover;background:var(--bg-muted);width:100%;display:block}.thinking{color:var(--fg-muted);flex-direction:column;gap:4px;display:flex}.thinking strong{color:var(--fg);font-size:13px;font-weight:600}.thinking span{animation:.35s think-swap}.message.assistant.is-streaming .markdown-content:after,.chat-preview-msg.assistant.is-typing:after{content:"▍";color:var(--accent);margin-left:2px;animation:.85s step-end infinite caret-blink;display:inline-block}@keyframes caret-blink{50%{opacity:0}}@keyframes think-swap{0%{opacity:.35;transform:translateY(2px)}to{opacity:1;transform:none}}.token-alert{border:1px solid color-mix(in srgb, var(--danger) 30%, var(--border));border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:10px 12px;display:flex}.chat-plan-backdrop{z-index:70;-webkit-backdrop-filter:blur(6px);background:#00000094;place-items:center;padding:20px;animation:.25s chat-plan-fade;display:grid;position:fixed;inset:0;overflow-y:auto}.chat-plan-offer{border:1px solid color-mix(in srgb, var(--accent) 26%, var(--border));background:var(--card);width:min(1040px,100%);box-shadow:var(--shadow), 0 0 60px color-mix(in srgb, var(--accent) 18%, transparent);border-radius:24px;flex-direction:column;gap:12px;padding:26px 24px 22px;animation:.3s chat-plan-in;display:flex;position:relative}.chat-plan-close{background:var(--bg-muted);width:36px;height:36px;color:var(--fg);cursor:pointer;border-radius:50%;place-items:center;padding:0;font-size:22px;line-height:1;display:grid;position:absolute;top:14px;right:14px}.chat-plan-close:hover{background:var(--accent-soft)}.chat-plan-offer-title{letter-spacing:-.03em;margin:0;padding-right:44px;font-size:24px}.chat-plan-offer-status{color:var(--fg-muted);margin:0;font-size:14px}.chat-plan-offer-status.is-result{color:var(--fg);font-weight:600}@keyframes chat-plan-fade{0%{opacity:0}to{opacity:1}}.chat-plans{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.plan-card.chat-plan{border-radius:14px;padding:14px;position:relative}.plan-card.chat-plan h3{margin:0;font-size:15px}.chat-plan-price{letter-spacing:-.03em;margin-top:6px;font-size:22px}.plan-card.chat-plan .plan-tokens{color:var(--fg-muted);margin-top:2px;font-size:14px}.plan-card.chat-plan ul{margin:10px 0;font-size:12px}.plan-card.chat-plan .plan-badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-self:flex-start;margin-bottom:6px;padding:2px 8px;font-size:11px;font-weight:650}.chat-plan-offer-link{color:var(--accent);align-self:flex-start;font-size:14px}@keyframes chat-plan-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}@media (max-width:1100px){.chat-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.chat-plans{grid-template-columns:1fr}}.hero{flex-direction:column;gap:48px;width:min(1120px,100% - 40px);margin:0 auto;padding:64px 0 48px;display:flex;position:relative}.hero-main{z-index:1;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid;position:relative}.hero:before{content:"";background:radial-gradient(circle at 42% 40%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 58%), radial-gradient(circle at 72% 62%, color-mix(in srgb, var(--accent-3) 8%, transparent), transparent 48%);filter:blur(10px);pointer-events:none;border-radius:50%;width:420px;height:420px;position:absolute;inset:-6% auto auto 48%}.badge-line{color:var(--fg-muted);border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));border-radius:999px;margin-bottom:18px;padding:6px 12px;font-size:13px;display:inline-flex}.hero h1{font-size:var(--fs-display);letter-spacing:-.06em;background:linear-gradient(105deg, var(--fg) 12%, var(--accent) 42%, var(--accent-3) 68%, var(--accent-2) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:18px;font-weight:720}.hero p{max-width:36rem;margin-bottom:28px;font-size:1.125rem}.hero-buttons{flex-wrap:wrap;gap:10px;display:flex}.hero-buttons .primary-btn{box-shadow:var(--accent-glow)}.hero-glow{background:radial-gradient(circle at 40% 40%, color-mix(in srgb, var(--accent) 34%, transparent), transparent 58%), radial-gradient(circle at 78% 30%, color-mix(in srgb, var(--accent-2) 22%, transparent), transparent 52%), radial-gradient(circle at 60% 80%, color-mix(in srgb, var(--accent-3) 16%, transparent), transparent 48%);filter:blur(18px);pointer-events:none;border-radius:50%;width:min(560px,70%);height:560px;position:absolute;inset:-8% -6% auto auto}.hero-mosaic{z-index:1;grid-template-rows:180px 120px 140px;grid-template-columns:1.4fr .9fr;gap:12px;min-height:460px;display:grid;position:relative}.mosaic-card{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));border-radius:22px;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000038}.mosaic-card img{object-fit:cover}.mosaic-card span{z-index:1;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08080c8c;border-radius:999px;padding:5px 10px;font-size:12px;position:absolute;bottom:12px;left:12px}.mosaic-a{grid-row:1/span 2}.mosaic-b{grid-column:2}.mosaic-c{grid-column:1}.mosaic-d{grid-area:2/2/span 2}.brand-ticker{width:calc(100% + 8px);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.brand-ticker-track{gap:28px;width:max-content;animation:42s linear infinite ticker-left;display:flex}.brand-ticker-item{border:1px solid color-mix(in srgb, var(--accent) 16%, var(--border));background:color-mix(in srgb, var(--card) 82%, transparent);color:var(--fg-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;font-size:13px;display:inline-flex}.brand-ticker-item img{border-radius:50%;width:28px;height:28px}.showcase-tools{flex-direction:column;gap:28px;display:flex}.showcase-panel{border:1px solid color-mix(in srgb, var(--accent) 16%, var(--border));background:var(--card);border-radius:28px;grid-template-columns:1.15fr .85fr;align-items:center;gap:28px;padding:22px;display:grid}.showcase-panel.reverse{grid-template-columns:.85fr 1.15fr}.showcase-panel-visual{grid-template-columns:140px 1fr;gap:14px;min-height:280px;display:grid}.showcase-panel-visual.video .showcase-count{background:linear-gradient(160deg, color-mix(in srgb, var(--accent-2) 55%, #122), color-mix(in srgb, var(--accent) 35%, #0b1020))}.showcase-count{color:#fff;background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 70%, #0c8), color-mix(in srgb, var(--accent-3) 40%, #083));border-radius:22px;flex-direction:column;justify-content:flex-end;gap:8px;padding:18px;display:flex}.showcase-count strong{letter-spacing:-.06em;font-size:clamp(2rem,4vw,3.2rem);line-height:1}.showcase-count span{text-transform:uppercase;letter-spacing:.04em;font-size:13px;line-height:1.35}.showcase-thumbs{grid-template-columns:1fr 1fr;gap:10px;display:grid}.showcase-thumb{border:1px solid color-mix(in srgb, var(--accent) 14%, var(--border));width:100%;min-height:132px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:18px;padding:0;position:relative;overflow:hidden}.showcase-thumb img,.showcase-thumb video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .7s;position:absolute;inset:0}.showcase-thumb img.is-active,.showcase-thumb.is-video video{opacity:1}.showcase-thumb small{z-index:1;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08080c94;border-radius:999px;padding:5px 8px;font-size:11px;position:absolute;bottom:8px;left:8px;right:8px}.showcase-thumb .video-play{z-index:2;width:36px;height:36px;transition:opacity .25s}.showcase-thumb.is-playing .video-play{opacity:0}.showcase-thumb .video-play:after{border-width:8px 0 8px 12px;top:10px;left:13px}.showcase-panel-copy h2{letter-spacing:-.04em;margin-bottom:12px;font-size:clamp(1.6rem,3vw,2.4rem)}.showcase-panel-copy p{color:var(--fg-muted);margin-bottom:20px}.chat-preview{border:1px solid color-mix(in srgb, var(--accent) 14%, var(--border));background:color-mix(in srgb, var(--bg) 70%, var(--card));border-radius:18px;flex-direction:column;justify-content:flex-end;gap:10px;min-height:280px;padding:16px;display:flex}.chat-preview-msg{border-radius:14px;max-width:92%;padding:10px 12px;font-size:13px;line-height:1.45;animation:.55s both chat-in}.chat-preview-msg.user{background:var(--fg);color:var(--bg);align-self:flex-end}.chat-preview-msg.assistant{background:var(--bg-muted);color:var(--fg-muted);align-self:flex-start;animation-delay:.7s}.chat-preview-msg.assistant strong{color:var(--fg);margin-bottom:4px;font-size:11px;display:block}.chat-preview-status{color:var(--fg-subtle)}.chat-preview-msg.assistant.is-typing{min-height:4.2em}@keyframes chat-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.review-ticker{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.review-ticker-track{gap:16px;width:max-content;padding:4px 20px 8px;animation:55s linear infinite ticker-left;display:flex}.review-card{border:1px solid color-mix(in srgb, var(--accent) 14%, var(--border));background:var(--card);border-radius:22px;flex-direction:column;flex:0 0 min(340px,78vw);gap:12px;padding:22px;display:flex}.review-card small{color:color-mix(in srgb, var(--accent-3) 70%, var(--fg-muted));font-size:12px}.review-card p{color:var(--fg-muted);font-size:14px;line-height:1.55}.review-card footer{align-items:center;gap:10px;margin-top:auto;display:flex}.review-card em{color:var(--fg-subtle);font-size:12px;font-style:normal;display:block}.review-avatar{background:color-mix(in srgb, var(--accent) 22%, var(--bg-muted));border-radius:50%;place-items:center;width:36px;height:36px;font-weight:650;display:grid}.model-card-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.model-card-top img{border-radius:50%;width:36px;height:36px}@keyframes ticker-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.brand-ticker-track,.review-ticker-track{animation:none}}.preview-card{border:1px solid color-mix(in srgb, var(--accent) 20%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 6%, var(--card)), var(--card) 42%), var(--card);box-shadow:var(--shadow), 0 0 40px color-mix(in srgb, var(--accent-2) 10%, transparent);border-radius:24px;padding:18px}.preview-top,.preview-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.preview-chat{flex-direction:column;gap:10px;margin-top:16px;display:flex}.preview-bubble{background:var(--bg-muted);max-width:85%;color:var(--fg-muted);border-radius:14px;padding:10px 12px;font-size:14px}.preview-bubble.user{background:var(--fg);color:var(--bg);align-self:flex-end}.hero,.section{scroll-margin-top:calc(var(--header-h) + 16px)}.section{padding:88px 0}.section-head{text-align:center;max-width:640px;margin:0 auto 36px}.section-head h2,.section-title{font-size:var(--fs-heading);margin-bottom:10px}.showcase-grid,.tools-grid{gap:14px;display:grid}.showcase-grid{grid-template-columns:1.35fr 1fr 1fr;grid-auto-rows:minmax(170px,200px)}.showcase-card{border:1px solid color-mix(in srgb, var(--accent) 16%, var(--border));background:var(--card);border-radius:22px;min-height:170px;position:relative;overflow:hidden}.showcase-card.wide{grid-row:span 2;min-height:100%}.showcase-card img{object-fit:cover}.showcase-meta{color:#f5f5f5;background:linear-gradient(#0000,#08080ac7);flex-direction:column;gap:4px;padding:16px;display:flex;position:absolute;bottom:0;left:0;right:0}.showcase-meta small{letter-spacing:.06em;text-transform:uppercase;color:#f5f5f5b8;font-size:11px}.showcase-meta span{color:#f5f5f5c7;font-size:13px}.tools-grid{grid-template-columns:repeat(4,1fr)}.tools-featured{grid-template-columns:1.1fr .85fr .95fr;gap:16px;margin-bottom:16px;display:grid}.tool-demo{border:1px solid color-mix(in srgb, var(--accent) 20%, var(--border));background:var(--card);box-shadow:var(--shadow);color:inherit;border-radius:24px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.tool-demo-copy{flex-direction:column;gap:4px;padding:16px 18px 18px;display:flex}.tool-demo-copy small{color:var(--accent-3);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.tool-demo-copy span{color:var(--fg-muted);font-size:14px}.compare-slider,.live-demo{background:var(--bg-muted);cursor:ew-resize;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.compare-slider{aspect-ratio:4/3}.live-demo{cursor:pointer;aspect-ratio:3/4;max-height:420px}.video-demo{background:var(--bg-muted);aspect-ratio:16/10;min-height:220px;position:relative;overflow:hidden}.video-demo img{object-fit:cover}.video-demo-motion{animation:4.4s ease-in-out infinite alternate live-cross;position:absolute;inset:0}.video-play{pointer-events:none;background:#08080c8c;border-radius:50%;width:52px;height:52px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #00000047}.video-play:after{content:"";border:10px solid #0000;border-left:16px solid #fff;border-right-width:0;position:absolute;top:16px;left:20px}.compare-slider img,.live-demo img{object-fit:cover}.compare-before{position:absolute;inset:0;overflow:hidden}.compare-handle{pointer-events:none;background:#fff;width:2px;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 0 1px #0003}.compare-handle span{background:#fff;border-radius:50%;width:36px;height:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 20px #00000047}.compare-handle span:before,.compare-handle span:after{content:"";border-top:2px solid #111;border-right:2px solid #111;width:7px;height:7px;position:absolute;top:50%}.compare-handle span:before{left:10px;transform:translateY(-50%)rotate(-135deg)}.compare-handle span:after{right:10px;transform:translateY(-50%)rotate(45deg)}.compare-label{z-index:2;color:#fff;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;background:#08080c94;border-radius:999px;padding:5px 10px;font-size:11px;position:absolute;top:12px}.compare-label.left{left:12px}.compare-label.right{right:12px}.live-demo-motion{animation:3.8s ease-in-out infinite alternate live-cross;position:absolute;inset:0}.live-badge{z-index:2;background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#fff;border-radius:999px;padding:6px 10px;font-size:12px;position:absolute;bottom:12px;left:12px}@keyframes live-cross{0%{opacity:.12;transform:scale(1)}to{opacity:1;transform:scale(1.08)}}.tool-card{gap:0;padding:0;position:relative;overflow:hidden}.tool-thumb{height:168px;display:block;position:relative;overflow:hidden}.tool-thumb img{object-fit:cover}.tool-body{flex-direction:column;flex:1;gap:8px;padding:16px 18px 18px;display:flex}.tool-icon{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:12px;place-items:center;margin-bottom:6px;display:grid}.tool-action{min-height:38px;color:var(--fg-muted);align-items:center;font-size:13px;display:inline-flex}.filters{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:28px;display:flex}.filter-chip{border:1px solid var(--border);min-height:36px;color:var(--fg-muted);border-radius:999px;padding:0 14px}.filter-chip.active{background:var(--fg);color:var(--bg);box-shadow:0 0 18px color-mix(in srgb, var(--accent) 22%, transparent);border-color:#0000}.catalog-more{justify-content:center;margin-top:28px;display:flex}.catalog-more .secondary-btn{background:var(--fg);min-height:46px;color:var(--bg);box-shadow:0 0 24px color-mix(in srgb, var(--accent) 28%, transparent);border-color:#0000;padding:0 26px;font-weight:650}.models-grid,.capability-grid,.steps-grid,.faq-list{align-items:stretch;gap:16px;display:grid}.start-free-card{text-align:center;border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));background:radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 46%), radial-gradient(circle at 90% 100%, color-mix(in srgb, var(--accent-2) 16%, transparent), transparent 42%), var(--card);box-shadow:var(--accent-glow);border-radius:28px;padding:56px 28px}.start-free-card h2{letter-spacing:-.05em;margin:8px 0 12px}.start-free-card .section-copy{max-width:34rem;margin:0 auto 24px}.models-grid,.capability-grid{grid-template-columns:repeat(3,1fr)}.model-card,.capability-card,.step-card,.price-card,.faq-item,.auth-box,.profile-card,.settings-nav a,.plan-card,.stat-box{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:20px;transition:transform .18s,border-color .18s}.model-card:hover,.capability-card:hover,.step-card:hover,.price-card:hover,.plan-card:hover{border-color:color-mix(in srgb, var(--accent) 28%, var(--border-strong));transform:translateY(-3px)}.capability-card svg{color:var(--accent)}.model-card h3,.capability-card h3,.step-card h3{letter-spacing:-.03em;margin:10px 0 8px}.model-card p,.capability-card p,.step-card p,.faq-answer p,.footer p{color:var(--fg-muted);font-size:14px}.model-meta,.tag-row{flex-wrap:wrap;gap:6px;margin:10px 0 14px;display:flex}.model-card,.price-card,.plan-card,.tool-card{flex-direction:column;height:100%;display:flex}.model-card{color:inherit;gap:8px;text-decoration:none}.model-card-cost{color:var(--fg-muted);margin-top:auto;font-size:13px;font-weight:650}.model-card .btn,.model-card a.btn-primary,.model-card .primary-btn,.price-card .primary-btn,.plan-card button,.plan-card .primary-btn,.tool-card .tool-action{width:100%;margin-top:auto}.steps-grid{grid-template-columns:repeat(4,1fr)}.step-index{color:var(--fg-subtle);font-size:13px}.pricing-cards,.plans{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.price-card.popular,.plan-card.popular,.price-card.best-value,.plan-card.best-value{border-color:color-mix(in srgb, var(--accent) 42%, var(--fg));box-shadow:var(--accent-glow)}.price-card{text-align:left;padding:22px 20px 20px}.price-card h3{margin-bottom:4px;font-size:18px}.price-card .badge{letter-spacing:.04em;margin-bottom:10px;font-size:11px;display:inline-flex}.price{letter-spacing:-.04em;margin:10px 0 4px;font-size:26px}.price-compare{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 4px;display:flex}.price-compare strong{letter-spacing:-.04em;font-size:28px}.price-compare button{min-height:28px;color:var(--fg-muted);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.price-compare s{font-size:14px}.price-compare button span{border:1px solid var(--border);border-radius:50%;place-items:center;width:18px;height:18px;font-size:12px;font-weight:700;display:grid}.price-compare p{color:var(--fg-muted);flex:1 0 100%;margin:0;font-size:13px;line-height:1.4}.price span,.price-card .description{color:var(--fg-muted);font-size:13px}.price-card ul,.plan-card ul{color:var(--fg-muted);flex-direction:column;gap:6px;margin:14px 0;font-size:13px;list-style:none;display:flex}.price-card .primary-btn{min-height:40px;font-size:14px}.faq-item button{text-align:left;justify-content:space-between;gap:12px;width:100%;display:flex}.faq-answer{padding-top:10px;display:none}.faq-item.active .faq-answer{display:block}.footer{border-top:1px solid var(--border);padding:48px 0 28px}.footer-container{grid-template-columns:1.4fr repeat(4,1fr);gap:24px;width:min(1120px,100% - 40px);margin:0 auto;display:grid}.footer-bottom{border-top:1px solid var(--border);width:min(1120px,100% - 40px);color:var(--fg-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:28px auto 0;padding-top:18px;font-size:13px;display:flex}.footer-legal{flex-wrap:wrap;gap:14px;display:flex}.footer-legal a{color:var(--fg-subtle);text-decoration:none}.footer-legal a:hover{color:var(--fg)}.auth-page{place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-logo{letter-spacing:-.045em;flex-direction:row;justify-content:center;align-items:center;gap:12px;margin:0 0 14px;font-size:28px;font-weight:700;line-height:1;display:flex}.auth-logo img{border-radius:11px;flex:0 0 36px;width:36px;height:36px}.auth-box{width:min(420px,100%)}.auth-box.auth-box-wide{width:min(560px,100%)}.auth-box h1{letter-spacing:-.04em;margin-bottom:6px}.auth-subtitle,.auth-error,.auth-message{margin-bottom:16px}.auth-error{color:var(--danger)}.auth-message{color:var(--success)}.auth-tabs{background:var(--bg-muted);border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;margin:18px 0;padding:4px;display:grid}.auth-tabs button{min-height:38px;color:var(--fg-muted);border-radius:12px}.auth-tabs button.active{background:var(--card);color:var(--fg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 24%, transparent)}.auth-box label{color:var(--fg-muted);margin:12px 0 6px;font-size:13px;display:block}.auth-box label.auth-accept{grid-template-columns:22px minmax(0,1fr);align-items:center;gap:12px;width:100%;margin:10px 0 0;font-size:15px;line-height:1.35;display:grid}.auth-box label.auth-accept input{width:20px;height:20px;accent-color:var(--accent);margin:0}.auth-password-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:520px){.auth-password-row{grid-template-columns:1fr}}.auth-password-field{position:relative}.auth-password-field input{padding-right:42px}.auth-eye{width:32px;height:32px;color:var(--fg-muted);background:0 0;border:0;border-radius:8px;place-items:center;margin:0;padding:0;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.auth-eye:hover{color:var(--fg)}.auth-submit{width:100%;margin-top:18px}.back-button{width:100%;color:var(--fg-muted);margin-top:10px}.settings-layout{flex:1;grid-template-columns:240px 1fr;gap:24px;min-height:0;padding:28px;display:grid;overflow:auto}.settings-nav{flex-direction:column;gap:8px;display:flex}.settings-nav a{flex-direction:column;gap:4px;display:flex}.settings-nav a:hover{border-color:color-mix(in srgb, var(--accent) 26%, var(--border))}.settings-nav a.active{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 34%, var(--border));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent)}.settings-nav a span{color:var(--fg-muted);font-size:13px}.profile-top,.profile-stats{align-items:center;gap:16px;display:flex}.profile-avatar{background:var(--fg);width:64px;height:64px;color:var(--bg);border-radius:50%;place-items:center;font-size:24px;font-weight:700;display:grid}.profile-divider{background:var(--border);height:1px;margin:22px 0}.profile-stats,.plans{margin-top:8px}.stat-box span{color:var(--fg-muted);font-size:13px}.upgrade-card{background:var(--bg-muted);border-radius:16px;margin-top:24px;padding:20px}.workspace-loading{min-height:100dvh;color:var(--fg-muted);place-items:center;display:grid}@media (max-width:1080px){.hero-main,.models-grid,.capability-grid,.footer-container,.tools-grid,.tools-featured,.hero-mosaic,.showcase-panel,.showcase-panel.reverse{grid-template-columns:1fr 1fr}.hero-mosaic{grid-template-rows:160px 120px 140px}.showcase-grid{grid-template-rows:auto;grid-template-columns:1fr 1fr;min-height:0}.showcase-card.wide{grid-area:auto/1/auto/-1;min-height:280px}.steps-grid,.pricing-cards,.plans{grid-template-columns:1fr 1fr}}@media (max-width:860px){.app-sidebar,.app-sidebar.collapsed{width:var(--sidebar-w);min-width:var(--sidebar-w);border-right:1px solid var(--border);opacity:1;pointer-events:auto;padding:18px 14px;transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-102%)}.app-sidebar.open{transform:none}.sidebar-collapse,.sidebar-expand,.sidebar-expand.visible{display:none}.workspace:has(.app-sidebar.collapsed) .workspace-top{padding-left:60px}:is(.app-shell:has(.app-sidebar.collapsed) .app-main,.settings-shell:has(.app-sidebar.collapsed) .settings-main){padding-left:0}.sidebar-mobile-toggle{z-index:45;display:grid;position:fixed;top:12px;left:12px}.sidebar-close{display:grid}.sidebar-backdrop{z-index:49;background:#0006;border:0;position:fixed;inset:0}.hero-main,.models-grid,.capability-grid,.steps-grid,.pricing-cards,.plans,.footer-container,.settings-layout,.profile-stats,.tools-grid,.showcase-grid,.tools-featured,.hero-mosaic,.showcase-panel,.showcase-panel.reverse,.showcase-panel-visual{grid-template-columns:1fr}.hero-mosaic{grid-template-rows:180px 140px 140px 140px;min-height:0}.mosaic-a,.mosaic-b,.mosaic-c,.mosaic-d{grid-area:auto}.live-demo,.compare-slider{min-height:240px}.showcase-card.wide{grid-column:auto;min-height:240px}.workspace-top,.prompt-dock,.workspace-body,.settings-layout{padding-left:16px;padding-right:16px}.workspace-top{padding-left:60px}.hero{min-height:auto;padding-top:48px}.nav-anchors{display:none}.hero:before{opacity:.7;width:240px;height:240px;inset:-18% auto auto 8%}.primary-btn,.secondary-btn{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.ban-gate{z-index:80;background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.ban-gate-card{border:1px solid var(--border);background:var(--card);width:min(520px,100%);box-shadow:var(--shadow);text-align:center;border-radius:24px;padding:32px 28px}.ban-gate-card h1{font-size:var(--fs-heading);margin:8px 0 12px}.ban-gate-card p{color:var(--fg-muted)}.ban-gate-card .primary-btn{margin-top:22px}.checkout-backdrop{z-index:80;background:#0000007a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.checkout-modal{border:1px solid var(--border);background:var(--card);width:min(420px,100%);box-shadow:var(--shadow);border-radius:22px;flex-direction:column;gap:14px;padding:22px;display:flex}.checkout-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.checkout-head h2{letter-spacing:-.03em;margin:2px 0 0;font-size:22px}.checkout-close,.checkout-promo button{background:var(--bg-muted);color:inherit;border-radius:10px;padding:8px 10px}.checkout-note,.checkout-field span,.checkout-field{color:var(--fg-muted);font-size:13px}.checkout-field{flex-direction:column;gap:8px;display:flex}.checkout-methods{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.checkout-methods button{border:1px solid var(--border);background:var(--bg-muted);color:inherit;border-radius:12px;padding:10px 8px}.checkout-methods button.is-on{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));background:var(--accent-soft)}.checkout-amount{color:var(--fg);letter-spacing:-.04em;align-items:baseline;gap:10px;font-size:28px;display:flex}.checkout-amount s{color:var(--fg-muted);font-size:16px;font-weight:500}.checkout-promo{gap:8px;display:flex}.checkout-promo input{border:1px solid var(--border);background:var(--bg-muted);min-width:0;color:inherit;border-radius:12px;flex:1;padding:10px 12px}.checkout-pay{width:100%;min-height:44px}.legal-page{background:var(--bg);min-height:100vh;padding:32px 16px 64px}.legal-card{flex-direction:column;gap:12px;max-width:720px;margin:0 auto;display:flex}.legal-card h1{margin:0;font-size:32px}.legal-card h2{margin:12px 0 0;font-size:18px}.legal-card p{color:var(--fg-muted);margin:0;line-height:1.55}.legal-date,.legal-back{color:var(--fg-subtle);font-size:13px;text-decoration:none}.legal-card ul,.legal-card ol{color:var(--fg-muted);flex-direction:column;gap:6px;margin:0;padding-left:22px;line-height:1.55;display:flex}.legal-card a{color:var(--accent)}.legal-draft,.legal-callout,.purchase-notice{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));background:var(--accent-soft);color:var(--fg);border-radius:14px;padding:12px 14px;line-height:1.5}.legal-card .legal-draft,.legal-card .legal-callout{color:var(--fg)}.purchase-notice{flex-direction:column;gap:4px;margin:8px 0 14px;font-size:14px;display:flex}.purchase-notice span{color:var(--fg-muted)}.purchase-notice a{color:var(--accent)}.purchase-notice.is-compact{margin:0}.legal-details{border:1px solid var(--border);background:var(--card);border-radius:14px;gap:8px;margin:0;padding:14px;display:grid}.legal-details div{grid-template-columns:minmax(140px,220px) 1fr;gap:12px;display:grid}.legal-details dt{color:var(--fg-subtle);font-size:14px}.legal-details dd{overflow-wrap:anywhere;margin:0}.legal-details dd.is-missing{color:var(--danger);font-style:italic}.legal-nav{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px 16px;margin-top:20px;padding-top:16px;font-size:13px;display:flex}.legal-nav a{color:var(--fg-muted)}.legal-links{flex-wrap:wrap;justify-content:center;gap:6px 12px;font-size:12px;display:flex}.legal-links a{color:var(--fg-subtle);text-decoration:none}.legal-links a:hover{color:var(--fg)}.sidebar-legal{justify-content:flex-start;margin-top:10px;font-size:11px}.auth-box .legal-links{margin-top:14px}.consent-gate{z-index:90;-webkit-backdrop-filter:blur(6px);background:#0009;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.consent-gate-card{border:1px solid var(--border);background:var(--card);width:min(480px,100%);box-shadow:var(--shadow);border-radius:22px;flex-direction:column;gap:12px;padding:24px;display:flex}.consent-gate-card h2{margin:0;font-size:22px}.consent-gate-card p{color:var(--fg-muted);margin:0;line-height:1.5}.consent-gate-card a,.auth-accept a{color:var(--accent)}.consent-gate-actions{flex-wrap:wrap;gap:10px;display:flex}@media (max-width:560px){.legal-details div{grid-template-columns:1fr;gap:2px}.legal-card h1{font-size:26px}}.auth-accept{color:var(--fg-muted);align-items:flex-start;gap:8px;margin:8px 0;font-size:13px;line-height:1.4;display:flex}.auth-accept input{margin-top:2px}.footer-social{gap:10px;display:flex}.footer-social span{border:1px solid var(--border);width:34px;height:34px;color:var(--fg-muted);border-radius:10px;place-items:center;display:grid}.cookie-notice{z-index:40;background:var(--card);border:1px solid var(--border);max-width:720px;box-shadow:var(--shadow);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:14px 16px;display:flex;position:fixed;bottom:16px;left:16px;right:16px}.cookie-notice p{color:var(--fg-muted);margin:0;font-size:14px}@media (max-width:640px){.cookie-notice{flex-direction:column;align-items:stretch}}