.studio-intro{max-width:720px;margin-bottom:25px}.studio-intro h2{font-size:35px}.studio-intro .eyebrow{margin-bottom:8px}.studio-layout{display:grid;grid-template-columns:minmax(280px,420px) minmax(260px,1fr);gap:32px;align-items:start}.studio-controls{display:grid;gap:18px;background:white;border:1px solid var(--line);border-radius:12px;padding:25px}.studio-controls .field{min-width:0}.studio-controls input[type=file]{display:block;max-width:100%;font-size:12px}.studio-controls input[type=file]::file-selector-button{border:1px solid var(--line);border-radius:5px;padding:8px 10px;background:var(--cream);color:var(--cocoa);font:inherit;margin-right:8px}.studio-actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:6px}.studio-actions .button{flex:1 1 150px}.studio-preview{position:sticky;top:24px;background:#f1e5dd;padding:24px;border-radius:12px;text-align:center}.studio-preview canvas{display:block;width:100%;max-width:425px;height:auto;margin:auto;box-shadow:0 12px 35px #50352d22;background:white}.studio-preview .muted{font-size:12px;margin:10px auto 0;max-width:370px}.studio-size{font-size:12px;color:var(--muted);margin:16px 0 0}.studio-hint{font-size:13px;color:var(--green);margin:0}.studio-controls .form-error{margin:0}.studio-controls[aria-busy=true]{opacity:.75}@media(max-width:1000px){.studio-layout{grid-template-columns:minmax(260px,1fr) minmax(250px,1fr);gap:20px}.studio-controls,.studio-preview{padding:18px}}@media(max-width:700px){.studio-layout{grid-template-columns:1fr;gap:20px}.studio-preview{position:static;order:-1;padding:16px}.studio-preview canvas{max-width:270px}.studio-intro h2{font-size:29px}.studio-controls{padding:18px}}