/* Settings use one readable pane, with the existing controls and save handlers. */
html:root body #preferencesModal .preferences-dialog{
  width:min(1080px,100%);height:min(840px,calc(var(--app-height,100dvh) - 36px));
  max-height:calc(var(--app-height,100dvh) - 36px);min-height:0;
}
#preferencesModal .preferences-header{min-height:76px;flex:none;padding:16px 24px}
#preferencesModal .preferences-header strong{font-size:25px}
#preferencesModal .preferences-header span:empty{display:none}
#preferencesModal .preferences-header small{font-size:12px;line-height:1.4}
#preferencesModal .settings-layout{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:0;flex:1;overflow:hidden}
html:root body #preferencesModal .settings-organizer{
  position:static;display:flex;flex-direction:column;gap:18px;min-height:0;min-width:0;
  padding:20px 14px;margin:0;overflow-y:auto;border:0!important;border-right:1px solid var(--line)!important;
  border-radius:0!important;box-shadow:none!important;background:rgba(127,127,140,.035)!important;
  backdrop-filter:none;-webkit-backdrop-filter:none;
}
#preferencesModal .settings-search{height:42px;min-height:42px;gap:7px;padding:0 9px}
#preferencesModal .settings-search svg{flex:none;width:17px}
#preferencesModal .settings-search input{width:100%;font-size:12px;font-weight:500}
html:root body #preferencesModal .settings-search input:focus{outline:0!important;box-shadow:none!important;border:0!important}
#preferencesModal .settings-search-clear{font-size:10px;text-transform:none;letter-spacing:0;padding:0 6px;color:var(--text)}
#preferencesModal .settings-search-clear[hidden]{display:none}
#preferencesModal .settings-categories{display:flex;flex-direction:column;gap:5px;overflow:visible;padding:0}
#preferencesModal .settings-categories button{
  flex:none;min-height:43px;width:100%;padding:10px 13px;text-align:left;
  font-size:13px;line-height:1.35;font-weight:600;white-space:normal;
  border:1px solid transparent;background:transparent;color:var(--muted);box-shadow:none;
}
#preferencesModal .settings-categories button.is-active{
  background:rgba(var(--accent-rgb),.12);border-color:rgba(var(--accent-rgb),.28);color:var(--text);
}
#preferencesModal .settings-categories button[data-settings-category="all"]{margin-top:12px;border-top:1px solid var(--line);border-radius:0 0 9px 9px}
#preferencesModal .settings-categories button[hidden]{display:none}
#preferencesModal .settings-mobile-category{display:none}
#preferencesModal .preferences-content{
  display:block;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;
  padding:26px 30px 36px;scroll-padding:20px;
}
#preferencesModal .settings-page-heading{margin-bottom:25px}
#preferencesModal .settings-page-heading h2{font:750 25px/1.2 Manrope,sans-serif;letter-spacing:-.03em;margin:0 0 8px;color:var(--text)}
#preferencesModal .settings-page-heading p{font-size:13px;line-height:1.5;color:var(--muted);margin:0}
#preferencesModal .settings-result-status{display:block;font-size:12px;margin-top:7px;color:var(--muted)}
#preferencesModal .settings-result-status:empty{display:none}
#preferencesModal .preference-section{
  min-width:0;margin:0 0 25px;padding:0 0 25px;border:0;border-bottom:1px solid var(--line);
  border-radius:0;background:transparent;box-shadow:none;
}
#preferencesModal .preference-section:last-child{margin-bottom:0}
#preferencesModal .preference-heading{align-items:start;gap:12px;margin-bottom:16px}
#preferencesModal .preference-heading>div{display:flex;flex-direction:column;gap:6px}
#preferencesModal .preference-heading h3{order:-1;font:700 16px/1.35 Manrope,sans-serif;margin:0;color:var(--text)}
#preferencesModal .preference-heading small{font-size:11px;font-weight:500;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--muted)}
#preferencesModal .preference-heading>span{font-size:11px;line-height:1.4;max-width:45%;text-align:right}
#preferencesModal .settings-section-body{display:grid;gap:12px;min-width:0}
#preferencesModal .settings-section-body>*{min-width:0}
#preferencesModal .setting-field{margin:0;gap:7px}
#preferencesModal .setting-field>span,#preferencesModal .profile-create label>span{
  font-size:12px;font-weight:650;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--text);
}
#preferencesModal .setting-field input,#preferencesModal .setting-field select,#preferencesModal .setting-field textarea,
#preferencesModal .profile-create input{
  min-width:0;max-width:100%;font-size:13px;font-weight:500;border-color:var(--line);
  color:var(--text);background:var(--sg-field,#16171b);border-radius:9px;
}
#preferencesModal .setting-field textarea{width:100%;padding:10px 12px;line-height:1.5}
#preferencesModal .setting-field input,#preferencesModal .setting-field select,#preferencesModal .profile-create input{min-height:44px}
#preferencesModal :is(.setting-field small,.setting-toggle small,.setting-note,.integration-setup>small,.settings-advanced small){
  font-size:12px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere;
}
#preferencesModal .setting-note{margin:0}
#preferencesModal .setting-toggle{margin:0;min-height:66px;padding:12px 14px;border-color:var(--line);background:rgba(127,127,140,.04);gap:18px}
#preferencesModal .setting-toggle strong{font-size:13px;line-height:1.4;font-weight:650;color:var(--text)}
#preferencesModal .setting-toggle input{flex:none;min-width:22px;accent-color:var(--accent)}
#preferencesModal .setting-actions{flex-wrap:wrap;margin-top:8px;gap:8px}
#preferencesModal .setting-actions .button{flex:0 1 auto;min-height:42px;height:auto;padding:10px 14px;font-size:12px;line-height:1.4;white-space:normal}
#preferencesModal .settings-advanced{border:1px solid var(--line);border-radius:11px;background:rgba(127,127,140,.035);min-width:0}
#preferencesModal .settings-advanced>summary{cursor:pointer;padding:14px 16px;font-size:13px;font-weight:650;line-height:1.4;color:var(--text)}
#preferencesModal .settings-advanced>summary::marker{color:var(--accent)}
#preferencesModal .settings-advanced-body{padding:2px 16px 16px;display:grid;gap:13px;min-width:0}
#preferencesModal .integration-settings{margin:0;padding:0;border:0;gap:12px}
#preferencesModal .integration-heading{padding-bottom:4px}
#preferencesModal .integration-heading small{font-size:12px}
#preferencesModal #integrationSettingsTitle{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#preferencesModal .integration-setup{padding:0 16px;background:rgba(127,127,140,.035)}
#preferencesModal .integration-setup[open]{padding-bottom:16px}
#preferencesModal .integration-setup summary{font-size:13px;line-height:1.4;padding:15px 0;color:var(--text)}
#preferencesModal .integration-setup p{font-size:12px;line-height:1.5}
#preferencesModal .integration-setup .settings-advanced{margin-top:14px}
#preferencesModal .integration-setup .settings-advanced>summary{padding:14px 16px}
#preferencesModal .integration-setup .settings-advanced-body{padding-top:2px}
#preferencesModal .source-connector-card{grid-template-columns:minmax(0,1fr);gap:10px}
#preferencesModal .source-connector-card small{font-size:11px;line-height:1.5}
html[data-theme="light"] #preferencesModal .source-connector-card{background:rgba(255,255,255,.5)}
html[data-theme="light"] #preferencesModal .source-connector-card em{color:#26724e}
#preferencesModal .profile-grid{grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:10px}
#preferencesModal .profile-card{min-height:80px;min-width:0;padding:12px;gap:10px}
#preferencesModal .profile-card-select{min-width:0}
#preferencesModal .profile-card strong{font-size:13px;line-height:1.4;white-space:normal}
#preferencesModal .profile-card small{font-size:11px;line-height:1.4}
#preferencesModal .profile-create{margin:0;grid-template-columns:1fr 1fr}
#preferencesModal .profile-create .button{grid-column:1/-1;justify-self:start;font-size:12px}
#preferencesModal .profile-history-control,#preferencesModal .performance-cleanup{min-width:0}
#preferencesModal .media-library-settings:after{display:none}
#preferencesModal .media-library-copy small{font-size:11px;line-height:1.4}
#preferencesModal .preferences-actions{flex:none;min-height:72px;padding:14px 24px;gap:20px}
#preferencesModal .preferences-actions>span{font-size:11px;line-height:1.45;max-width:450px;width:auto}
#preferencesModal .preferences-actions .button{min-height:44px;min-width:145px;width:auto;font-size:13px;flex:none}
#preferencesModal :is(button,input,select,textarea,summary,a):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#preferencesModal .settings-search input:focus-visible{outline:0}
#preferencesModal .settings-search-match{outline:1px solid rgba(var(--accent-rgb),.3);outline-offset:4px;border-radius:8px}
@media(max-width:700px){
  html:root body #preferencesModal .preferences-dialog{width:100%;height:calc(var(--app-height,100dvh) - 14px);max-height:calc(var(--app-height,100dvh) - 14px)}
  #preferencesModal .preferences-header{min-height:68px;padding:13px 16px}
  #preferencesModal .preferences-header strong{font-size:22px}
  #preferencesModal .preferences-header small{font-size:11px}
  #preferencesModal .settings-layout{display:flex;flex-direction:column}
  html:root body #preferencesModal .settings-organizer{flex:none;overflow:visible;gap:10px;padding:12px 16px;border-right:0!important;border-bottom:1px solid var(--line)!important}
  #preferencesModal .settings-search{height:42px}
  #preferencesModal .settings-search input{font-size:14px}
  #preferencesModal .settings-categories{display:none}
  #preferencesModal .settings-mobile-category{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted)}
  #preferencesModal .settings-mobile-category select{flex:1;min-width:0;min-height:42px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--sg-field,#16171b);color:var(--text);font:600 13px DM Sans,sans-serif}
  #preferencesModal .preferences-content{flex:1;padding:20px 17px 24px;scroll-padding:16px}
  #preferencesModal .settings-page-heading{margin-bottom:22px}
  #preferencesModal .settings-page-heading h2{font-size:22px}
  #preferencesModal .settings-page-heading p{font-size:12px}
  #preferencesModal .preference-heading{flex-wrap:wrap;gap:6px}
  #preferencesModal .preference-heading>span{max-width:100%;text-align:left}
  #preferencesModal .setting-actions .button{flex:1 1 135px;min-height:44px;font-size:12px}
  #preferencesModal .profile-grid{grid-template-columns:1fr}
  #preferencesModal .profile-create{grid-template-columns:1fr}
  #preferencesModal .profile-create .button{width:100%}
  #preferencesModal .preferences-actions{min-height:80px;padding:12px 16px;gap:12px;flex-wrap:nowrap}
  #preferencesModal .preferences-actions>span{font-size:10px;flex:1;min-width:0}
  #preferencesModal .preferences-actions .button{min-width:126px;padding:10px 12px}
  #preferencesModal .settings-advanced-body{padding-right:12px;padding-left:12px}
}

