:root{--blue:#1257e8;--navy:#07143f;--muted:#6f7892;--line:#e3e8f2;--bg:#f5f8fd;--green:#24a66a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#fff 0,#f6f9ff 38%,var(--bg) 80%);color:var(--navy);font-family:"DM Sans",sans-serif}button,textarea{font:inherit}header{height:72px;padding:0 max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;border-bottom:1px solid var(--line);background:#ffffffd9;backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:9px;color:var(--navy);text-decoration:none;font:800 21px Manrope}.brand b span{color:var(--blue)}.cloud{width:36px;height:31px;border-radius:12px;background:linear-gradient(145deg,#2476ff,#0d4ddb);display:grid;place-items:center;color:#fff;font-size:21px}.status{margin-left:auto;border:1px solid var(--line);border-radius:99px;background:#fff;padding:8px 13px;font-size:12px;font-weight:600;color:#59627a}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:7px}main{width:min(1180px,calc(100% - 40px));margin:0 auto 60px}.intro{text-align:center;padding:58px 0 42px}.eyebrow{margin:0 0 8px;font-size:10px;letter-spacing:.16em;color:var(--blue);font-weight:800}.intro h1{font:800 clamp(32px,4vw,48px)/1.05 Manrope;margin:0;letter-spacing:-.04em}.intro>p:last-of-type{margin:12px auto 27px;color:var(--muted);font-size:15px}.composer{text-align:left;max-width:820px;margin:auto;padding:17px;border:1px solid #dbe2f1;border-radius:18px;background:#fff;box-shadow:0 18px 60px rgba(29,69,137,.10)}.composer>label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;margin-bottom:8px}.composer textarea{border:0;resize:none;outline:0;width:100%;min-height:80px;color:#283451;line-height:1.55}.composer-footer{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:13px}.upload{display:flex;align-items:center;gap:9px;cursor:pointer;color:#36415f}.upload>span:first-child{width:35px;height:35px;border-radius:9px;background:#eff4ff;color:var(--blue);display:grid;place-items:center;font-size:19px}.upload b,.upload small{display:block;font-size:11px}.upload small{color:#98a0b4;font-size:9px}.reference-preview{height:39px;align-items:center;gap:8px;background:#f4f7fc;border-radius:9px;padding:4px 8px 4px 4px;max-width:250px}.reference-preview:not([hidden]){display:flex}.reference-preview img{width:31px;height:31px;object-fit:cover;border-radius:6px}.reference-preview span{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-preview button{border:0;background:none;color:#778098;font-size:18px;cursor:pointer}.generate{margin-left:auto;border:0;background:linear-gradient(135deg,#1769f5,#0d4ed7);color:#fff;border-radius:11px;height:44px;padding:0 20px;font-weight:700;box-shadow:0 8px 20px #145ce533;cursor:pointer}.generate span{margin-right:7px}.results{border-top:1px solid var(--line);padding-top:33px}.results-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.results h2{font:800 24px Manrope;margin:0;letter-spacing:-.03em}.pair-label{background:#eaf1ff;color:var(--blue);font-size:11px;font-weight:700;border-radius:99px;padding:8px 12px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.creative-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:13px;box-shadow:0 9px 30px rgba(30,55,100,.06);transition:.25s}.creative-card.selected{border-color:var(--blue);box-shadow:0 0 0 3px #dce8ff,0 15px 35px #1a5ad41c}.card-top{height:50px;display:flex;align-items:center;gap:10px;padding:0 4px}.flag{background:#eef3ff;color:var(--blue);border-radius:7px;padding:5px 7px;font-size:10px;font-weight:800}.card-top div b,.card-top div small{display:block}.card-top div b{font-size:12px}.card-top div small{font-size:9px;color:#9ca4b7;margin-top:2px}.ready{margin-left:auto;color:var(--green);font-size:9px;font-weight:700;background:#eaf8f2;padding:5px 8px;border-radius:99px}.art{border-radius:11px;overflow:hidden;background:#e6edfb;aspect-ratio:1}.art img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s}.card-actions{display:grid;grid-template-columns:1fr 43px;gap:8px;margin-top:12px}.card-actions button,.card-actions a{height:43px;border-radius:10px;display:grid;place-items:center;text-decoration:none;cursor:pointer}.choose{border:1px solid var(--line);background:#fff;color:#303b58;font-weight:700}.selected .choose{background:var(--blue);color:#fff;border-color:var(--blue)}.card-actions a{border:1px solid var(--line);color:#4b5671;font-size:19px}.regenerate{display:block;margin:24px auto 0;border:0;background:transparent;color:var(--blue);font-weight:700;cursor:pointer;padding:10px}.creative-card.loading .art img{filter:blur(8px);transform:scale(1.04);opacity:.55}.creative-card.loading .ready{color:#8b94a9;background:#f1f3f7}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,15px);background:var(--navy);color:#fff;padding:12px 18px;border-radius:10px;font-size:12px;opacity:0;transition:.2s;pointer-events:none;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:720px){header{padding:0 18px}.status{display:none}main{width:min(100% - 24px,1180px)}.intro{padding:38px 0 31px}.composer-footer{flex-wrap:wrap}.generate{width:100%;margin-top:6px}.cards{grid-template-columns:1fr}.results-head{align-items:center}.reference-preview{max-width:180px}}