:root{--bg:#071018;--panel:#0d1721;--panel2:#111e2a;--line:rgba(214,231,245,.11);--line2:rgba(214,231,245,.18);--text:#f5f8fb;--muted:#8fa0b2;--accent:#4f8cff;--accent2:#9fc5ff;--green:#6ee7b7;--danger:#fb7185;--shadow:0 30px 90px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -15%,rgba(79,140,255,.18),transparent 34%),linear-gradient(180deg,#071018,#09131d);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}.siteShell{width:min(1240px,calc(100% - 40px));margin:auto;padding-bottom:80px}.header{height:78px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.brand{font-size:23px;font-weight:850;letter-spacing:-.055em}.brand span{color:var(--accent2)}.topNav{display:flex;gap:20px;margin-left:20px}.topNav a,.topNav button{color:#aeb4c1;background:none;font-size:14px}.topNav a:hover,.topNav button:hover{color:#fff}.headerRight{display:flex;align-items:center;gap:12px;margin-left:auto}.email{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px}.creditsBadge{padding:7px 10px;border:1px solid rgba(79,140,255,.35);background:rgba(79,140,255,.09);border-radius:999px;color:#d8cbff;font-size:12px}.ghostButton,.secondaryButton{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line2);background:rgba(255,255,255,.025);color:#e8eaf0;border-radius:11px;padding:10px 15px}.hero{max-width:920px;padding:90px 0 70px}.eyebrow,.sectionKicker{font-size:10px;letter-spacing:.18em;color:#9c91ba;font-weight:800}.hero h1{font-size:clamp(42px,6vw,78px);line-height:.98;letter-spacing:-.065em;margin:18px 0 24px}.hero h1 em{font-style:normal;color:#b9a4ff}.hero p{max-width:700px;color:#a2a8b5;font-size:18px;line-height:1.65;margin:0}.heroActions{display:flex;gap:18px;align-items:center;margin-top:32px}.generateButton,.primaryButton{background:linear-gradient(135deg,#5f9dff,#3976e8);color:white;border-radius:12px;padding:13px 20px;font-weight:750;box-shadow:0 10px 30px rgba(79,140,255,.22)}.linkButton{background:none;color:#c9baff;padding:12px 0}.workspace{display:grid;gap:18px}.modeSwitch{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode{display:flex;align-items:center;gap:15px;text-align:left;background:rgba(255,255,255,.025);border:1px solid var(--line);color:#dfe2ea;border-radius:15px;padding:17px}.mode.active{border-color:rgba(79,140,255,.65);background:rgba(79,140,255,.08);box-shadow:inset 0 0 0 1px rgba(79,140,255,.12)}.modeNumber{font-size:11px;color:#9f93c2}.mode span:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1 1}.mode strong{font-size:15px}.mode small{font-size:12px;color:var(--muted)}.mode b{font-size:13px;color:#cdbfff}.workspaceGrid{display:grid;grid-template-columns:420px 1fr;gap:18px}.panelCard{border:1px solid var(--line);background:rgba(16,18,25,.82);border-radius:20px;box-shadow:var(--shadow)}.controlPanel{padding:24px}.resultPanel{padding:24px;min-height:600px}.sectionHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.sectionHead.compact{margin-top:28px;margin-bottom:13px}.sectionHead h2{font-size:19px;letter-spacing:-.025em;margin:5px 0 0}.formatHint{font-size:11px;color:#71798a}.dropzone{width:100%;height:245px;border:1px dashed rgba(255,255,255,.16);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.015));color:#cdd1da;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;overflow:hidden}.dropzone:hover{border-color:rgba(139,92,246,.6)}.dropzone.hasPreview{border-style:solid}.dropzone img{width:100%;height:100%;object-fit:contain;background:#090a0e}.uploadIcon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(79,140,255,.12);color:#bca7ff;font-size:22px}.dropzone span{font-size:12px;color:#777f8f}.hiddenInput{display:none}.fieldLabel{display:flex;justify-content:space-between;font-size:12px;color:#b6bbc5;margin:20px 0 8px}.fieldLabel span{color:#666e7d}.textInput{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:#0a0c11;color:#fff;outline:none}.textInput:focus{border-color:rgba(139,92,246,.7)}.styleGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.styleCard{min-height:74px;text-align:left;padding:12px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.02);color:#dfe2e8}.styleCard.selected{border-color:rgba(79,140,255,.65);background:rgba(79,140,255,.08)}.styleCard span,.styleCard strong{display:block}.styleCard strong{font-size:13px}.styleCard span{font-size:11px;color:var(--muted);margin-top:5px;line-height:1.35}.setInfo{margin-top:26px;padding:15px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}.setInfo strong{font-size:13px}.setInfo div{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.setInfo span{font-size:11px;color:#9299a8}.generateButton{width:100%;margin-top:20px;padding:15px}.usageLine{text-align:center;color:#777f8f;font-size:11px;margin-top:10px}.errorBox{margin-top:12px;padding:11px 12px;border:1px solid rgba(251,113,133,.25);background:rgba(251,113,133,.07);color:#ffadb9;border-radius:10px;font-size:12px;line-height:1.45}.emptyResult,.loadingResult{min-height:510px;border:1px dashed rgba(255,255,255,.1);border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}.emptyIcon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:rgba(79,140,255,.08);color:#aa94f7;font-size:24px}.emptyResult h3,.loadingResult strong{margin:15px 0 7px;font-size:16px}.emptyResult p,.loadingResult span{margin:0;color:var(--muted);font-size:13px}.spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:#9b7aff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.singleResult{display:flex;flex-direction:column;gap:12px}.singleResult img{width:100%;max-height:650px;object-fit:contain;border-radius:14px;background:#08090d}.downloadButton{align-self:flex-end;background:#fff;color:#111;border-radius:10px;padding:10px 14px;font-weight:700}.resultGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.generatedCard{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#0a0c11}.generatedCard img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.generatedCardBottom{display:flex;align-items:center;justify-content:space-between;padding:11px}.generatedCardBottom div{display:flex;align-items:center;gap:8px;min-width:0}.generatedCardBottom strong{font-size:11px;color:#8f85a9}.generatedCardBottom span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.generatedCardBottom button,.historyActions button{background:none;color:#a99be0;font-size:11px}.trustRow{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:22px 0 80px;border:1px solid var(--line);border-radius:15px;overflow:hidden}.trustRow div{padding:19px;background:rgba(255,255,255,.02)}.trustRow span,.trustRow strong{display:block}.trustRow strong{font-size:16px}.trustRow span{font-size:11px;color:var(--muted);margin-top:5px}.pricingPreview{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,rgba(79,140,255,.1),rgba(255,255,255,.025));margin-bottom:80px}.pricingPreview h2{font-size:28px;letter-spacing:-.04em;margin:8px 0}.pricingPreview p{color:var(--muted);margin:0;max-width:620px}.historySection{scroll-margin-top:30px}.historyGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.historyItem{border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:14px;overflow:hidden}.historyImageButton{position:relative;display:block;width:100%;padding:0;background:#090a0e}.historyImageButton img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.historyImageButton span{position:absolute;inset:auto 9px 9px auto;padding:5px 8px;border-radius:7px;background:rgba(0,0,0,.65);color:white;font-size:10px;opacity:0;transition:.2s}.historyImageButton:hover span{opacity:1}.historyPlaceholder{aspect-ratio:1;display:grid;place-items:center;color:#8e82ae}.historyItemInfo{padding:11px}.historyItemInfo>div:first-child{display:flex;justify-content:space-between;gap:8px}.historyItemInfo strong{font-size:11px;color:#c6b8ee}.historyItemInfo small{font-size:10px;color:#687080}.historyItemInfo>span{display:block;font-size:12px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d2d5dc}.historyActions{display:flex;gap:12px;margin-top:10px}.historyActions button:last-child{color:#cf7d89}.historyEmpty{padding:50px 20px;border:1px dashed var(--line);border-radius:14px;text-align:center;color:var(--muted);font-size:13px}footer{display:flex;gap:16px;align-items:center;border-top:1px solid var(--line);margin-top:70px;padding-top:25px;color:#646c7b;font-size:12px}footer a{color:#b6a5e8;font-weight:700}footer button{background:none;color:#8d849f}.modalBackdrop{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px}.pricingModal,.viewerModal{position:relative;width:min(100%,980px);max-height:90vh;overflow:auto;border:1px solid var(--line2);border-radius:22px;background:#0d0f15;box-shadow:0 40px 120px rgba(0,0,0,.55);padding:30px}.modalClose{position:absolute;right:18px;top:15px;background:none;color:#9ca3b1;font-size:28px;line-height:1}.pricingModal h2,.viewerHead h2{font-size:30px;letter-spacing:-.045em;margin:7px 0}.modalLead{color:var(--muted);font-size:13px;margin:0 0 22px}.oneTime{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;margin-bottom:16px}.oneTime button,.oneTime>div{border:1px solid var(--line);background:#12151c;border-radius:11px;padding:13px;text-align:left}.oneTime div span,.oneTime div strong{display:block}.oneTime div span{font-size:11px;color:var(--muted);margin-top:3px}.oneTime button{color:#ddd3ff;font-size:12px}.planGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.planCard{position:relative;border:1px solid var(--line);border-radius:15px;padding:20px}.planCard.popular{border-color:rgba(139,92,246,.55)}.popularTag{position:absolute;top:12px;right:12px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#cdbdff}.planCard h3{font-size:18px;margin:0}.planCard p{font-size:11px;color:var(--muted);min-height:30px}.planPrice{display:block;font-size:27px;margin-top:15px}.planCredits{display:block;color:#b8acdc;font-size:12px;margin:5px 0 18px}.planCard button{width:100%;padding:11px;border-radius:10px;background:#fff;color:#111;font-weight:700;font-size:12px}.viewerModal{width:min(100%,920px)}.viewerHead{display:flex;justify-content:space-between;padding-right:30px}.viewerMainImage{display:block;width:100%;max-height:68vh;object-fit:contain;border-radius:14px;background:#07080b;margin-top:18px}.viewerSet{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.viewerSet img{width:100%;display:block;aspect-ratio:1;object-fit:cover;border-radius:12px}.viewerSet div div{padding:8px 2px;font-size:11px;color:#aeb4c1}.viewerSet div span{color:#9b86d5;margin-right:8px}.viewerActions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}@media(max-width:900px){.siteShell{width:min(100% - 24px,700px)}.header{height:auto;padding:15px 0;flex-wrap:wrap}.topNav{order:3;width:100%;margin:0}.email{display:none}.workspaceGrid{grid-template-columns:1fr}.resultPanel{min-height:400px}.historyGrid,.trustRow{grid-template-columns:repeat(2,1fr)}.pricingPreview{align-items:flex-start;flex-direction:column}.hero{padding:55px 0 45px}.hero h1{font-size:clamp(40px,12vw,64px)}}@media(max-width:560px){.siteShell{width:calc(100% - 20px)}.headerRight{width:100%;margin-left:0;justify-content:flex-end}.headerRight .ghostButton{padding:8px 12px}.topNav{justify-content:space-between}.hero{padding:42px 0}.hero h1{font-size:43px}.hero p{font-size:15px}.heroActions{align-items:stretch;flex-direction:column}.primaryButton{width:100%}.modeSwitch{grid-template-columns:1fr}.mode{padding:14px}.controlPanel,.resultPanel{padding:16px;border-radius:16px}.resultGrid,.styleGrid{grid-template-columns:1fr}.trustRow{margin-bottom:55px}.pricingPreview{padding:22px}.pricingPreview h2{font-size:23px}.historyGrid{grid-template-columns:1fr 1fr;gap:8px}.historyActions{gap:8px}.historyActions button{font-size:10px}.oneTime,.planGrid{grid-template-columns:1fr}.pricingModal,.viewerModal{padding:22px 16px;border-radius:18px}.pricingModal h2,.viewerHead h2{font-size:24px}.viewerSet{grid-template-columns:1fr}.viewerActions{flex-direction:column}.viewerActions>*{width:100%}footer{margin-top:50px;flex-wrap:wrap}}.modeSwitch{align-items:stretch}.modeChoice{display:grid;grid-template-columns:1fr auto;gap:8px;padding:6px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025);transition:.2s}.modeChoice.active{border-color:rgba(79,140,255,.55);background:linear-gradient(135deg,rgba(79,140,255,.09),rgba(255,255,255,.025))}.modeChoice .mode{border:0;background:transparent;padding:13px 11px}.modeChoice .mode.active{box-shadow:none}.modeBuy{align-self:center;margin-right:7px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.07);border:1px solid var(--line2);color:#dceaff;font-size:11px;font-weight:750;white-space:nowrap}.modeBuy:hover{background:rgba(79,140,255,.14);border-color:rgba(79,140,255,.45)}.paymentInline{width:100%;margin-top:8px;background:none;color:#9fc5ff;font-size:11px;padding:7px 4px}.paymentInline:hover{text-decoration:underline}.pricingModal{background:#0b1620}.planCard{background:rgba(255,255,255,.025)}.planCard.popular{background:rgba(79,140,255,.065)}.popularTag{color:#a9cbff}.oneTime button{color:#d7e8ff}.planCredits{color:#a9bfd6}.historyImageButton{background:#08111a}.viewerMainImage{background:#071018}.modalBackdrop{background:rgba(2,8,13,.78)}@media(max-width:700px){.modeChoice{grid-template-columns:1fr}.modeBuy{margin:0 7px 7px;width:calc(100% - 14px)}.modeChoice .mode{padding:12px 10px}.headerRight{gap:7px}.creditsBadge{font-size:11px}.heroActions{gap:10px}}.profileButton{padding:8px 11px;border:1px solid var(--line2);background:rgba(255,255,255,.025);color:#e8eaf0;border-radius:10px;font-size:12px}.creditsBadge:hover,.profileButton:hover{border-color:rgba(79,140,255,.6);background:rgba(79,140,255,.12)}.promptInput{resize:vertical;min-height:82px;line-height:1.45}.generationHint{text-align:center;color:#8995a5;font-size:11px;margin-top:8px}.profileModal{width:min(460px,calc(100vw - 32px));background:#0d1721;border:1px solid var(--line2);border-radius:20px;padding:28px;box-shadow:var(--shadow);position:relative}.profileModal h2{margin:7px 0 22px;font-size:25px;letter-spacing:-.035em}.profileRows{border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:20px}.profileRows>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 15px;border-bottom:1px solid var(--line)}.profileRows>div:last-child{border-bottom:0}.profileRows span{color:var(--muted);font-size:12px}.profileRows strong{font-size:13px;text-align:right}.profilePricingButton{width:100%}@media (max-width:720px){.header{height:auto;min-height:70px;flex-wrap:wrap;padding:12px 0;gap:12px}.topNav{order:3;width:100%;margin-left:0}.headerRight{gap:7px}.email{display:none}.profileButton{display:inline-flex}.siteShell{width:min(100% - 24px,1240px)}.modeSwitch,.workspaceGrid{grid-template-columns:1fr}.controlPanel,.resultPanel{padding:18px}.hero{padding:55px 0 45px}}