.studio-page{width:min(1180px,calc(100% - 2rem));margin:auto}.studio-hero{padding:clamp(4.5rem,9vw,7rem) 0 3rem;border-bottom:1px solid rgba(58,57,49,.62)}.studio-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:1rem;padding:3rem 0}.studio-form,.studio-preview{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(160deg,#22231ff5,#181916f7);padding:1.25rem;box-shadow:var(--shadow)}.studio-form{display:grid;gap:1rem}.studio-form fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.studio-form label{display:grid;align-content:start;gap:.4rem;color:var(--muted);font-weight:700;font-size:.88rem}.studio-form label.wide{grid-column:1/-1}.studio-form input,.studio-form select,.studio-form textarea{width:100%;border:1px solid var(--line);border-radius:.8rem;background:#141512;color:var(--text);padding:.7rem .85rem}.studio-form input,.studio-form select{min-height:48px}.studio-form textarea{min-height:120px;resize:vertical}.studio-actions{display:flex;flex-wrap:wrap;gap:.7rem}.studio-preview pre{max-height:34rem;overflow:auto;padding:1rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:#10110f;color:#d8d4ca;font:500 .78rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.studio-note{border-left:2px solid var(--gold);padding:.8rem 1rem;background:#d8ad5809;color:var(--muted)}.studio-status{min-height:1.5rem;color:var(--muted)}@media(max-width:860px){.studio-layout,.studio-form fieldset{grid-template-columns:1fr}.studio-form label.wide{grid-column:auto}.studio-actions .button{width:100%}}.studio-status a{display:inline-block;min-height:24px;text-decoration:underline;text-underline-offset:.2em}.studio-status li+li{margin-top:.35rem}
