@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{color-scheme:dark;font-family:'DM Sans',sans-serif;color:#f4f4f6;background:#101115;font-size:16px}*{box-sizing:border-box}body{margin:0}header{height:96px;max-width:1440px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2a2b32}.brand{font-family:Manrope,sans-serif;font-size:38px;font-weight:800;color:#daff80;text-decoration:none;letter-spacing:-2px;display:flex;align-items:center;gap:16px}.brand span{font-family:'DM Sans',sans-serif;letter-spacing:0;font-size:14px;font-weight:400;color:#a6a7b2}.header-note,.eyebrow{font-size:12px;letter-spacing:2px;color:#b9bdc7}main{max-width:1440px;padding:48px 5% 0;margin:auto}.eyebrow{color:#daff80;margin:0 0 14px}h1{font-family:Manrope,sans-serif;font-size:clamp(32px,3.4vw,50px);line-height:1.15;letter-spacing:-1.8px;margin:0 0 16px;font-weight:600}.intro>p:last-child{color:#b1b2bf;margin:0;font-size:17px;line-height:1.6}.studio{display:grid;grid-template-columns:minmax(300px,0.88fr) minmax(360px,1.3fr);gap:48px;margin-top:40px}form>label,legend{font-weight:600;font-size:15px}textarea{margin-top:14px;width:100%;min-height:157px;resize:vertical;padding:18px;font:inherit;line-height:1.6;color:#f4f4f6;background:#1b1d24;border:1px solid #383b46;border-radius:12px}textarea::placeholder{color:#858895}.prompt-note{display:flex;justify-content:space-between;gap:10px;color:#8f929f;font-size:12px;line-height:1.5;margin-top:8px}fieldset{padding:0;border:0;margin:26px 0 22px}legend{margin-bottom:12px}.formats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.format{position:relative;border:1px solid #373944;border-radius:10px;padding:16px;display:grid;grid-template-columns:30px 1fr;column-gap:12px;cursor:pointer;min-height:78px}.format:has(input:checked){border-color:#daff80;background:#daff800a}.format input{position:absolute;opacity:0}.format:has(input:focus-visible){outline:2px solid #fff;outline-offset:3px}.shape{border:1.5px solid #999fac;border-radius:3px;align-self:center;justify-self:center;grid-row:span 2}.format:has(input:checked) .shape{border-color:#daff80}.landscape{width:27px;height:16px}.portrait{width:15px;height:27px}.square{width:22px;height:22px}.banner{width:28px;height:10px}.format strong{font-size:14px;font-weight:500}.format small{font-size:12px;color:#9b9eaa;margin-top:5px}details{font-size:14px;color:#b7bbc5;margin:0 0 24px}summary{cursor:pointer}.seed-label{display:block;margin:15px 0 8px}input[type=number]{padding:10px;background:#1b1d24;border:1px solid #383b46;border-radius:6px;color:white;font:inherit;width:100%}.hint{font-size:12px;line-height:1.5}button{width:100%;padding:17px 20px;border:0;border-radius:9px;background:#daff80;color:#172009;font:600 16px 'DM Sans',sans-serif;cursor:pointer;display:flex;justify-content:space-between;align-items:center}button:hover{background:#e5ffaa}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:2px solid #daff80;outline-offset:4px}#status{font-size:13px;line-height:1.5;color:#a4a8b4;min-height:20px}#status.error{color:#ffb4a9}.preview{background:#181a20;border:1px solid #30333d;border-radius:16px;display:flex;flex-direction:column;min-height:520px;overflow:hidden}.preview-top{display:flex;justify-content:space-between;padding:23px 26px;font-size:12px;letter-spacing:1.5px;color:#a4a8b4}#canvas{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:350px;margin:0 20px;background:radial-gradient(ellipse at center,#2b3032 0%,#1b1e24 70%);border:1px dashed #424650;border-radius:8px;overflow:hidden}#empty{text-align:center;padding:24px}.empty-icon{font-size:55px;color:#daff80}h2{font-family:Manrope,sans-serif;font-weight:500;font-size:27px;line-height:1.4;letter-spacing:-.7px}#empty p{font-size:14px;color:#9ea3ae;line-height:1.6}#result{max-width:100%;max-height:570px;object-fit:contain;display:block}#result[hidden],[hidden]{display:none!important}#loading{position:absolute;inset:0;background:#181a20ef;display:flex;flex-direction:column;align-items:center;justify-content:center}#loading small{color:#a5a9b4}.spinner{width:36px;height:36px;border:2px solid #414539;border-top-color:#daff80;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.preview-bottom{min-height:76px;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.preview-bottom p{font-size:12px;color:#a2a6b1;line-height:1.5}.download{font-size:14px;color:#daff80;text-decoration:none;border:1px solid #687a45;padding:10px 13px;border-radius:6px;white-space:nowrap}footer{border-top:1px solid #2b2d35;margin-top:56px;padding:26px 0;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#8c919e}@media(max-width:850px){.studio{grid-template-columns:1fr;gap:24px}.header-note{display:none}main{padding-top:32px}.preview{min-height:440px}footer{flex-direction:column;gap:8px}h1{letter-spacing:-1px}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}