.studio{max-width:1100px;margin:auto;padding:40px 24px 70px}.studio>a{font-size:14px;color:var(--gold)}.studio>.overline{margin-top:48px}.studio h1{font:500 clamp(50px,8vw,90px)/1 var(--display);margin:20px 0}.studio>p{max-width:760px}.studio-controls{display:flex;align-items:end;gap:20px;flex-wrap:wrap;margin:28px 0 14px}.studio-controls label{display:grid;gap:8px;font-size:14px}.studio-controls select,.studio-controls button,.studio-controls a,.upload{border:1px solid #bda66f80;padding:13px 18px;background:#25271f;color:#efece2;border-radius:4px}.studio-controls select{min-width:175px}.studio-controls button:not(:disabled):hover,.studio-controls a:hover{background:#4b432f}.studio-controls button:disabled{opacity:.35;cursor:not-allowed}.upload input{max-width:230px;font-size:13px}.studio-note{font-size:14px;color:#a7aaa0;line-height:1.7}.studio-previews{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.preview{height:480px;background:#181a18;border:1px solid #ffffff24;display:grid;place-items:center}.preview img{width:100%;height:100%;object-fit:contain;min-height:0}.checker{background-color:#41433f;background-image:conic-gradient(#30322e 25%,transparent 0 50%,#30322e 0 75%,transparent 0);background-size:24px 24px}figcaption{font-size:14px;margin-top:12px}#status{min-height:27px;color:#e0c289}#apply{background:#cda65a;color:#111} @media(max-width:650px){.studio-previews{gap:12px}.preview{height:300px}.studio-controls{gap:12px}.studio-controls>*{max-width:100%}}
