*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#0b0c0f;color:#f3f4f6;font:15px/1.5 Inter,system-ui,Segoe UI,Arial,sans-serif;min-height:100vh}header,main,footer{width:min(980px,calc(100% - 32px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:40px 0 24px}h1{font-size:clamp(34px,6vw,62px);line-height:1;margin:9px 0 8px;letter-spacing:-.04em}h1 span{color:#a9ff68}.badge{font-size:12px;font-weight:800;letter-spacing:.12em;background:#a9ff68;color:#111;padding:6px 9px;border-radius:999px}header p{margin:0;color:#9298a5}main{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.panel{background:#13151a;border:1px solid #262a33;border-radius:22px;padding:22px;box-shadow:0 15px 50px #0006}label{display:block;font-weight:700;margin:0 0 7px}textarea,input{width:100%;border:1px solid #343945;background:#0d0f13;color:white;border-radius:12px;padding:12px 13px;font:inherit;outline:none}textarea:focus,input:focus{border-color:#a9ff68}.row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.hint{color:#8f96a3;font-size:13px;margin:0 0 14px}button{border:0;border-radius:12px;padding:11px 15px;font-weight:800;cursor:pointer}.primary{background:#a9ff68;color:#10120e}.primary:disabled{opacity:.55;cursor:not-allowed}.generator>.primary{width:100%;margin-top:4px}.status{min-height:23px;color:#9da4b2;margin-top:12px}.imageWrap{aspect-ratio:1;background:radial-gradient(circle at 50% 40%,#252a33,#0b0d11 65%);border-radius:16px;display:grid;place-items:center;overflow:hidden}.imageWrap img{width:100%;height:100%;object-fit:contain}.imageWrap #placeholder{color:#5d6470;font-weight:800}.meta{color:#989faa;font-size:13px;margin-top:12px;word-break:break-word}footer{padding:28px 0 50px;color:#606774;text-align:center}@media(max-width:760px){main{grid-template-columns:1fr}.row{grid-template-columns:1fr}header{align-items:flex-start}.imageWrap{max-width:480px;margin:auto}}