/* Readable labels and a clear keyboard/remote focus, independent of selection. */
#preferencesModal .settings-search input,#preferencesModal .settings-categories button{font-size:14px}
#preferencesModal .settings-page-heading p,#preferencesModal .setting-field>span,#preferencesModal .profile-create label>span{font-size:14px}
#preferencesModal .preference-heading h3{font-size:18px}
#preferencesModal :is(.setting-field input,.setting-field select,.setting-field textarea,.profile-create input,.setting-toggle strong,.settings-advanced>summary){font-size:14px}
#preferencesModal :is(.setting-field small,.setting-toggle small,.setting-note,.settings-advanced small,.preference-heading small){font-size:13px;line-height:1.5}
#preferencesModal .setting-actions .button,#preferencesModal .preferences-actions>span{font-size:13px}
#preferencesModal .viewing-section .settings-section-body{gap:14px}
#preferencesModal .viewing-section .preference-heading{margin-bottom:14px}
#preferencesModal .settings-categories button.is-active{background:rgba(128,128,128,.12);border-color:rgba(128,128,128,.25);box-shadow:inset 3px 0 0 var(--text)}
html:root body #preferencesModal :is(button,select,input,textarea,summary,a):focus-visible{outline:3px solid var(--text)!important;outline-offset:-3px!important}
html:root body #preferencesModal .settings-search:focus-within{outline:3px solid var(--text);outline-offset:-3px}
html:root body #preferencesModal .settings-search input:focus-visible{outline:none!important}
body.silk-browser #preferencesModal .preferences-dialog{max-width:90vw;max-height:90vh}
body.silk-browser #preferencesModal :is(.settings-categories button,.setting-field>span,.setting-field input,.setting-field select,.setting-toggle strong,.viewing-field,.viewing-field select,.viewing-actions .button){font-size:16px}
body.silk-browser #preferencesModal :is(.setting-field small,.setting-note,.viewing-body p,.viewing-body ul){font-size:14px}
#preferencesModal .viewing-section .button{box-shadow:none!important}
html[data-theme=light] #preferencesModal{--text:#262626;--muted:#626262;--line:rgba(48,48,48,.18)}
html:root[data-theme=light] body #preferencesModal .preferences-dialog{background:linear-gradient(145deg,rgba(250,250,250,.97),rgba(235,235,235,.97))!important}