/* Scoped to the settings hub; nested feature dialogs retain their own layouts. */
.settings-hub{display:flex;flex-direction:column;width:100%;max-width:1100px;min-width:0;height:min(820px,calc(100vh - 40px));height:min(820px,calc(100dvh - 40px));max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);padding:0;overflow:hidden;border-radius:22px;background:linear-gradient(135deg,rgba(17,48,65,.94),rgba(4,19,31,.97));border:1px solid rgba(107,218,240,.29);box-shadow:0 28px 100px #0007,inset 0 1px 0 #caf5ff18;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.settings-hub>.modal-head{flex:none;margin:0;padding:23px 27px;border-bottom:1px solid rgba(109,214,238,.15);background:linear-gradient(115deg,rgba(68,148,176,.1),transparent)}
.settings-hub>.modal-head h2{font-size:20px;font-weight:500;letter-spacing:-.3px;color:#c6eef8;min-width:0}
.settings-hub>.modal-head .iconbutton{flex:none}
.settings-hub-layout{display:grid;grid-template-columns:190px minmax(0,1fr);flex:1;min-width:0;min-height:0;overflow:hidden}
.settings-hub #settings-tabs{display:flex;flex-direction:column;gap:7px;min-width:0;min-height:0;overflow:auto;padding:20px 13px;border-right:1px solid rgba(109,214,238,.13);background:rgba(3,17,28,.28);scrollbar-width:thin;scrollbar-color:#3b7488 transparent}
.settings-hub [data-settings-tab]{display:flex;align-items:center;gap:10px;flex-shrink:0;text-align:left;min-height:47px;padding:12px 13px;border:1px solid transparent;border-radius:11px;background:transparent;color:#7fa7b9;font:12px/1.5 var(--mono,ui-monospace,SFMono-Regular,Consolas,monospace);letter-spacing:.1px;cursor:pointer;transition:background .16s,border-color .16s,color .16s}
.settings-hub [data-settings-tab]:hover{color:#c1edf5;background:rgba(56,126,149,.1);border-color:rgba(101,204,231,.16)}
.settings-hub [data-settings-tab][aria-selected='true']{color:#aff2fb;background:linear-gradient(110deg,rgba(67,169,191,.22),rgba(24,75,99,.15));border-color:rgba(111,224,244,.39);box-shadow:inset 3px 0 #7be7f3,0 0 20px rgba(83,200,225,.04)}
.settings-hub [data-settings-tab]:focus-visible{outline:2px solid #a6f0fa;outline-offset:2px}
.settings-hub [data-settings-tab]>span:first-child{font-size:17px;line-height:1;flex:none}
.settings-hub-panels{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:27px 30px 34px;scrollbar-width:thin;scrollbar-color:#3b7488 transparent}
.settings-hub [data-settings-panel]{min-width:0;max-width:100%;overflow-wrap:anywhere}
.settings-hub .settings-panel-heading{margin:0 0 11px;font-size:24px;font-weight:400;line-height:1.35;letter-spacing:-.65px;color:#c5eef7}
.settings-hub .settings-panel-intro{margin:0 0 24px;font-size:12px;line-height:1.8;color:#7fa8ba;max-width:640px}
.settings-hub .appearance-settings{margin-top:0;padding-top:0;border-top:0}
.settings-hub [data-settings-panel]>.settings-actions{margin-top:20px}
.settings-hub .settings-actions button{text-align:left;line-height:1.5}
.settings-hub [data-settings-panel]>.settings-copy{line-height:1.85}
.settings-hub [data-settings-panel] fieldset{min-width:0}
/* If the script cannot initialize, keep all existing controls reachable. */
.settings-hub:not(.settings-tabs-ready) #settings-tabs{display:none}
.settings-hub:not(.settings-tabs-ready) .settings-hub-layout{grid-template-columns:minmax(0,1fr)}
.settings-hub:not(.settings-tabs-ready) [data-settings-panel][hidden]{display:block!important}
.settings-hub:not(.settings-tabs-ready) [data-settings-panel]+[data-settings-panel]{margin-top:32px;padding-top:28px;border-top:1px solid rgba(109,214,238,.16)}
@media(max-width:760px){.settings-hub{border-radius:17px}.settings-hub>.modal-head{padding:18px}.settings-hub>.modal-head h2{font-size:18px}.settings-hub-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.settings-hub #settings-tabs{flex-direction:row;gap:7px;overflow-x:auto;overflow-y:hidden;padding:10px 12px;border-right:0;border-bottom:1px solid rgba(109,214,238,.16)}.settings-hub [data-settings-tab]{white-space:nowrap;min-height:42px;padding:10px 12px;font-size:11px}.settings-hub [data-settings-tab][aria-selected='true']{box-shadow:inset 0 -2px #7be7f3}.settings-hub-panels{padding:21px 18px 28px}.settings-hub .settings-panel-heading{font-size:22px}.settings-hub .settings-panel-intro{font-size:11px;margin-bottom:20px}}
@media(max-width:420px){.settings-hub>.modal-head{padding:15px}.settings-hub-panels{padding:19px 14px 26px}.settings-hub [data-settings-tab]{font-size:10px;gap:7px}.settings-hub [data-settings-tab]>span:first-child{font-size:15px}}
@media(prefers-reduced-motion:reduce){.settings-hub [data-settings-tab]{transition:none}}
@media(prefers-reduced-transparency:reduce){.settings-hub{background:#071b29;backdrop-filter:none;-webkit-backdrop-filter:none}}