header nav button.studio-settings-tab{font:600 1.12rem/1 'Segoe UI Symbol','Segoe UI',sans-serif;min-width:39px;text-align:center;order:10}
#settings-view{width:min(100%,840px);margin:0 auto;padding:16px clamp(12px,3vw,28px) max(20px,env(safe-area-inset-bottom));box-sizing:border-box}
#settings-view:not([hidden]){display:block}
body[data-view=settings]>.context{display:none}
.studio-settings-heading h1{font:650 clamp(24px,3vw,34px)/1.25 Georgia,serif;color:var(--ink);margin:6px 0}
.studio-settings-heading p,.studio-setting-row small{color:var(--muted)}
.studio-settings-section{padding:clamp(12px,2vw,20px);margin-top:14px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.studio-settings-section h2{font-size:1.12rem;margin:0 0 8px}
label.studio-setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;cursor:pointer;margin:0;border-top:1px solid var(--line);line-height:1.45}
.studio-setting-row strong,.studio-setting-row small{display:block}.studio-setting-row small{font-size:.88rem;font-weight:400}
.studio-setting-row input[type=checkbox]{accent-color:var(--accent);flex:0 0 auto;min-height:0;width:1.3rem;height:1.3rem;margin:0 3px}
.studio-settings-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:7px}
.studio-settings-links button{min-height:42px;text-align:start}
@media(max-width:900px){header nav button.studio-settings-tab{order:0;min-height:40px}}

.studio-red-note{font-size:.86rem;color:var(--muted);margin:0 0 10px}.studio-red-note summary{cursor:pointer;line-height:1.6}.studio-red-note p{margin:5px 0;line-height:1.5}.studio-red-note a{color:var(--accent)}