:root{color-scheme:dark;--bg:#07080c;--bg-1:#0d0f18;--bg-2:#12151f;--bg-3:#181b27;--border:rgba(255,255,255,0.07);--border-hi:rgba(255,255,255,0.14);--accent:#4f8ef7;--accent-2:#7b61ff;--accent-glow:rgba(79,142,247,0.25);--text:#e8eaf0;--text-2:#9298a8;--text-3:#5a6070;--radius:10px;--radius-lg:18px;--font-head:Syne,ui-sans-serif,system-ui,sans-serif;--font-body:"DM Sans",ui-sans-serif,system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,monospace;--transition:0.22s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 80% 48% at 50% -8%,rgba(79,142,247,.16),transparent 70%),linear-gradient(180deg,rgba(7,8,12,.94) 0,rgba(9,11,18,.96) 48%,var(--bg) 100%),linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px),var(--bg);background-attachment:fixed;background-size:auto,auto,60px 60px,60px 60px,auto;color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}code{color:var(--accent);font-family:var(--font-mono)}.container{width:min(100% - 48px,1180px);margin:0 auto}.center{text-align:center}.brand-mark{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:7px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}.brand-mark-glyph{width:22px;height:16px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.app-header{position:fixed;top:0;left:0;right:0;z-index:900;height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(24px,calc((100vw - 1132px) / 2));background:linear-gradient(180deg,rgba(7,8,12,.88),rgba(7,8,12,.68)),radial-gradient(circle at 80% 0,rgba(79,142,247,.1),transparent 34%);border-bottom:1px solid var(--border);box-shadow:0 18px 70px rgba(0,0,0,.22);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.app-header-brand{display:inline-flex;align-items:center;flex:0 0 auto;gap:10px;color:var(--text);font-family:var(--font-head);font-size:15px;font-weight:800;letter-spacing:-.035em;line-height:1}.app-header-brand em{color:var(--accent);font-style:normal}.app-header-actions,.app-header-links{display:flex;align-items:center}.app-header-links{gap:22px;margin-left:auto;color:var(--text-2);font-size:14px}.app-header-links a,.app-header-secondary{transition:color var(--transition),border-color var(--transition),background var(--transition)}.app-header-links a:hover,.app-header-secondary:hover{color:var(--text)}.app-header-actions{flex:0 0 auto;gap:10px}.app-header-primary,.app-header-secondary,.app-header-status{min-height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;white-space:nowrap;font-size:13px;line-height:1}.app-header-status{border:1px solid rgba(79,142,247,.24);background:rgba(79,142,247,.08);color:var(--text);padding:0 12px;font-family:var(--font-mono);font-size:11px}.app-header-status.error{border-color:rgba(255,97,97,.32);background:rgba(255,97,97,.08);color:#ffb4b4}.app-header-primary{border:1px solid rgba(79,142,247,.58);background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;padding:0 15px;font-weight:700}.app-header-secondary{border:1px solid var(--border-hi);background:rgba(255,255,255,.04);color:var(--text-2);padding:0 13px}.app-toast{position:fixed;top:78px;right:max(24px,calc((100vw - 1132px) / 2));z-index:1200;max-width:min(360px,calc(100vw - 48px));border:1px solid rgba(79,142,247,.32);border-radius:10px;background:rgba(13,15,24,.94);box-shadow:0 18px 60px rgba(0,0,0,.32);color:var(--text);padding:12px 14px;font-size:13px;font-weight:700;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-shell,.route-hero{position:relative;overflow:hidden}.hero-shell{padding:132px 0 80px;min-height:78svh;display:grid;align-items:center}.route-hero{padding:72px 0 48px}.hero-glow,.hero-grid{position:absolute;inset:0;pointer-events:none}.hero-grid{background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 30%,transparent 100%);mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 30%,transparent 100%)}.hero-glow{background:radial-gradient(ellipse 50% 34% at 50% 24%,rgba(79,142,247,.2),transparent 70%),radial-gradient(ellipse 34% 30% at 68% 32%,rgba(123,97,255,.18),transparent 72%)}.back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:20px;color:var(--text-2);font-size:13px;transition:color var(--transition)}.back-link:hover{color:var(--text)}.back-link-lg{font-size:15px;gap:8px;margin-bottom:0}.generation-back-bar{padding-top:32px;padding-bottom:8px}.badge,.meta,.section-tag{display:inline-flex;align-items:center;min-height:26px;margin:0 0 14px;padding:4px 12px;border:1px solid rgba(79,142,247,.2);border-radius:100px;background:rgba(79,142,247,.08);color:var(--accent);font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{margin:0;font-family:var(--font-head);letter-spacing:-.03em}h1{font-size:clamp(2.6rem,6vw,5rem);line-height:1.08;font-weight:800}h1 span{background:linear-gradient(90deg,var(--accent),var(--accent-2));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}h2{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.12}h3{font-size:1.25rem;line-height:1.2}p{margin:0;color:var(--text-2)}.hero-copy,.route-hero p{max-width:580px;margin:20px auto 0;font-size:clamp(1rem,2vw,1.18rem);line-height:1.75}.pricing-hero-title{max-width:1040px;font-size:clamp(2.25rem,4.45vw,4.15rem)}.pricing-title-line{color:var(--text);display:block;background:none;-webkit-text-fill-color:currentColor}.route-hero p{margin-left:0}.action-row{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:32px}.action-row.left{justify-content:flex-start}.btn-disabled,.btn-ghost,.btn-primary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 24px;border-radius:var(--radius);font-size:15px;font-weight:600;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition),color var(--transition)}.btn-primary{border:0;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 40px var(--accent-glow)}.btn-disabled,.btn-ghost{border:1px solid var(--border-hi);background:rgba(255,255,255,.03);color:var(--text-2)}.btn-ghost:hover{color:var(--text);border-color:var(--accent);background:rgba(79,142,247,.05)}.btn-disabled{width:100%;margin-top:18px;cursor:not-allowed;opacity:.45;color:var(--text-3);background:rgba(255,255,255,.02);border-color:var(--border);pointer-events:none}.btn-ghost:disabled,.btn-primary:disabled{cursor:wait;opacity:.62;transform:none;box-shadow:none}.full-width{width:100%;margin-top:18px}.status-panel{margin-top:18px;padding:14px 16px;border:1px solid rgba(79,142,247,.28);border-radius:var(--radius);background:rgba(79,142,247,.08);color:var(--text)}.status-panel.error{border-color:rgba(255,112,112,.3);background:rgba(255,112,112,.08);color:#ffb6b6}.status-panel.payment{margin-top:0;margin-bottom:18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.status-panel-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(79,142,247,.3);border-top:2px solid var(--accent);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.status-panel-action{margin-top:0;width:auto;padding:4px 10px;font-size:12px;min-height:unset}@keyframes spin{to{transform:rotate(1turn)}}.section{padding:88px 0;border-top:1px solid var(--border)}.section-header{max-width:760px;margin:0 auto 48px;text-align:center}.panel-grid{display:grid;grid-gap:16px;gap:16px}.panel-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.panel-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.example-panel,.panel,.usage-table{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-1);box-shadow:none}.example-panel,.panel{padding:24px}.panel.active{border-color:rgba(79,142,247,.45);background:linear-gradient(135deg,rgba(79,142,247,.12),rgba(123,97,255,.08)),rgba(13,15,24,.86)}.panel-index{display:block;margin-bottom:22px;color:var(--accent);font-family:var(--font-mono);font-size:12px;letter-spacing:.12em}.example-panel p,.panel p{margin-top:12px}.example-link{display:inline-flex;margin-top:18px;color:var(--accent);font-weight:700}.example-link:hover{color:var(--text)}.example-panel .meta,.panel .meta{margin-top:0}.generation-history-panel{margin-top:18px;padding:24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-1)}.generation-history-item,.history-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.history-header h3{margin-top:4px}.generation-history-list{display:grid;grid-gap:10px;gap:10px;margin-top:18px}.generation-history-item{padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:rgba(255,255,255,.03);color:var(--text)}.generation-history-item:hover{border-color:rgba(79,142,247,.45);background:rgba(79,142,247,.06)}.generation-history-item small,.history-empty{display:block;margin-top:6px;color:var(--text-3)}.generation-detail-panel h3{overflow-wrap:anywhere}.generation-section-label{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin-bottom:12px}.generation-prompt-box{background:var(--bg-1);border:1px solid var(--border);border-radius:10px;padding:16px 20px}.generation-prompt-box p{font-size:15px;line-height:1.65;color:var(--text);white-space:pre-wrap;margin:0}.generation-preview{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#fff}.generation-preview iframe{width:100%;height:640px;border:none;display:block}.pricing-card strong{display:block;margin-top:12px;font-family:var(--font-head);font-size:1.65rem;line-height:1.1}.pricing-card small{display:block;margin-top:6px;color:var(--text-3);font-family:var(--font-mono);font-size:11px}.example-visual{min-height:150px;display:flex;align-items:flex-end;margin:-24px -24px 22px;padding:24px;border-bottom:1px solid var(--border);background:radial-gradient(ellipse 48% 42% at 72% 22%,rgba(79,142,247,.24),transparent 72%),linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px),var(--bg-2);background-size:auto,36px 36px,36px 36px,auto}.example-visual span{font-family:var(--font-head);font-size:clamp(1.7rem,3vw,2.2rem);font-weight:800}.usage-table{overflow:hidden}.table-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--border)}.table-row:first-child{border-top:0}.table-row span{padding:15px 16px;border-left:1px solid var(--border);color:var(--text-2)}.table-row span:first-child{border-left:0;color:var(--text);font-weight:700}.table-row.head{background:rgba(79,142,247,.06)}.table-row.head span{color:var(--accent);font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}@media (max-width:1024px) and (min-width:821px){.panel-grid.four,.panel-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.app-header{height:auto;min-height:64px;flex-wrap:wrap;gap:10px 14px;padding:10px 18px}.app-header-links{order:3;width:100%;justify-content:center;gap:14px;margin-left:0;font-size:13px}.app-header-actions{margin-left:auto;flex-wrap:wrap;justify-content:flex-end;gap:8px}.app-header-primary,.app-header-secondary,.app-header-status{min-height:32px;padding-inline:10px;font-size:12px}.app-header-status{font-size:10px}.hero-shell,.route-hero{padding:112px 0 64px}.hero-shell{min-height:auto}.route-hero{padding-top:56px}.route-hero p{max-width:calc(100vw - 48px);overflow-wrap:anywhere}.pricing-hero-title{max-width:calc(100vw - 32px);white-space:normal;overflow-wrap:anywhere;word-break:break-all;font-size:clamp(1.65rem,6.8vw,2rem);line-height:1.12}.pricing-title-line{display:block}.panel-grid.four,.panel-grid.three,.panel-grid.two{grid-template-columns:1fr}.generation-history-item,.history-header{align-items:flex-start;flex-direction:column}.container{width:min(100% - 28px,1180px)}}@media (max-width:520px){.app-header-brand>span:not(.brand-mark){display:none}}.app-sidebar-layout{display:flex;min-height:100vh}.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;z-index:900;display:flex;flex-direction:column;background:var(--bg-1);border-right:1px solid var(--border);overflow:hidden}.app-sidebar-top{padding:20px 16px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.app-sidebar-brand{display:flex;align-items:center;gap:9px;color:var(--text);font-family:var(--font-head);font-size:14px;font-weight:800;letter-spacing:-.03em;line-height:1;white-space:nowrap;overflow:hidden}.app-sidebar-brand em{color:var(--accent);font-style:normal}.app-sidebar-nav{flex:1 1;display:flex;flex-direction:column;gap:2px;padding:12px 8px;overflow-y:auto}.app-sidebar-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:var(--text-2);font-size:13.5px;font-weight:500;transition:color var(--transition),background var(--transition);white-space:nowrap}.app-sidebar-link:hover{color:var(--text);background:rgba(255,255,255,.05)}.app-sidebar-link.active{color:var(--accent);background:rgba(79,142,247,.1)}.app-sidebar-footer{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:14px 16px;border-top:1px solid var(--border)}.app-sidebar-credits{flex:1 1;min-width:0;font-family:var(--font-mono);font-size:11px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-sidebar-credits.error{color:#ffb4b4}.app-sidebar-credits.loading{opacity:.6;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.9}}.app-sidebar-sign-in{display:inline-flex;align-items:center;justify-content:center;width:100%;height:34px;border:1px solid var(--border-hi);border-radius:8px;background:rgba(255,255,255,.04);color:var(--text-2);font-size:13px;transition:color var(--transition),background var(--transition)}.app-sidebar-sign-in:hover{color:var(--text);background:rgba(255,255,255,.07)}.app-sidebar-content{flex:1 1;margin-left:260px;min-width:0;overflow-x:hidden}.app-sidebar-content .route-hero{padding-top:40px}.sidebar-toast{top:24px;right:24px}.legal-doc{max-width:760px}.legal-doc h2{font-size:17px;font-weight:600;color:var(--text);margin:40px 0 12px;padding-top:8px;border-top:1px solid var(--border)}.legal-doc h2:first-child{margin-top:0;border-top:none;padding-top:0}.legal-doc h3{font-size:14px;font-weight:600;color:var(--text-2);margin:24px 0 8px;text-transform:uppercase;letter-spacing:.05em}.legal-doc p{font-size:15px;line-height:1.75;color:var(--text-2);margin:0 0 14px}.legal-doc ul{padding-left:20px;margin:0 0 14px}.legal-doc li{font-size:15px;line-height:1.75;color:var(--text-2);margin-bottom:6px}.legal-doc a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.legal-doc a:hover{opacity:.8}.legal-doc strong{color:var(--text);font-weight:500}