.studio{width:min(76rem,calc(100% - 2rem));margin:auto;padding:3rem 0}
.studio-heading{max-width:52rem;margin-bottom:3rem}
.studio-heading h1{font-size:clamp(2.5rem,5vw,4.5rem);max-width:19ch}
.studio-heading>p:last-child{max-width:52ch;font-size:1.15rem;color:var(--muted)}
.starter{border-block:1px solid var(--line);padding:1.5rem 0;margin-bottom:1rem}
.starter h2{font-size:1.2rem;margin-top:0}
.starter>label{display:block;margin-bottom:.5rem;font-weight:700}
select{max-width:100%;min-height:2.75rem;padding:.7rem;border:1px solid var(--line);border-radius:.55rem;background:var(--surface);color:var(--ink);font:inherit}
.studio-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:3rem}
.studio-grid>*{min-width:0}
.studio-section{padding:1.75rem 0;border-bottom:1px solid var(--line)}
.studio-section h2{font-size:1.45rem;margin:0 0 1.25rem}
.studio-section h2 span{font-size:.85rem;color:var(--muted);margin-right:.6rem;font-variant-numeric:tabular-nums}
.studio textarea{min-height:5.5rem;font-family:inherit;font-size:1rem}
.studio .field{font-weight:650}
.studio fieldset{min-width:0;margin:1.2rem 0;padding:1rem;border:1px solid var(--line);border-radius:.55rem;background:var(--surface)}
.studio legend{font-family:ui-monospace,monospace;font-size:.85rem;padding:0 .4rem;overflow-wrap:anywhere}
.bounds{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.studio .formula{font-family:ui-monospace,monospace;min-height:6rem;font-size:.9rem}
.studio .checkbox{display:flex;align-items:center;gap:.5rem;font-weight:500;min-height:2.75rem}
.studio .checkbox input{width:1.15rem;height:1.15rem}
#error{color:var(--danger)}
#check-results{overflow-wrap:anywhere}
#check-results p{border-left:3px solid var(--line);padding-left:.75rem;font-variant-numeric:tabular-nums}
@media(max-width:800px){.studio-grid{grid-template-columns:1fr;gap:0}.studio{padding-top:2rem}.studio-heading{margin-bottom:2rem}}