:root{color:#fff;background:#05081a;--app-bg: #05081a;--ink: #ffffff;--muted: #a8b0d3;--surface: #0f1533;--surface-subtle: #111a3d;--line: #1f2954;--line-strong: #2c3972;--brand: #5c73f7;--brand-dark: #3347c7;--brand-soft: rgba(92, 115, 247, .18);--secondary: #59c8f5;--accent: #e34fcb;--accent-warm: #ff7e92;--success: #59c8f5;--danger: #ff7e92;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .28);--shadow-md: 0 18px 48px rgba(0, 0, 0, .28);--shadow-lg: 0 30px 90px rgba(0, 0, 0, .42);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 18% 6%,rgba(227,79,203,.16),transparent 34%),radial-gradient(circle at 82% 0%,rgba(89,200,245,.14),transparent 30%),linear-gradient(180deg,#5c73f71f,#05081a00 460px),var(--app-bg)}button{font:inherit}.shell{width:min(1440px,calc(100% - 40px));margin:0 auto;padding:28px 0 56px}.authScreen{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#0b101c0a,#0b101c00 420px),var(--app-bg)}.authScreen section{width:min(520px,100%);display:grid;gap:24px;padding:34px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-md)}.appLoading{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 30% 18%,rgba(227,79,203,.18),transparent 32%),radial-gradient(circle at 72% 12%,rgba(89,200,245,.15),transparent 34%),linear-gradient(180deg,#5c73f721,#05081a00 460px),var(--app-bg)}.loadingCard{width:min(420px,100%);display:grid;justify-items:center;gap:22px;padding:34px;border:1px solid rgba(92,115,247,.34);border-radius:16px;background:linear-gradient(180deg,#0f1533f0,#0f1533d1),var(--surface);box-shadow:var(--shadow-lg)}.loadingMark{position:relative;width:104px;height:104px;display:grid;place-items:center}.loadingMark img{position:relative;z-index:2;width:58px;height:58px;border-radius:14px;object-fit:cover;box-shadow:0 18px 38px #0000005c}.loadingRing{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;border:1px solid rgba(89,200,245,.22)}.loadingRingOuter{border-top-color:var(--secondary);border-right-color:#e34fcb9e;animation:loadingOrbit 1.8s linear infinite}.loadingRingInner{top:16px;right:16px;bottom:16px;left:16px;border-color:#5c73f738;border-bottom-color:var(--accent);animation:loadingOrbit 2.4s linear infinite reverse}.loadingCopy{display:grid;justify-items:center;gap:7px;text-align:center}.loadingCopy span{color:var(--secondary);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.loadingCopy strong{color:var(--ink);font-size:1.42rem;line-height:1.1}.loadingCopy p{max-width:300px;margin:0;color:var(--muted);font-size:.94rem;line-height:1.45}.loadingBar{width:min(260px,100%);height:4px;overflow:hidden;border-radius:999px;background:#1f2954d1}.loadingBar span{display:block;width:45%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--secondary),var(--accent));animation:loadingSweep 1.45s ease-in-out infinite}.authScreen h1{margin:0;color:var(--ink);font-size:2.4rem;line-height:1}.authBar{position:fixed;top:18px;right:18px;z-index:10;display:inline-flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--line);border-radius:999px;background:#ffffffeb;box-shadow:var(--shadow-sm)}.authStatus{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.authNotice{position:fixed;left:50%;top:18px;z-index:20;transform:translate(-50%);max-width:min(520px,calc(100% - 32px));padding:12px 14px;border:1px solid #f6ae2d;border-radius:8px;background:#fff7e6;color:#7a4b00;font-weight:800}.marketingPage{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:24px 0 72px}.marketingNav{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px}.marketingNav .brandLockup{color:var(--ink);text-decoration:none}.marketingNav .secondaryButton{margin-top:0}.marketingHero{min-height:calc(100vh - 112px);display:grid;grid-template-columns:minmax(0,.96fr) minmax(420px,1.04fr);align-items:center;gap:52px;padding:48px 0 58px}.marketingHeroCopy{display:grid;gap:24px}.marketingEyebrow{width:fit-content;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(89,200,245,.28);border-radius:999px;color:var(--secondary);background:#59c8f514;font-size:.78rem;font-weight:950;text-transform:uppercase}.marketingHero h1{max-width:780px;margin:0;color:var(--ink);font-size:clamp(3.1rem,7vw,6.8rem);line-height:.88;letter-spacing:0}.marketingHero p{max-width:650px;margin:0;color:var(--muted);font-size:clamp(1rem,1.6vw,1.22rem);font-weight:650;line-height:1.65}.marketingActions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.marketingActions .primaryButton,.marketingActions .secondaryButton,.marketingCta .primaryButton{min-height:50px;margin-top:0;padding:0 18px;text-decoration:none}.marketingProductMock{position:relative;overflow:hidden;min-height:560px;padding:16px;border:1px solid rgba(92,115,247,.34);border-radius:22px;background:linear-gradient(135deg,#0f1533f5,#111a3dd1),var(--surface);box-shadow:var(--shadow-lg)}.marketingProductMock:before{content:"";position:absolute;inset:-24% -18% auto auto;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(227,79,203,.28),transparent 68%);pointer-events:none}.mockToolbar{position:relative;z-index:1;display:flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid var(--line);border-radius:14px;background:#05081a8a}.mockToolbar span{width:9px;height:9px;border-radius:999px;background:var(--line-strong)}.mockToolbar span:nth-child(1){background:var(--accent-warm)}.mockToolbar span:nth-child(2){background:var(--accent)}.mockToolbar span:nth-child(3){background:var(--secondary)}.mockToolbar strong{margin-left:auto;color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.mockCanvas{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 178px;gap:16px;min-height:486px;margin-top:16px}.mockAsset,.mockSidePanel{border:1px solid var(--line);border-radius:18px}.mockAsset{position:relative;overflow:hidden;display:grid;align-content:end;gap:18px;padding:32px;background:linear-gradient(135deg,#fffffff5,#f5f8ffeb),#fff;color:#111827}.mockAsset:before,.mockAsset:after{content:"";position:absolute;border-radius:999px;pointer-events:none}.mockAsset:before{top:56px;right:-70px;width:230px;height:230px;background:linear-gradient(135deg,var(--brand),var(--secondary));opacity:.2}.mockAsset:after{left:30px;top:108px;width:48%;height:8px;background:linear-gradient(90deg,var(--brand),var(--accent));box-shadow:0 30px #5c73f72e}.mockAsset span{position:relative;z-index:1;color:#2b5ed2;font-size:.75rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.mockAsset h2{position:relative;z-index:1;max-width:420px;margin:0;font-size:clamp(2.2rem,4vw,4.3rem);line-height:.9;letter-spacing:0}.mockAsset p{position:relative;z-index:1;max-width:310px;margin:0;color:#667085;font-size:1rem;font-weight:800;line-height:1.45}.mockAccentRow{position:relative;z-index:1;display:flex;gap:8px}.mockAccentRow span{display:block;height:8px;border-radius:999px;background:#111827}.mockAccentRow span:nth-child(1){width:74px;background:var(--brand)}.mockAccentRow span:nth-child(2){width:46px;background:var(--secondary)}.mockAccentRow span:nth-child(3){width:92px;background:var(--accent)}.mockSidePanel{display:grid;gap:12px;align-content:start;padding:14px;background:#05081a7a}.mockSidePanel div{display:grid;gap:7px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#0f1533b8}.mockSidePanel small{color:var(--muted);font-size:.68rem;font-weight:900;text-transform:uppercase}.mockSidePanel strong{color:var(--ink);font-size:.9rem}.mockSwatches{display:flex;gap:6px}.mockSwatches i{width:24px;height:24px;border-radius:7px;background:var(--brand)}.mockSwatches i:nth-child(2){background:var(--secondary)}.mockSwatches i:nth-child(3){background:var(--accent)}.marketingDifference,.marketingPromise,.marketingCta{margin-top:44px;padding:34px;border:1px solid var(--line);border-radius:18px;background:#0f1533b8;box-shadow:var(--shadow-md)}.marketingDifference{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:28px;align-items:start}.marketingDifference h2,.marketingPromise h2,.marketingCta h2{margin:8px 0 0;color:var(--ink);font-size:clamp(2rem,4vw,3.6rem);line-height:.96;letter-spacing:0}.workflowGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workflowCard{display:grid;gap:14px;min-height:360px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#05081a85}.workflowCard span{color:var(--muted);font-size:.78rem;font-weight:950;text-transform:uppercase}.workflowCard ol{display:grid;gap:10px;margin:0;padding:0;list-style:none}.workflowCard li{min-height:42px;display:flex;align-items:center;padding:0 13px;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:#0f1533b8;font-weight:900}.workflowCardPrimary{border-color:#59c8f557;background:linear-gradient(135deg,#5c73f72e,#e34fcb1a),#05081a85}.workflowCardPrimary li:last-child{border-color:#59c8f570;color:var(--ink);background:#59c8f521}.marketingPillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px}.marketingPillars article{display:grid;gap:14px;padding:24px;border:1px solid var(--line);border-radius:18px;background:#0f1533ad;box-shadow:var(--shadow-sm)}.marketingPillars svg{color:var(--secondary)}.marketingPillars h3{margin:0;color:var(--ink);font-size:1.18rem;line-height:1.15}.marketingPillars p,.marketingPromise p{margin:0;color:var(--muted);font-weight:750;line-height:1.58}.marketingPromise{display:grid;grid-template-columns:minmax(0,.95fr) minmax(280px,.58fr);gap:30px;align-items:center}.marketingPromise div{display:grid;gap:16px}.marketingPromise ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.marketingPromise li{min-height:48px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:#05081a75;font-weight:900}.marketingPromise li svg{flex:0 0 auto;color:var(--secondary)}.marketingCta{display:grid;grid-template-columns:minmax(0,.78fr) minmax(320px,.68fr);align-items:start;justify-items:stretch;gap:28px;text-align:left}.marketingCta h2{max-width:720px}.marketingCta>div{display:grid;gap:16px}.marketingCta p{margin:0;color:var(--muted);font-weight:750;line-height:1.58}.waitlistForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#05081a75}.waitlistForm label{display:grid;gap:7px;color:var(--muted);font-size:.82rem;font-weight:900}.waitlistForm input,.waitlistForm textarea{width:100%;border:1px solid var(--line-strong);border-radius:10px;padding:11px 12px;background:#05081ab8;color:var(--ink);font:inherit;font-weight:650;outline:none}.waitlistForm input:focus,.waitlistForm textarea:focus{border-color:#59c8f5b8;box-shadow:0 0 0 3px #59c8f521}.waitlistForm textarea{min-height:104px;resize:vertical}.waitlistFull{grid-column:1 / -1}.waitlistTrap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.waitlistForm .primaryButton{width:100%;min-height:50px;margin-top:0}.waitlistMessage{grid-column:1 / -1;margin:0;color:var(--secondary);font-weight:900}.waitlistError{color:var(--accent-warm)}.hero{min-height:260px;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;padding:34px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:radial-gradient(circle at 80% 12%,rgba(239,125,78,.42),transparent 32%),linear-gradient(135deg,#111827,#17213a 56%,#14336f);color:#fff;box-shadow:var(--shadow-lg)}.brandLockup{position:relative;z-index:1;display:inline-flex;align-items:center;gap:12px}.brandMark{width:42px;height:42px;border:1px solid rgba(255,255,255,.24);border-radius:10px;display:block;object-fit:cover;box-shadow:0 10px 26px #0003}.brandLockup div{display:grid;gap:2px}.brandLockup strong{font-size:1.02rem;font-weight:950;letter-spacing:0}.brandLockup span{color:#ffffffa8;font-size:.78rem;font-weight:800;text-transform:uppercase}.authScreen .brandLockup strong{color:var(--ink)}.authScreen .brandLockup span{color:var(--muted)}.authScreen .brandMark{border-color:var(--line);box-shadow:var(--shadow-sm)}.hero h1{position:relative;z-index:1;max-width:760px;margin:26px 0 14px;font-size:clamp(2.4rem,5vw,4.55rem);line-height:.96;letter-spacing:0}.hero p{position:relative;z-index:1;max-width:680px;margin:0;color:#ffffffb8;font-size:1.08rem;line-height:1.55}.eyebrow,.format,.panelHeading,.generatedCount{display:inline-flex;align-items:center;gap:8px}.eyebrow{font-size:.82rem;font-weight:800;text-transform:uppercase}.stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,128px) 44px;gap:10px;align-items:stretch}.stats div,.iconButton,.themePanel,.createPostForm,.postCard{border:1px solid var(--line);border-radius:12px;background:#fffffff5}.stats div{padding:16px;border-color:#ffffff24;background:#ffffffeb;color:var(--ink);box-shadow:var(--shadow-sm)}.stats span{display:block;font-size:2rem;font-weight:900}.stats small{color:var(--muted);font-weight:700}.iconButton,.primaryButton,.secondaryButton,.dangerButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.iconButton{border-color:#fff3;background:#ffffffe6;color:var(--brand)}.notice{margin:18px 0;padding:14px 16px;border-radius:8px;border:1px solid #f6ae2d;background:#fff7e6;color:#7a4b00;font-weight:700}.upgradeNotice{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;padding:16px;border:1px solid rgba(40,94,234,.22);border-radius:8px;background:var(--brand-soft)}.upgradeNotice>div{display:grid;gap:4px}.upgradeNotice strong{color:var(--ink);font-size:1rem}.upgradeNotice span{color:var(--muted);font-weight:800}.onboardingPanel{display:grid;gap:16px;margin:18px 0;padding:18px;border:1px solid rgba(89,200,245,.24);border-radius:8px;background:linear-gradient(135deg,#5c73f721,#e34fcb17),var(--surface)}.onboardingHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.onboardingHeader h2{margin:3px 0 0;color:var(--ink);font-size:1.25rem;line-height:1.15}.onboardingProgress{overflow:hidden;height:8px;border-radius:999px;background:#a8b0d329}.onboardingProgress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--secondary));transition:width .2s ease}.onboardingItems{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.onboardingItem{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:82px;padding:13px;border:1px solid var(--line);border-radius:8px;background:#05081a6b}.onboardingItem svg{color:var(--muted)}.onboardingItemComplete svg{color:var(--secondary)}.onboardingItem div{display:grid;gap:4px}.onboardingItem strong{color:var(--ink);font-size:.95rem}.onboardingItem span{color:var(--muted);font-size:.82rem;font-weight:800;line-height:1.35}.onboardingItem .secondaryButton{min-height:38px;padding:0 12px;white-space:nowrap}.appNav{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding:8px;border:1px solid var(--line);border-radius:14px;background:#ffffffb8;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.navItem{min-height:40px;display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:0 14px;background:transparent;color:#4a5364;cursor:pointer;font-weight:900}.navItem:hover{background:#fff;color:var(--ink)}.navItemActive{border-color:#285eea2e;background:var(--brand);color:#fff;box-shadow:0 10px 22px #285eea38}.workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px;margin-top:18px}.pageSurface{margin-top:18px;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-md)}.pageHeader{display:flex;justify-content:space-between;gap:20px;margin-bottom:24px}.pageHeader h2{margin:6px 0 8px;font-size:2rem;line-height:1.05}.pageHeader p{max-width:700px;margin:0;color:var(--muted);line-height:1.55}.sectionLabel{color:var(--brand);font-size:.78rem;font-weight:900;text-transform:uppercase}.themePanel,.createPostForm,.postCard,.brandForm section{background:var(--surface);box-shadow:var(--shadow-md)}.sideRail{display:grid;align-self:start;gap:14px}.themePanel,.createPostForm{align-self:start;padding:22px}.panelHeading h2,.postCard h2{margin:0}.createPostForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;box-shadow:none}.createPostForm label,.fieldGroup,.brandForm label{display:grid;gap:7px;color:#394152;font-size:.82rem;font-weight:900}.createPostForm input,.createPostForm select,.createPostForm textarea,.brandWizardForm input,.brandWizardForm select,.brandWizardForm textarea,.brandForm input,.brandForm select,.brandForm textarea{width:100%;border:1px solid var(--line-strong);border-radius:10px;padding:11px 12px;color:var(--ink);background:#fff;font:inherit;font-weight:600;box-shadow:inset 0 1px #17191f08}.createPostForm input:focus,.createPostForm select:focus,.createPostForm textarea:focus,.brandForm input:focus,.brandForm select:focus,.brandForm textarea:focus,.brandWizardForm input:focus,.brandWizardForm select:focus,.brandWizardForm textarea:focus,.templateEditForm input:focus,.templateEditForm textarea:focus,.queueControls input:focus,.queueControls select:focus,.quickBriefForm textarea:focus,.quickBriefForm select:focus,.editOutputForm input:focus,.editOutputForm textarea:focus{outline:none;border-color:#285eea9e;box-shadow:0 0 0 3px #285eea1a}.createPostForm input[aria-invalid=true],.createPostForm textarea[aria-invalid=true],.brandForm input[aria-invalid=true],.brandForm textarea[aria-invalid=true]{border-color:#9d1c1cb8;box-shadow:0 0 0 3px #9d1c1c14}.fieldError{color:#9d1c1c;font-size:.78rem;font-weight:800}.fieldHint{color:var(--muted);font-size:.78rem;font-weight:700;line-height:1.35}.createPostForm textarea{min-height:86px;resize:vertical}.createPostForm .panelHeading,.createPostForm label:nth-of-type(3),.createPostForm .fieldGroup,.createPostForm button{grid-column:1 / -1}.brandForm{display:grid;gap:16px}.templateList{display:grid;gap:12px}.templateCard{display:grid;grid-template-columns:148px minmax(0,1fr) auto;align-items:flex-start;gap:18px;border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--surface);box-shadow:var(--shadow-md)}.templatePreview{width:148px;height:148px;flex:0 0 148px;border:1px solid var(--line-strong);border-radius:10px;overflow:hidden;background:#fff}.templatePreview iframe{width:1080px;height:1080px;border:0;pointer-events:none;transform:scale(.137037);transform-origin:top left}.templateMeta{flex:1;min-width:0}.templateCard h3{margin:0 0 8px}.templateCard p{margin:0 0 10px;color:var(--muted);line-height:1.45}.templateCard code{color:var(--brand);font-weight:800;overflow-wrap:anywhere}.templateUsage{display:grid;gap:4px;margin-top:12px;padding:10px;border-radius:10px;background:var(--surface-subtle)}.templateUsage strong{color:var(--brand);font-size:.82rem}.templateUsage span{color:var(--muted);font-size:.82rem;line-height:1.35}.templateActions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.templateActions .primaryButton,.templateActions .secondaryButton,.templateActions .dangerButton{min-height:40px;margin-top:0;padding:0 12px;font-size:.86rem}.templateEditForm{display:grid;gap:12px}.templateEditForm label{display:grid;gap:7px;color:#394152;font-size:.82rem;font-weight:900}.templateEditForm input,.templateEditForm textarea,.queueControls input,.queueControls select{width:100%;border:1px solid var(--line-strong);border-radius:10px;padding:11px 12px;color:var(--ink);background:#fff;font:inherit;font-weight:600}.templateEditForm textarea{min-height:76px;resize:vertical}.emptyState{border:1px dashed rgba(40,94,234,.22);border-radius:12px;padding:24px;color:var(--muted);background:var(--surface-subtle);font-weight:800}.outputEmptyState{margin-top:18px;padding:14px;border:1px dashed rgba(40,94,234,.18);border-radius:12px;color:var(--muted);background:var(--surface-subtle);font-size:.9rem;font-weight:800;line-height:1.45}.brandForm section{display:grid;gap:14px;border:1px solid var(--line);border-radius:12px;padding:18px}.brandForm h3{margin:0;font-size:1.15rem}.brandForm textarea{min-height:106px;resize:vertical}.formGrid,.colorGrid{display:grid;gap:12px}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.billingSummary{display:grid;gap:18px}.billingPlanHeader,.usageMeter,.billingLimitGrid>div{border:1px solid var(--line);border-radius:8px;background:#05081a70}.billingPlanHeader{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px}.billingPlanHeader div{display:grid;gap:6px}.billingPlanHeader strong{color:var(--ink);font-size:1.35rem}.billingPlanHeader>span{color:var(--muted);font-size:.9rem;font-weight:800}.usageMeter{display:grid;gap:12px;padding:18px}.usageMeter>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:18px}.usageMeter span,.usageMeter small,.billingLimitGrid small{color:var(--muted);font-weight:800}.usageMeter strong,.billingLimitGrid span{color:var(--ink)}.usageTrack{height:10px;overflow:hidden;border-radius:999px;background:#1f2954db}.usageTrack span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--secondary))}.billingLimitGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.billingLimitGrid>div{display:grid;gap:4px;padding:16px}.billingLimitGrid span{font-size:1.35rem;font-weight:900}.billingNotice{display:grid;gap:4px;padding:14px 16px;border:1px solid rgba(255,126,146,.32);border-radius:8px;background:#ff7e921a}.billingNotice strong{color:var(--ink)}.billingNotice span{color:var(--muted);font-weight:700}.billingActions{display:flex;flex-wrap:wrap;gap:10px}.billingActions .primaryButton,.billingActions .secondaryButton{margin-top:0}.colorGrid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.colorField{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px}.colorField input[type=color]{min-height:42px;padding:4px}.colorField .fieldError{grid-column:1 / -1}.themePanel h3{margin:24px 0 8px;font-size:1.55rem}.themePanel p,.postCard p,.generatedBlock p{color:var(--muted);line-height:1.55}.swatches{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.swatch{width:32px;height:32px;border-radius:50%;border:1px solid rgba(27,31,36,.14)}dl{display:grid;gap:16px;margin:0}dt{font-size:.76rem;color:var(--muted);font-weight:800;text-transform:uppercase}dd{margin:4px 0 0;line-height:1.45}.postList{display:grid;gap:14px}.queueColumn{display:grid;align-self:start;gap:14px}.queueControls{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(6,minmax(128px,1fr));gap:10px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#ffffffe6;box-shadow:var(--shadow-sm)}.queueControls label{display:grid;gap:7px;color:#394152;font-size:.78rem;font-weight:900}.postCard{padding:22px;box-shadow:var(--shadow-md)}.postCard header,.postCard footer{display:flex;justify-content:space-between;gap:18px}.postCard header{align-items:flex-start}.postCard footer{align-items:center;margin-top:20px}.generationError{display:grid;gap:5px;margin-top:14px;padding:12px;border:1px solid rgba(167,40,40,.18);border-radius:12px;background:#fff5f4;color:var(--danger)}.generationError strong{font-size:.9rem}.generationError span,.generationError small{line-height:1.4}.generationError small{color:#7a3030;font-weight:700}.postCard h2{margin-top:10px;font-size:1.6rem;line-height:1.1}.status,.format{min-height:28px;border-radius:999px;padding:5px 10px;font-size:.76rem;font-weight:900;text-transform:uppercase}.status-ready{background:#e8f7f1;color:var(--success)}.status-draft{background:#eef2f5;color:var(--muted)}.status-generated{background:var(--brand-soft);color:var(--brand)}.status-generating{background:#fff7e6;color:#7a4b00}.status-error{background:#fdecec;color:var(--danger)}.format{flex:0 0 auto;color:#3b4150;background:#f2f4f8}.metaGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:20px 0 0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metaItem{min-width:0;padding:0 14px;border-right:1px solid var(--line)}.metaItem:first-child{padding-left:0}.metaItem:last-child{border-right:0;padding-right:0}.metaItem dt,.metaItem dd{margin:0}.metaItem dt{color:var(--muted);font-size:.72rem;font-weight:900;letter-spacing:.04em;line-height:1;text-transform:uppercase}.metaItem dd{margin-top:8px;color:var(--ink);font-size:.88rem;font-weight:750;line-height:1.38}.generatedBlock{margin-top:20px;padding:14px 16px 16px;border:1px solid rgba(19,138,99,.14);border-radius:12px;background:linear-gradient(180deg,#f5fbf8,#f8fbfd)}.generatedHeader{display:flex;align-items:center;justify-content:space-between;gap:16px}.generatedCount{color:var(--success)}.generatedCount>div{display:grid;gap:2px}.generatedCount span{color:var(--muted);font-size:.78rem;font-weight:800}.generatedActions .secondaryButton,.generatedActions .dangerButton{margin-top:0}.generatedActions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-left:auto}.generatedBlock strong{color:var(--success)}.generatedBlock p{margin:10px 0 0}.assetGrid{--asset-thumb-size: 148px;display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.assetPreview{width:var(--asset-thumb-size);flex:0 0 var(--asset-thumb-size);display:grid;gap:8px;padding:0;border:0;background:transparent;color:var(--brand);font-size:.82rem;font-weight:900;text-decoration:none;text-align:left}.assetPreview img{width:var(--asset-thumb-size);height:var(--asset-thumb-size);aspect-ratio:1;object-fit:cover;border-radius:10px;border:1px solid var(--line-strong);background:#fff}.assetPreview:hover img{border-color:var(--brand);box-shadow:0 10px 24px #285eea24}.slideTextGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:16px}.slideTextCard{min-height:148px;padding:12px;border:1px solid rgba(19,138,99,.14);border-radius:10px;background:#ffffffb8}.slideTextCard span{color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase}.slideTextCard strong{display:block;margin-top:8px;line-height:1.2}.slideTextCard p{color:#394152;font-size:.86rem;line-height:1.4}.slideTextCard small{display:block;margin-top:10px;color:var(--muted);font-weight:800}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#0a101ead;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.quickBriefModal,.brandWizardModal{width:min(94vw,680px);max-height:calc(100vh - 48px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:18px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-lg)}.brandWizardModal{width:min(94vw,740px)}.editOutputModal{width:min(98vw,1280px);max-height:calc(100vh - 48px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:18px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-lg)}.quickBriefModal header,.brandWizardModal header,.editOutputModal header,.modalActions{display:flex;align-items:center;justify-content:space-between;gap:16px}.quickBriefModal h2,.brandWizardModal h2,.editOutputModal h2{margin:4px 0 0;font-size:1.7rem;line-height:1.08}.quickBriefForm,.brandWizardForm,.editOutputForm{display:grid;gap:14px}.brandWizardForm{min-height:0;grid-template-rows:auto minmax(0,1fr) auto;overflow:auto}.wizardSteps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.wizardStep{min-height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;padding:0 8px;background:var(--surface-subtle);color:var(--muted);font-size:.72rem;font-weight:900;text-align:center}.wizardStepActive{border-color:#285eea6b;background:var(--brand-soft);color:var(--brand)}.wizardStepPanel{display:grid;gap:12px;align-content:start;min-height:228px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface-subtle)}.brandWizardForm fieldset{min-height:228px}.editOutputBody{min-height:0;display:grid;grid-template-columns:minmax(360px,.92fr) minmax(420px,1fr);gap:22px}.editOutputPreview{align-self:start;position:sticky;top:0;display:grid;gap:12px;min-width:0}.editOutputPreview>img{display:block;width:100%;max-height:calc(100vh - 220px);object-fit:contain;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface-subtle)}.editOutputPreviewGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.editOutputPreviewThumb{padding:0;border:2px solid transparent;border-radius:10px;background:transparent;cursor:pointer}.editOutputPreviewThumbActive{border-color:var(--brand)}.editOutputPreviewThumb img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:#fff}.editOutputForm{min-height:0;overflow:auto;padding-right:4px}.quickBriefForm label,.brandWizardForm label,.editOutputForm label{display:grid;gap:7px;color:#394152;font-size:.82rem;font-weight:900}.quickBriefForm textarea,.quickBriefForm select,.brandWizardForm input,.brandWizardForm textarea,.editOutputForm input,.editOutputForm textarea{width:100%;border:1px solid var(--line-strong);border-radius:10px;padding:11px 12px;color:var(--ink);background:#fff;font:inherit;font-weight:600}.quickBriefForm textarea{min-height:150px;resize:vertical}.brandWizardForm textarea{min-height:82px;resize:vertical}.brandWizardForm fieldset{display:grid;gap:10px;align-content:start;margin:0;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface-subtle)}.brandWizardForm legend{padding:0 6px;color:#394152;font-size:.82rem;font-weight:900}.choiceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.choicePill{min-height:42px;border:1px solid var(--line-strong);border-radius:10px;padding:9px 11px;background:#fff;color:#273246;cursor:pointer;font:inherit;font-size:.84rem;font-weight:900;text-align:left}.choicePill:hover{border-color:#285eea47;background:var(--brand-soft);color:var(--brand)}.choicePillActive{border-color:#285eea80;background:var(--brand);color:#fff}.editOutputForm textarea{min-height:92px;resize:vertical}.quickBriefForm textarea[aria-invalid=true]{border-color:#9d1c1cb8;box-shadow:0 0 0 3px #9d1c1c14}.editSlideList{display:grid;gap:12px}.editSlidePanel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-subtle)}.editSlidePanel h3,.editSlidePanel label:nth-of-type(3){grid-column:1 / -1}.editSlidePanel h3{margin:0;font-size:1rem}.modalActions{justify-content:flex-end}.brandWizardForm .modalActions{position:sticky;bottom:0;margin-top:2px;padding-top:14px;border-top:1px solid var(--line);background:linear-gradient(180deg,#0f153300,#0f1533fa 34%)}.modalActions .primaryButton,.modalActions .secondaryButton{margin-top:0}.generationHistory{display:grid;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(19,138,99,.16)}.generationHistoryHeader,.generationHistoryItem,.generationHistoryActions{display:flex;align-items:center;gap:10px}.generationHistoryHeader,.generationHistoryItem{justify-content:space-between}.generationHistoryHeader span{display:inline-flex;align-items:center;gap:8px;color:var(--success);font-weight:900}.generationHistoryHeader small,.generationHistoryItem span{color:var(--muted);font-size:.82rem;font-weight:800}.generationHistoryList{display:grid;gap:8px}.generationHistoryItem{min-height:58px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#ffffffb8}.generationHistoryItem div:first-child{display:grid;gap:3px}.generationHistoryActions .secondaryButton{min-height:34px;margin-top:0;padding:0 10px;font-size:.82rem}.generationHistoryActions .dangerButton{min-height:34px;padding:0 10px;font-size:.82rem}.lightboxBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#0a101ecc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lightbox{width:min(94vw,900px);max-height:calc(100vh - 48px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-lg)}.lightbox header{display:flex;justify-content:space-between;align-items:center;gap:16px}.lightbox header div{display:grid;gap:4px}.lightbox header strong{font-size:1rem}.lightbox header span{color:var(--muted);font-size:.86rem;font-weight:700}.lightboxStage{position:relative;min-height:0;display:grid;place-items:center;border-radius:12px;background:var(--surface-subtle);overflow:hidden}.lightboxStage img{display:block;width:min(100%,calc(100vh - 150px));max-height:calc(100vh - 150px);aspect-ratio:1;object-fit:contain;background:#fff}.modalIconButton{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:var(--brand);cursor:pointer}.modalIconButton:hover{background:var(--brand-soft)}.navButton{position:absolute;top:50%;z-index:1;transform:translateY(-50%);background:#ffffffeb}.navButtonLeft{left:12px}.navButtonRight{right:12px}.primaryButton{min-height:42px;border:0;border-radius:10px;padding:0 16px;background:var(--brand);color:#fff;font-weight:900;box-shadow:0 12px 26px #285eea38}.primaryButton:hover{background:#1f50ce}.secondaryButton{width:fit-content;min-height:40px;margin-top:14px;border:1px solid var(--line-strong);border-radius:10px;padding:0 14px;background:#fff;color:#273246;font-size:.9rem;font-weight:900;text-decoration:none}.secondaryButton:hover{border-color:#285eea47;background:var(--brand-soft);color:var(--brand)}.secondaryButton:disabled{cursor:not-allowed;border-color:#6670852e;background:#edf0f5;color:var(--muted)}.dangerButton{min-height:40px;border:1px solid rgba(167,40,40,.22);border-radius:10px;padding:0 14px;background:#fff7f7;color:var(--danger);font-size:.9rem;font-weight:900}.dangerButton:hover{background:#fdecec;border-color:#a7282857}.cardActions{display:flex;flex-wrap:wrap;gap:8px}.cardActions .primaryButton,.cardActions .secondaryButton,.cardActions .dangerButton{height:54px;min-height:54px;margin-top:0;padding:0 18px}.primaryButton:disabled,.dangerButton:disabled{cursor:not-allowed}.primaryButton:disabled{background:#c6ced7;box-shadow:none}.inlineError{color:#9d1c1c;font-size:.9rem;font-weight:700}body,input,select,textarea,button{color-scheme:dark}.authScreen{background:radial-gradient(circle at 18% 6%,rgba(227,79,203,.16),transparent 34%),radial-gradient(circle at 82% 0%,rgba(89,200,245,.14),transparent 30%),var(--app-bg)}.authScreen section,.authBar,.stats div,.iconButton,.themePanel,.createPostForm,.postCard,.pageSurface,.templateCard,.quickBriefModal,.brandWizardModal,.editOutputModal,.lightbox{border-color:var(--line);background:#0f1533eb;color:var(--ink)}.authBar,.appNav,.queueControls,.generationHistoryItem{background:#0f1533b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero{border-color:#5c73f747;background:radial-gradient(circle at 78% 18%,rgba(227,79,203,.38),transparent 31%),radial-gradient(circle at 54% 88%,rgba(89,200,245,.18),transparent 34%),linear-gradient(135deg,#05081a,#0f1533 58%,#1f2954)}.hero p,.brandLockup span,.authScreen .brandLockup span{color:var(--muted)}.brandMark{border-color:#5c73f757;box-shadow:0 12px 30px #00000057}.appNav{border-color:var(--line);box-shadow:var(--shadow-sm)}.navItem{color:var(--muted)}.navItem:hover{background:#5c73f71f;color:var(--ink)}.navItemActive{border-color:#5c73f79e;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;box-shadow:0 12px 28px #5c73f738}.sectionLabel,.templateCard code,.assetPreview,.iconButton,.modalIconButton{color:var(--secondary)}.createPostForm label,.fieldGroup,.brandForm label,.templateEditForm label,.queueControls label,.quickBriefForm label,.brandWizardForm label,.editOutputForm label,.brandWizardForm legend{color:var(--muted)}.createPostForm input,.createPostForm select,.createPostForm textarea,.brandWizardForm input,.brandWizardForm select,.brandWizardForm textarea,.brandForm input,.brandForm select,.brandForm textarea,.templateEditForm input,.templateEditForm textarea,.queueControls input,.queueControls select,.quickBriefForm textarea,.quickBriefForm select,.editOutputForm input,.editOutputForm textarea{border-color:var(--line-strong);background:#05081ab8;color:var(--ink);box-shadow:inset 0 1px #ffffff08}.createPostForm input::placeholder,.createPostForm textarea::placeholder,.brandWizardForm input::placeholder,.brandWizardForm textarea::placeholder,.brandForm input::placeholder,.brandForm textarea::placeholder,.templateEditForm input::placeholder,.templateEditForm textarea::placeholder,.queueControls input::placeholder,.quickBriefForm textarea::placeholder,.editOutputForm input::placeholder,.editOutputForm textarea::placeholder{color:#a8b0d39e}.createPostForm input:focus,.createPostForm select:focus,.createPostForm textarea:focus,.brandForm input:focus,.brandForm select:focus,.brandForm textarea:focus,.brandWizardForm input:focus,.brandWizardForm select:focus,.brandWizardForm textarea:focus,.templateEditForm input:focus,.templateEditForm textarea:focus,.queueControls input:focus,.queueControls select:focus,.quickBriefForm textarea:focus,.quickBriefForm select:focus,.editOutputForm input:focus,.editOutputForm textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #5c73f733}.templatePreview,.assetPreview img,.editOutputPreviewThumb img,.lightboxStage img{background:#fff}.templateUsage,.emptyState,.outputEmptyState,.wizardStep,.wizardStepPanel,.brandWizardForm fieldset,.editSlidePanel,.lightboxStage{border-color:var(--line);background:var(--surface-subtle);color:var(--muted)}.wizardStepActive{border-color:#5c73f7b8;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff}.choicePill{border-color:var(--line-strong);background:#05081ab8;color:var(--ink)}.choicePill.choicePillActive{border-color:#5c73f7b8;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff}.choicePill:hover,.secondaryButton:hover,.modalIconButton:hover{border-color:#59c8f56b;background:#5c73f729;color:var(--secondary)}.generatedBlock{border-color:#59c8f53d;background:linear-gradient(180deg,#59c8f51a,#5c73f714),var(--surface)}.generatedBlock strong,.generatedCount,.generationHistoryHeader span{color:var(--secondary)}.generatedActions,.generationHistory{border-color:#59c8f533}.slideTextCard{border-color:var(--line);background:#111a3dd1}.slideTextCard p{color:var(--muted)}.status-ready{background:#59c8f526;color:var(--secondary)}.status-draft,.format{background:#a8b0d31a;color:var(--muted)}.status-generated{background:var(--brand-soft);color:#b9c4ff}.status-generating{background:#ff7e9229;color:var(--accent-warm)}.status-error,.generationError{background:#ff7e921f;color:var(--danger)}.generationError{border-color:#ff7e9247}.generationError small,.fieldError,.inlineError{color:var(--accent-warm)}.notice,.authNotice,.upgradeNotice{border-color:#ff7e9252;background:#ff7e9221;color:#ffd7de}.upgradeNotice{border-color:#59c8f547;background:linear-gradient(135deg,#5c73f729,#e34fcb1f),#0f1533eb}.onboardingPanel{border-color:#59c8f547;background:linear-gradient(135deg,#5c73f729,#e34fcb1a),#0f1533eb}.onboardingItem{border-color:var(--line);background:#05081a85}.primaryButton{background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;box-shadow:0 14px 30px #5c73f742}.primaryButton:hover{background:linear-gradient(135deg,#6d82ff,#f05bda)}.primaryButton:disabled{background:#1f2954;color:var(--muted)}.secondaryButton,.modalIconButton{border-color:var(--line-strong);background:#0f1533eb;color:var(--ink)}.secondaryButton:disabled{border-color:var(--line);background:#1f295494;color:#a8b0d39e}.dangerButton{border-color:#ff7e9257;background:#ff7e921f;color:var(--accent-warm)}.dangerButton:hover{border-color:#ff7e9285;background:#ff7e9233}.swatch{border-color:var(--line-strong)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes loadingOrbit{to{transform:rotate(360deg)}}@keyframes loadingSweep{0%{transform:translate(-115%)}50%{transform:translate(70%)}to{transform:translate(235%)}}@media(prefers-reduced-motion:reduce){.spin,.loadingRing,.loadingBar span{animation:none}}@media(max-width:860px){.marketingPage{width:min(100% - 24px,1180px);padding-top:18px}.marketingNav{align-items:flex-start}.marketingHero,.marketingDifference,.marketingPromise,.marketingPillars{grid-template-columns:1fr}.marketingHero{min-height:auto;gap:28px;padding:42px 0 20px}.marketingHero h1{font-size:clamp(3rem,17vw,4.4rem)}.marketingProductMock{min-height:auto}.mockCanvas{grid-template-columns:1fr;min-height:auto}.mockAsset{min-height:430px}.mockSidePanel,.workflowGrid,.marketingPromise ul,.marketingCta,.waitlistForm{grid-template-columns:1fr}.workflowCard{min-height:auto}.marketingDifference,.marketingPromise,.marketingCta{padding:22px}.shell{width:min(100% - 24px,1180px);padding-top:18px}.hero,.workspace,.postCard header,.postCard footer{grid-template-columns:1fr}.hero,.postCard header,.postCard footer{display:grid}.stats,.queueControls{grid-template-columns:1fr}.metaGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 0}.metaItem:nth-child(2n){border-right:0;padding-right:0}.metaItem:nth-child(odd){padding-left:0}.generatedHeader{align-items:flex-start;display:grid}.upgradeNotice{align-items:flex-start;flex-direction:column}.upgradeNotice .primaryButton{width:100%}.onboardingHeader,.onboardingItem{grid-template-columns:1fr}.onboardingHeader{display:grid}.onboardingItems{grid-template-columns:1fr}.onboardingItem{justify-items:flex-start}.onboardingItem .secondaryButton{width:100%}.generatedActions{justify-content:flex-start;margin-left:0}.templateCard{grid-template-columns:1fr}.templateActions{justify-content:flex-start}.generatedHeader,.generationHistoryItem{align-items:flex-start;flex-direction:column}.generatedActions,.generationHistoryActions{justify-content:flex-start}.lightboxBackdrop,.modalBackdrop{padding:12px}.brandWizardModal{width:100%;max-height:calc(100vh - 24px)}.wizardSteps{grid-template-columns:repeat(2,minmax(0,1fr))}.choiceGrid{grid-template-columns:1fr}.quickBriefModal{width:100%}.editOutputModal{width:100%;max-height:calc(100vh - 24px)}.editOutputBody{grid-template-columns:1fr}.editOutputPreview{position:static}.editOutputPreview>img{max-height:48vh}.editSlidePanel{grid-template-columns:1fr}.lightbox{width:100%;max-height:calc(100vh - 24px)}}