:root{--navy:#031a31;--blue:#168fe6;--red:#e51c2b;--paper:#f4f3ee}*{box-sizing:border-box}body{margin:0;background:#07111e;color:#091725;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}.site-header{min-height:100px;padding:20px clamp(22px,5vw,74px);display:flex;align-items:center;justify-content:space-between;gap:24px;color:#fff;background:linear-gradient(105deg,#061523,#092946 62%,#0d4371);border-bottom:4px solid var(--red)}.site-header h1{margin:2px 0 0;font:900 30px/1 Impact,"Arial Narrow",sans-serif;letter-spacing:.02em;text-transform:uppercase}.eyebrow{color:#45aafa;font-size:11px;font-weight:800;letter-spacing:.16em}.download-top,.primary,.secondary,.remove{border:0;border-radius:4px;padding:14px 18px;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.06em}.download-top,.primary{color:#fff;background:var(--red);box-shadow:0 7px 18px rgba(229,28,43,.25)}.workspace{display:grid;grid-template-columns:minmax(320px,460px) minmax(0,1fr);min-height:calc(100vh - 100px)}.controls{padding:42px clamp(22px,4vw,58px);overflow:auto;background:var(--paper);border-right:1px solid #d8d6cf}.intro{margin-bottom:30px}.intro h2{margin:5px 0 8px;font:900 40px/.95 Impact,"Arial Narrow",sans-serif;text-transform:uppercase;color:var(--navy)}.intro p{margin:0;max-width:380px;line-height:1.55;font-size:14px;color:#53616d}fieldset{padding:0;margin:0 0 22px;border:0}legend{margin-bottom:11px;font:900 18px/1 Impact,"Arial Narrow",sans-serif;color:var(--navy);text-transform:uppercase;letter-spacing:.025em}label{display:block;margin:0 0 12px;color:#445362;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}input{width:100%;min-height:43px;padding:10px 12px;border:1px solid #c9cbd0;border-radius:3px;color:#0b1c2c;background:#fff;font-size:14px;font-weight:700;outline:0}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,143,230,.14)}.game-fields{padding-top:21px;border-top:1px solid #d9d8d3}.upload-row{display:flex;align-items:center;gap:14px;min-height:78px;padding:9px;border:1px dashed #9eabb7;background:#fff}.upload-row img{width:58px;height:58px;object-fit:contain;flex:0 0 auto}.upload{flex:1;margin:0;padding:12px;color:#fff;text-align:center;background:var(--navy);cursor:pointer}.upload input{display:none}.secondary{width:100%;margin-bottom:10px;color:var(--navy);background:#dbeeff}.primary{width:100%;margin-top:4px}.remove{margin-top:4px;color:#8f1320;background:#f8dce0}.hint{margin:15px 0 0;color:#6c7881;font-size:11px;line-height:1.45}.vectorize{width:100%;margin-top:8px;padding:11px 14px;color:#064275;border:1px solid #38a1eb;border-radius:4px;background:#e9f6ff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.hidden{display:none}.crest-error{margin:12px 0 0;color:#9d1523;font-size:12px;line-height:1.4}.preview-pane{min-width:0;padding:34px clamp(18px,5vw,80px) 56px;background:radial-gradient(circle at 50% 0,#18466d 0,#091725 45%,#04101c 100%)}.preview-top{display:flex;justify-content:space-between;margin:0 auto 13px;max-width:700px;color:#a2c9e7;font-size:11px;font-weight:800;letter-spacing:.12em}.poster-frame{width:min(700px,100%);margin:0 auto;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.45);background:#06111c}canvas{display:block;width:100%;height:auto;aspect-ratio:4/5}@media(max-width:980px){.workspace{grid-template-columns:1fr}.controls{border:0}.preview-pane{padding-top:28px}}@media(max-width:560px){.site-header{min-height:84px;padding:14px 18px}.site-header h1{font-size:24px}.download-top{padding:10px 11px;font-size:10px}.controls{padding:32px 20px}.intro h2{font-size:34px}.preview-pane{padding:20px 10px 35px}}