.settings-main{max-width:1440px;padding:32px 40px 56px;margin:0 auto;min-height:60vh}
.settings-main [hidden]{display:none!important}
.settings-main h1{font-size:36px;line-height:1.15;letter-spacing:-.04em;margin:0 0 24px}
.settings-main h2{font-size:18px;line-height:1.4;letter-spacing:-.025em;margin:0}
.settings-list{background:var(--ui-panel);border-radius:22px;padding:0 24px}
:root:not([data-studio-theme=dark]) .settings-list{background:var(--ds-wash)}
.settings-section{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;padding:22px 0}
.settings-section+.settings-section{border-top:1px solid var(--ui-border)}
.settings-section h2{padding-top:10px}
.settings-fields{min-width:0}
.settings-row{display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:44px;font-size:15px;line-height:1.45}
.settings-fields>.settings-row:not(:first-child){margin-top:14px}
.settings-row>span:first-child,.settings-row>label{color:var(--ui-muted)}
.settings-value{min-width:0;overflow-wrap:anywhere}
.settings-value small,.settings-note{display:block;color:var(--ui-muted);font-size:13px;line-height:1.5}
.settings-value small{margin-top:4px}
.settings-main .settings-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid var(--ui-border);border-radius:999px;background:var(--ui-field);color:var(--ui-text);font:inherit;font-size:14px;line-height:1.4;text-decoration:none;cursor:pointer;white-space:nowrap}
.settings-main .settings-action:hover{background:var(--ui-raised)}
.settings-main .settings-primary{background:var(--ui-accent);color:var(--ui-ink);border-color:transparent}
.settings-main .settings-primary:hover{background:#eeee50;color:var(--ui-ink)}
.settings-main .settings-action:disabled{opacity:.55;cursor:wait}
.settings-main :is(input,select){font:inherit;font-size:16px;min-height:44px;min-width:0;width:100%;padding:10px 12px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-field);color:var(--ui-text)}
.settings-main select{width:160px;max-width:100%}
.settings-main :is(button,a,input,select):focus-visible{outline:2px solid var(--ui-text);outline-offset:3px}
.settings-edit{display:grid;gap:10px;margin:16px 0 20px;max-width:520px;padding:18px;border:1px solid var(--ui-border);border-radius:14px}
.settings-edit label{font-size:14px;color:var(--ui-text)}
.settings-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.settings-main [role=status]:empty{display:none}
#settings-status{font-size:14px;line-height:1.5;margin-bottom:16px;color:var(--ui-muted);overflow-wrap:anywhere}
#settings-retry{margin-bottom:16px}
#settings-logout{margin-top:20px}
.storage-value{grid-column:2/-1}
.storage-value progress{display:block;width:100%;height:6px;margin:10px 0 6px;accent-color:var(--ui-text);border:0;border-radius:999px;overflow:hidden;background:var(--ui-border)}
.storage-value progress::-webkit-progress-bar{background:var(--ui-border)}
.storage-value progress::-webkit-progress-value{background:var(--ui-text);border-radius:999px}
.storage-value progress::-moz-progress-bar{background:var(--ui-text)}
@media(max-width:900px){.settings-section{grid-template-columns:130px minmax(0,1fr);gap:20px}.settings-row{grid-template-columns:105px minmax(0,1fr) auto;gap:12px}}
@media(max-width:760px){.settings-main{padding:24px 20px 40px}.settings-main h1{font-size:30px;margin-bottom:20px}.settings-list{padding:0 18px}.settings-section{display:block;padding:20px 0}.settings-section h2{padding:0;margin-bottom:16px}.settings-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}.settings-row>span:first-child,.settings-row>label{grid-column:1/-1;font-size:13px}.settings-row>.settings-value{grid-column:1}.settings-fields>.settings-row:not(:first-child){margin-top:20px}.settings-main select{width:140px}.settings-row .storage-value{grid-column:1/-1}.settings-edit{padding:14px}.settings-main .settings-action{padding:10px 14px}}
