:root{--bg:oklch(97.8% 0.004 255);--surface:oklch(99.3% 0.002 255);--panel:oklch(95.8% 0.004 255);--panel-2:oklch(91.8% 0.006 255);--ink:oklch(20% 0.008 255);--muted:oklch(45% 0.008 255);--faint:oklch(62% 0.006 255);--line:oklch(86.5% 0.004 255);--line-strong:oklch(74% 0.006 255);--paper:oklch(98.8% 0.006 95);--accent:oklch(76% 0.13 174);--accent-strong:oklch(39% 0.12 180);--accent-soft:oklch(96.4% 0.045 174);--accent-warm:oklch(90% 0.12 86);--accent-lilac:oklch(90% 0.075 306);--accent-sky:oklch(91% 0.075 216);--mint:oklch(58% 0.01 255);--mint-soft:oklch(94% 0.004 255);--coral:oklch(78% 0.17 82);--warning:oklch(71% 0.14 85);--danger:oklch(58% 0.16 22);--green:oklch(59% 0.14 154);--carbon:oklch(18% 0.006 255);--carbon-2:oklch(28% 0.006 255);--shadow:0 20px 50px oklch(24% 0.006 255/0.12);--shadow-soft:0 12px 28px oklch(24% 0.006 255/0.08);--radius:8px;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body,html{color:var(--ink)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 82% -10%,oklch(90% .075 306/.42),transparent 27rem),radial-gradient(circle at 16% 12%,oklch(91% .075 216/.5),transparent 24rem),radial-gradient(circle at 74% 42%,oklch(90% .12 86/.28),transparent 28rem),linear-gradient(115deg,transparent 0 46%,oklch(91% .022 174/.38) 46.2%,transparent 48%),linear-gradient(180deg,oklch(99.8% .002 255),oklch(98% .012 210) 52%,oklch(96.4% .018 174));font-family:var(--font-body)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.topbar{background:linear-gradient(135deg,oklch(99.4% .006 216/.94),oklch(98.2% .024 174/.9) 52%,oklch(99.2% .018 86/.92)),var(--surface);border-bottom:1px solid oklch(88% .032 210);gap:16px;justify-content:space-between;min-height:70px;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.topbar{align-items:center;display:flex}.brand{gap:12px;min-width:0}.brand-mark{align-items:center;background:radial-gradient(circle at 78% 18%,oklch(90% .12 86),transparent 38%),linear-gradient(135deg,var(--accent-sky),var(--accent) 52%,var(--accent-lilac));border:1px solid oklch(77% .08 174);border-radius:10px;color:var(--carbon);display:inline-flex;flex:0 0 auto;gap:1px;height:36px;justify-content:center;width:36px;box-shadow:inset 0 1px 0 oklch(100% 0 0/.62),0 10px 22px oklch(42% .08 180/.16)}.brand-mark-core{font-size:18px;font-weight:900;letter-spacing:-.08em;line-height:1}.brand-mark-mini{align-self:flex-end;font-size:9px;font-weight:900;letter-spacing:-.06em;line-height:1.25;margin-bottom:8px;text-transform:uppercase}.brand-name{align-items:baseline;display:inline-flex;font-size:20px;font-weight:850;letter-spacing:-.03em;min-width:0;white-space:nowrap}.brand-name-main{color:var(--ink)}.brand-name-mid{color:var(--accent-strong)}.brand-name-tail{color:oklch(43% .1 216)}.nav{align-items:center;color:oklch(34% .018 210);display:flex;gap:22px;font-size:14px;font-weight:760}.nav a{border:1px solid transparent;border-radius:999px;padding:8px 10px;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.nav a:hover{background:oklch(97.8% .026 174/.76);border-color:oklch(86% .05 174);color:var(--accent-strong)}.top-actions{align-items:center;display:flex;gap:10px}.language-toggle{background:oklch(99% .006 216);border:1px solid oklch(86% .032 210);border-radius:8px;color:oklch(36% .05 210);font-size:13px;font-weight:800;min-height:40px;min-width:58px;padding:0 11px}.language-toggle:hover{background:var(--accent-soft);border-color:oklch(78% .1 174);color:var(--accent-strong)}.button{align-items:center;background:linear-gradient(var(--carbon),var(--carbon)) padding-box,linear-gradient(135deg,var(--accent-sky),var(--accent),var(--accent-warm)) border-box;border:1px solid transparent;border-radius:8px;color:oklch(99% .002 255);display:inline-flex;gap:8px;min-height:40px;padding:0 15px;font-weight:800;box-shadow:0 12px 24px oklch(18% .006 255/.16);transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.button:hover{background:linear-gradient(oklch(12% .006 255),oklch(12% .006 255)) padding-box,linear-gradient(135deg,var(--accent-warm),var(--accent),var(--accent-sky)) border-box;box-shadow:0 16px 30px oklch(18% .006 255/.22);transform:translateY(-1px)}.button.secondary{background:var(--surface);color:var(--carbon);border-color:oklch(75% .006 255);box-shadow:var(--shadow-soft)}.button.secondary:hover{background:oklch(95.5% .004 255);box-shadow:var(--shadow-soft)}.button.ghost{background:oklch(98.8% .002 255);color:var(--muted);border-color:var(--line);box-shadow:none}.button.ghost:hover{color:var(--accent-strong);border-color:var(--accent)}.hero{display:grid;grid-template-columns:minmax(0,1.08fr) 430px;grid-gap:42px;gap:42px;padding:62px 44px 34px}.eyebrow{color:var(--accent-strong);font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.card-title,.dashboard-title,.hero h1,.section-title{color:var(--ink);font-weight:850;letter-spacing:-.035em}.hero h1{font-size:clamp(48px,7vw,92px);line-height:.95;margin:14px 0 20px;max-width:940px}.lede{color:var(--muted);font-size:18px;line-height:1.68;max-width:720px}.hero-actions,.row{display:flex;flex-wrap:wrap;gap:12px}.hero-actions{margin-top:28px}.form-card,.history-row,.panel,.price-card,.studio-card,.tool-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.studio-card{min-height:500px;padding:18px;box-shadow:var(--shadow)}.metric-row,.split-row,.studio-header{align-items:center;display:flex;justify-content:space-between}.studio-header{color:var(--faint);font-size:12px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.preview-sheet{background:linear-gradient(90deg,oklch(90% .018 96/.42) 1px,transparent 1px) 0 0 /22px 22px,linear-gradient(0deg,oklch(90% .018 96/.42) 1px,transparent 1px) 0 0 /22px 22px,var(--paper);border:1px solid oklch(86% .038 96);border-radius:8px;color:var(--ink);margin-top:18px;min-height:270px;padding:22px;position:relative;box-shadow:inset 0 0 0 8px oklch(100% 0 0/.48)}.preview-sheet:after,.preview-sheet:before{border:2px solid oklch(27% .03 258);content:"";position:absolute}.preview-sheet:before{border-radius:50%;height:116px;left:42px;top:54px;width:116px}.preview-sheet:after{border-left:0;border-top:0;height:150px;right:48px;top:72px;transform:rotate(12deg);width:108px}.queue{display:grid;grid-gap:10px;gap:10px;margin-top:18px}.queue-item{align-items:center;background:oklch(97% .003 255);border:1px solid var(--line);border-radius:8px;color:var(--muted);display:flex;justify-content:space-between;padding:12px}.queue-item strong{color:var(--accent-strong)}.section{padding:40px 44px}.section-title{font-size:44px;line-height:1.04;margin:0 0 18px;max-width:980px}.grid{display:grid;grid-gap:14px;gap:14px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.form-card,.panel,.price-card,.tool-card{padding:18px}.tool-card{min-height:220px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.price-card:hover,.tool-card:hover{border-color:oklch(78% .1 174);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.tool-icon{align-items:center;background:oklch(96% .004 255);border:1px solid oklch(76% .008 255);border-radius:8px;color:var(--accent-strong);display:inline-flex;height:38px;justify-content:center;margin-bottom:18px;width:38px}.muted,.small{color:var(--muted)}.small{font-size:13px;line-height:1.55}.pill-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.pill{background:oklch(97.4% .003 255);border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;font-weight:750;padding:6px 9px}.pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.price-card{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.price-card.featured{border-color:oklch(78% .1 174);box-shadow:0 0 0 3px var(--accent-soft),var(--shadow-soft)}.price{color:var(--accent-strong);font-size:34px;font-weight:850;letter-spacing:-.04em;margin:12px 0}.dashboard-shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:calc(100vh - 70px);min-width:0}.sidebar{background:linear-gradient(180deg,oklch(98% .003 255/.96),oklch(93.8% .004 255/.9));border-right:1px solid var(--line);height:calc(100vh - 70px);min-width:0;padding:20px 16px;position:-webkit-sticky;position:sticky;top:70px}.side-nav{display:grid;grid-gap:7px;gap:7px;margin-top:18px;min-width:0}.side-link{align-items:center;background:transparent;border:1px solid transparent;border-radius:10px;color:var(--muted);display:flex;font-weight:750;gap:10px;min-height:40px;padding:0 10px;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.side-link:hover{background:oklch(99% .002 255);border-color:var(--line);color:var(--accent-strong)}.side-link.active{background:linear-gradient(135deg,oklch(99% .012 216),oklch(96.4% .045 174));border-color:oklch(78% .1 174);color:var(--accent-strong);box-shadow:inset 0 0 0 1px oklch(78% .1 174/.26),0 12px 24px oklch(20% .006 255/.08)}.dashboard-main{min-width:0;padding:28px 34px 34px}.dashboard-header,.dashboard-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);grid-gap:22px;gap:22px;margin-bottom:22px}.dashboard-hero{align-items:stretch;background:linear-gradient(135deg,oklch(99.6% .004 216),oklch(97.8% .028 174) 42%,oklch(99.2% .018 306)),linear-gradient(90deg,transparent,oklch(90% .12 86/.22)),var(--surface);border:1px solid oklch(88% .035 210);border-radius:18px;box-shadow:var(--shadow-soft);overflow:hidden;padding:26px;position:relative}.dashboard-hero:after{background:linear-gradient(110deg,transparent 0 35%,oklch(72% .075 216/.16) 35.2%,transparent 36.6%),linear-gradient(140deg,transparent 0 58%,oklch(90% .075 306/.46) 58.2%,transparent 59.4%),radial-gradient(circle at 78% 18%,oklch(90% .12 86/.34),transparent 4.4rem);content:"";inset:auto 0 0 auto;height:180px;opacity:.8;pointer-events:none;position:absolute;width:260px}.hero-copy{position:relative;z-index:1}.dashboard-title{font-size:44px;line-height:1.04;margin:8px 0 10px}.source-tool-strip{align-items:center;background:linear-gradient(135deg,oklch(99.5% .004 216/.94),oklch(97.8% .024 174/.9)),var(--surface);border:1px solid oklch(88% .032 210);border-radius:16px;box-shadow:var(--shadow-soft);display:flex;gap:10px;margin:-8px 0 22px;max-width:100%;overflow-x:auto;padding:10px}.source-tool-label{color:var(--faint);flex:0 0 auto;font-size:12px;font-weight:850;letter-spacing:.1em;padding:0 8px;text-transform:uppercase;white-space:nowrap}.source-tool-button{align-items:center;background:oklch(97.2% .003 255);border:1px solid var(--line);border-radius:999px;color:var(--muted);display:inline-flex;flex:0 0 auto;font-weight:800;gap:8px;min-height:38px;padding:0 14px;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.source-tool-button:hover{background:var(--surface);border-color:oklch(78% .1 174);color:var(--accent-strong);transform:translateY(-1px)}.source-tool-button.active{background:linear-gradient(135deg,var(--accent-sky),var(--accent-soft) 48%,var(--accent-warm));border-color:oklch(77% .1 174);color:var(--accent-strong);box-shadow:0 0 0 2px oklch(91% .075 216/.46),0 12px 24px oklch(42% .08 180/.1)}.metrics,.studio-status{display:grid;grid-gap:10px;gap:10px;position:relative;z-index:1}.studio-status{grid-template-columns:repeat(2,minmax(0,1fr))}.status-tile{background:oklch(99% .002 255/.86);border:1px solid oklch(85% .004 255);border-radius:14px;box-shadow:0 12px 28px oklch(22% .006 255/.08);display:grid;grid-gap:8px;gap:8px;padding:14px}.status-tile span{color:var(--faint);font-size:12px;font-weight:850}.status-tile strong{color:var(--ink);font-size:18px}.status-tile.strong{background:linear-gradient(135deg,oklch(97% .038 216),oklch(96.5% .05 174) 52%,oklch(98.2% .045 86));border-color:oklch(84% .06 174)}.status-tile.strong span{color:var(--accent-strong)}.status-tile.strong strong{color:var(--ink)}.status-tile.wide{grid-column:1/-1}.metric{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:12px;box-shadow:0 8px 18px oklch(22% .006 255/.05)}.metric strong{color:var(--ink)}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:18px;gap:18px}.creator-workspace{align-items:start;display:grid;grid-gap:22px;gap:22px;grid-template-columns:minmax(420px,.95fr) minmax(360px,.72fr)}.generator-panel,.history-card,.result-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-soft)}.generator-panel{padding:20px}.history-card,.result-card{padding:18px}.result-card{position:-webkit-sticky;position:sticky;top:92px}.panel-heading{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.panel-heading h2,.panel-heading h3{color:var(--ink);font-size:24px;letter-spacing:-.03em;line-height:1.1;margin:6px 0 0}.panel-heading.compact{align-items:center;margin-bottom:12px}.credit-badge{background:linear-gradient(135deg,var(--accent-warm),var(--accent-soft));border:1px solid oklch(80% .08 86);border-radius:999px;display:inline-flex;font-weight:850;min-height:32px;padding:0 12px}.credit-badge,.upload-zone{align-items:center;color:var(--accent-strong)}.upload-zone{background:linear-gradient(90deg,oklch(84% .035 216/.34) 1px,transparent 0) 0 0 /24px 24px,linear-gradient(0deg,oklch(84% .035 216/.28) 1px,transparent 0) 0 0 /24px 24px,linear-gradient(135deg,oklch(99% .012 216),oklch(97.6% .026 174));border:1px dashed oklch(76% .075 174);border-radius:16px;display:grid;grid-gap:8px;gap:8px;justify-items:center;min-height:172px;padding:24px;text-align:center}.section-label{color:var(--faint);font-size:12px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.choice-grid,.premium-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.generate-button{background:linear-gradient(135deg,var(--accent-sky),var(--accent) 46%,var(--accent-warm));border-color:oklch(72% .1 174);color:var(--carbon);justify-content:center;min-height:48px;width:100%;box-shadow:0 16px 30px oklch(58% .1 174/.2)}.generate-button:hover{background:linear-gradient(135deg,oklch(88% .09 216),oklch(73% .14 174) 46%,oklch(88% .13 86));box-shadow:0 18px 34px oklch(54% .11 174/.24)}.result-column{display:grid;grid-gap:16px;gap:16px}.result-preview{min-height:330px}.result-actions{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px}.form-card,.panel{box-shadow:var(--shadow-soft)}.form-grid{display:grid;grid-gap:14px;gap:14px}.field{display:grid;grid-gap:8px;gap:8px}.control-label,.field label{color:var(--faint);font-size:12px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.input,.select,.textarea{background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:42px;padding:10px 12px;width:100%;transition:border-color .16s ease,box-shadow .16s ease}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.textarea{min-height:118px;resize:vertical}.option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.check-card{background:oklch(97.8% .003 255);border:1px solid var(--line);border-radius:8px;color:var(--muted);font-weight:750;padding:12px;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.check-card:hover{background:var(--surface);border-color:var(--line-strong);box-shadow:0 10px 20px oklch(22% .006 255/.06);color:var(--ink);transform:translateY(-1px)}.choice-grid .check-card:first-child{background:linear-gradient(135deg,oklch(94.6% .052 216),oklch(94.8% .06 174) 54%,oklch(97% .06 86));border-color:oklch(78% .1 174);color:var(--accent-strong);box-shadow:0 12px 24px oklch(42% .08 180/.1)}.check-card.pro{align-items:center;background:oklch(95% .004 255);border-color:oklch(75% .008 255);color:var(--carbon-2);display:flex;gap:8px}.premium-grid .check-card.pro:first-child{background:linear-gradient(135deg,var(--accent-soft),oklch(98% .04 306));border-color:oklch(80% .08 174);color:var(--accent-strong)}.history-list{display:grid;grid-gap:10px;gap:10px}.history-row{align-items:center;display:grid;grid-gap:12px;gap:12px;grid-template-columns:42px 1fr auto;padding:14px}.history-thumb{background:linear-gradient(90deg,oklch(86% .02 96/.5) 1px,transparent 1px) 0 0 /9px 9px,linear-gradient(0deg,oklch(86% .02 96/.5) 1px,transparent 1px) 0 0 /9px 9px,var(--paper);border:1px solid oklch(84% .035 96);border-radius:10px;height:42px;position:relative}.history-thumb:after{border:1.5px solid var(--ink);border-radius:50%;content:"";height:18px;left:10px;position:absolute;top:10px;width:18px}.history-row strong{color:var(--ink)}.status{color:var(--green);font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.status.warn{color:oklch(47% .13 85)}@media (max-width:1040px){.creator-workspace,.dashboard-header,.dashboard-hero,.hero,.workspace-grid{grid-template-columns:1fr}.pricing-grid,.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid var(--line);border-right:0;height:auto;position:static}.side-nav{display:flex;max-width:100%;overflow-x:auto;padding-bottom:8px}.side-link{flex:0 0 auto;white-space:nowrap}.studio-status{grid-template-columns:repeat(3,minmax(0,1fr))}.status-tile.wide{grid-column:auto}.result-card{position:static}}@media (max-width:720px){.dashboard-main,.hero,.section,.topbar{padding-left:18px;padding-right:18px}.topbar{gap:10px}.nav{display:none}.choice-grid,.option-grid,.premium-grid,.pricing-grid,.result-actions,.studio-status,.tool-grid{grid-template-columns:1fr}.hero h1{font-size:48px}.dashboard-title,.section-title{font-size:34px}.history-row{align-items:start;grid-template-columns:42px 1fr}.history-row .button{grid-column:2;justify-content:center}.dashboard-hero{padding:20px}.dashboard-hero,.generator-panel,.history-card,.result-card{border-radius:14px}.source-tool-strip{margin-bottom:18px}.source-tool-label{display:none}}@media (max-width:420px){.brand-name{display:none}.topbar .button{font-size:12px;padding:0 10px}.language-toggle{min-width:44px;padding:0 8px}}