.studio-formats{display:inline-flex;gap:4px;padding:4px;border-radius:30px;background:#dce6df;margin:20px 0}.studio-formats button{border:0;border-radius:25px;padding:9px 17px;background:transparent;color:#526b62;font:inherit;font-size:12px;cursor:pointer}.studio-formats button[aria-pressed=true]{background:#fffdf7;box-shadow:0 2px 7px #294d5910}.studio-grid{display:grid;grid-template-columns:minmax(150px,235px) 1fr;gap:26px;align-items:center}.studio-preview{padding:9px;background:#d7e1dc;border-radius:14px;min-height:240px;display:grid;place-items:center}.studio-preview img{display:block;width:100%;height:auto;max-height:400px;object-fit:contain;border-radius:7px;box-shadow:0 8px 15px #253f4a15}.studio-preview img[hidden]{display:none}.studio-preview p{font-size:11px;color:#587065}.studio-controls{display:grid;gap:11px;justify-items:start}.studio-status{font-size:12px!important;line-height:1.9;color:#567065!important}.studio-controls .primary,.studio-controls .secondary{font-size:12px;min-width:180px}.studio-open{font-size:11px;text-decoration:underline;text-underline-offset:4px}.studio-hint{font-size:10px!important;color:#6d8074!important}.studio-controls [hidden]{display:none!important}.studio-controls .text-button{padding:5px 0}.studio-preview p[hidden]{display:none}.studio-formats button:focus-visible{outline:3px solid #ac8b5a;outline-offset:3px}@media(max-width:600px){.studio-grid{grid-template-columns:125px minmax(0,1fr);gap:13px;align-items:start}.studio-preview{padding:5px;min-height:180px;border-radius:9px}.studio-controls .primary,.studio-controls .secondary{min-width:0;width:100%;padding:11px 9px;font-size:11px;gap:5px}.studio-status{font-size:10px!important}.studio-hint{font-size:9px!important}.studio-formats{display:flex}.studio-formats button{flex:1;padding:8px;font-size:10px}.studio-controls{gap:10px}.studio-preview img{max-height:280px}}@media(max-width:360px){.studio-grid{grid-template-columns:1fr}.studio-preview{max-width:180px;margin:auto}}