.studio{--st-bg:#fff;--st-fg:#171717;--st-muted:#555;--st-border:#ccc;--st-subtle:#f4f4f4;background:var(--st-bg);color:var(--st-fg);width:min(1140px,100% - 2.5rem);margin:2rem auto 5rem;padding:1.5rem;border-radius:8px;font-size:1rem;line-height:1.55}.studio *{box-sizing:border-box}.studio h1{font-size:clamp(1.8rem,4vw,3rem);line-height:1.15;letter-spacing:-.035em;margin:.3em 0}.studio h2{font-size:1.5rem;line-height:1.3;letter-spacing:-.02em}.studio h3{font-size:1.15rem;line-height:1.4}.studio p,.studio label,.studio td,.studio th,.studio li{color:var(--st-fg)}.studio a{color:inherit;text-decoration:underline;text-underline-offset:3px}.studio-heading{display:flex;justify-content:space-between;align-items:start;gap:1.2rem;margin-bottom:1.5rem}.studio-heading nav,.studio-tabs,.studio-actions,.studio-filter{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.studio .eyebrow{color:var(--st-muted)}.studio button,.studio input,.studio select,.studio textarea{font:inherit;letter-spacing:normal}.studio button,.studio-primary{background:#181818;color:#fff!important;border:1px solid #181818;border-radius:5px;padding:.7rem 1rem;min-height:44px;cursor:pointer;text-decoration:none!important;display:inline-block;line-height:1.3}.studio button:disabled{opacity:.55;cursor:wait}.studio-tabs button,.studio .studio-secondary{color:var(--st-fg)!important;background:var(--st-bg);border-color:var(--st-border)}.studio-tabs button[aria-current=page]{background:#181818;color:#fff!important}.studio input:not([type=checkbox]),.studio textarea,.studio select{width:100%;border:1px solid #999;background:var(--st-bg);color:var(--st-fg);padding:.65rem;border-radius:4px;min-height:44px}.studio label{display:grid;gap:.4rem}.studio-form{display:grid;gap:1.15rem;max-width:800px;margin:1.2rem 0}.studio-two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.studio-check{display:flex!important;align-items:center;gap:.7rem!important}.studio input[type=checkbox]{width:22px;height:22px;flex-shrink:0}.studio-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.studio [hidden]{display:none!important}.studio-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:1rem;margin:1.4rem 0}.studio-cards article,.studio-card{border:1px solid var(--st-border);padding:1.1rem;border-radius:5px;background:var(--st-bg);overflow-wrap:anywhere}.studio-cards img{width:100%;height:200px;object-fit:contain;background:var(--st-subtle)}.studio dl{display:grid;grid-template-columns:140px 1fr;gap:.4rem 1rem}.studio dt{color:var(--st-muted)}.studio dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.studio small,.studio-muted{font-size:.875rem;color:var(--st-muted)!important}.studio-table-wrap{overflow:auto}.studio table{border-collapse:collapse;width:100%;font-size:.95rem}.studio th,.studio td{text-align:left;border-bottom:1px solid var(--st-border);padding:.8rem;vertical-align:top}.studio td{max-width:350px;overflow-wrap:anywhere}.studio td button{white-space:nowrap}.studio-badge{display:inline-block;padding:.15rem .5rem;background:var(--st-subtle);border:1px solid var(--st-border);border-radius:4px;font-size:.875rem}.studio-filter{margin:1rem 0;align-items:end}.studio-filter label{flex:1;min-width:120px}.studio-filter input[type=checkbox]{width:22px}.studio-notice,.studio [role=status]:not(:empty){background:var(--st-subtle);padding:.8rem;border-left:3px solid #555}.studio-pre{white-space:pre-wrap;overflow-wrap:anywhere}.studio-preview img,.studio-preview video{display:block;max-width:100%;max-height:75vh;margin:auto}.studio-preview{margin:1rem 0;background:#171717}.studio-feedback{border-top:1px solid var(--st-border);padding:1rem 0}.studio-process{padding-left:1.5rem;max-width:750px}.studio-process li{margin:1rem 0}.studio:focus-visible,.studio :focus-visible{outline:3px solid #176cce;outline-offset:3px}.studio progress{width:100%}.studio .studio-intro{font-size:1.2rem;max-width:760px}.studio .studio-stat{font-size:2rem;font-weight:600}.studio-availability{font-size:.95rem;margin:1rem 0;color:inherit}
@media(max-width:650px){.studio{width:calc(100% - 1rem);padding:1rem;margin:1rem auto 3rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.studio-heading{display:block}.studio-heading nav{margin-top:1rem}.studio-two{grid-template-columns:1fr}.studio dl{grid-template-columns:1fr;gap:.2rem}.studio dd{margin-bottom:.7rem}.studio-tabs{gap:.4rem}.studio-tabs button{flex:1}.studio th,.studio td{padding:.5rem}.studio-actions{align-items:stretch}.studio-actions>*{flex:1;text-align:center}.studio-filter>*{width:100%}}