:root{--navy:#15397a;--navy-deep:#0d2454;--blue:#0066ff;--blue-bright:#0099ff;--blue-mid:#2d68f6;--ice:#e8f1ff;--ice-soft:#f2f7ff;--ink:#1e2024;--gray:#737373;--white:#ffffff;--danger:#d64545;--ok:#1f9d63;--glass-bg:rgba(255,255,255,0.72);--glass-border:rgba(255,255,255,0.45);--shadow:0 18px 50px rgba(13,36,84,0.16);--radius:20px}@font-face{font-family:Red Hat Display;src:url(/fonts/red-hat-display.woff2) format("woff2");font-weight:300 900;font-style:normal;font-display:swap}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{font-family:Red Hat Display,system-ui,-apple-system,sans-serif;color:var(--ink);min-height:100vh;background:radial-gradient(1100px 600px at 85% -10%,rgba(0,153,255,.18),transparent 60%),radial-gradient(900px 500px at -10% 30%,rgba(0,102,255,.14),transparent 55%),linear-gradient(180deg,var(--ice-soft) 0,var(--ice) 100%)}.glass{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow)}.glass,.site-header{background:var(--glass-bg)}.site-header{display:flex;align-items:center;gap:12px;padding:10px clamp(14px,3vw,32px);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--glass-border);position:-webkit-sticky;position:sticky;top:0;z-index:10}.wordmark{font-weight:800;font-size:20px;color:var(--navy);letter-spacing:-.02em}.byline{font-size:12px;color:var(--gray);border-left:1px solid rgba(21,57,122,.25);padding-left:12px}.container{width:100%;max-width:1100px;margin:0 auto;padding:20px clamp(12px,2.5vw,28px)}.btn{font-family:inherit;font-weight:700;font-size:16px;background:var(--blue);color:var(--white);border:none;border-radius:12px;padding:12px 22px;cursor:pointer;min-height:44px}.btn:hover{background:var(--blue-mid)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-small{font-size:13px;padding:8px 14px;min-height:36px;border-radius:10px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:14px;font-weight:600;color:var(--navy)}.field input[type=password],.field input[type=text],.field select,.field textarea{font-family:inherit;font-size:16px;color:var(--ink);background:rgba(255,255,255,.85);border:1px solid rgba(21,57,122,.2);border-radius:12px;padding:12px 14px;min-height:44px}.field textarea{min-height:120px;resize:vertical}.chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:5px 12px;border-radius:999px}.chip-queued{background:rgba(115,115,115,.14);color:var(--gray)}.chip-generating{background:rgba(45,104,246,.14);color:var(--blue-mid)}.chip-done{background:rgba(31,157,99,.14);color:var(--ok)}.chip-failed{background:rgba(214,69,69,.12);color:var(--danger)}.chip-credits{background:rgba(21,57,122,.1);color:var(--navy)}.brand-strip{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--navy);background:rgba(255,255,255,.6);border:1px solid var(--glass-border);border-radius:999px;padding:5px 12px}.brand-swatch{width:14px;height:14px;border-radius:4px;border:1px solid rgba(0,0,0,.08)}.variant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:14px;gap:14px}.variant-card{overflow:hidden;padding:0}.variant-card img{width:100%;display:block;aspect-ratio:1;object-fit:cover}.variant-meta{padding:10px 12px;display:flex;flex-direction:column;gap:8px}.skeleton{background:linear-gradient(90deg,rgba(21,57,122,.06),rgba(21,57,122,.12),rgba(21,57,122,.06));background-size:200% 100%;animation:shimmer 1.4s infinite;aspect-ratio:1;border-radius:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-text{color:var(--danger);font-size:14px}.muted{color:var(--gray);font-size:14px}@media (max-width:480px){.variant-grid{grid-template-columns:repeat(2,1fr)}}