/* Grouped rows, drill-in pages and a stationary navigation bar. */
html[data-theme] #settingsDialog{
 width:min(100%,680px);height:100dvh;max-width:100%;max-height:100dvh;
 margin:0 auto;padding:0;border:0;border-radius:0;box-shadow:0 0 80px #0007;
 background:var(--theme-popup);color:var(--theme-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
#settingsDialog::before{display:none}
#settingsDialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr);animation:none}
#settingsDialog>.dialog-heading{
 display:grid;grid-template-columns:minmax(60px,1fr) minmax(0,3fr) minmax(60px,1fr);align-items:center;gap:8px;
 padding:max(12px,env(safe-area-inset-top)) 14px 12px;margin:0;
 min-height:62px;background:var(--theme-popup);border-bottom:1px solid var(--theme-divider,#ffffff25);
}
#settingsDialog .dialog-heading h2{grid-column:2;grid-row:1;max-width:none;font:600 17px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:center;margin:0;outline:none}
#settingsDialog .settings-back,#settingsDialog .settings-done{min-height:44px;padding:4px 0;border:0;background:none;color:var(--theme-text);font-family:inherit;font-weight:600;font-size:15px;line-height:1.25;box-shadow:none}
#settingsDialog .settings-back{grid-column:1;grid-row:1;display:flex;align-items:center;gap:2px;text-align:left;white-space:nowrap}
#settingsDialog .settings-back .icon{width:20px;height:20px}
#settingsDialog .settings-done{grid-column:3;grid-row:1;text-align:right}
#settingsDialog>.dialog-body{padding:24px max(18px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));scrollbar-gutter:auto;overflow:auto;overscroll-behavior:contain}
#settingsDialog>.dialog-body.settings-transitioning{overflow:hidden;pointer-events:none;isolation:isolate}
#settingsDialog .settings-transitioning>#settingsMenu,
#settingsDialog .settings-transitioning>[data-settings-pane]{
 position:absolute;inset:0 0 auto;box-sizing:border-box;min-height:100%;margin:0;padding:inherit;
 background:var(--theme-popup);will-change:transform;backface-visibility:hidden;
}
.settings-group-label{margin:0 14px 8px;font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--theme-muted)}
.settings-group{overflow:hidden;border-radius:14px;background:var(--theme-field);margin-bottom:30px;border:1px solid var(--theme-divider,#ffffff25)}
.settings-group>button{display:flex;align-items:center;gap:12px;width:100%;min-height:62px;padding:12px 14px;border:0;border-radius:0;background:transparent;color:var(--theme-field-text,var(--theme-text));text-align:left;font:500 16px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.settings-group>button+button{border-top:1px solid var(--theme-divider,#ffffff25)}
.settings-group>button:hover,.settings-group>button:active{background:var(--theme-field-hover)}
#settingsDialog #cameraSettingsButton{font-size:16px}
.settings-menu-icon{flex:none;display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:var(--theme-selected);color:var(--theme-text);font-size:12px;font-weight:700}
.settings-menu-icon .icon{width:22px;height:22px}
.settings-chevron{margin-left:auto;flex:none;width:22px;height:22px;opacity:.5}
#settingsDialog [data-settings-pane]{min-width:0}
#settingsDialog [data-settings-pane][hidden],#settingsMenu[hidden],#settingsBack[hidden]{display:none!important}
#settingsDialog .account-form{margin:0;padding:0;border:0}
#settingsDialog .step{display:none}
#settingsDialog .hint{margin-top:0}
#settingsDialog .note{background:var(--theme-field);color:var(--theme-field-text,var(--theme-text));border-color:var(--theme-divider)}
#settingsDialog input:not([type=checkbox]),#settingsDialog select{background-image:none;border-color:var(--theme-divider);border-radius:10px;box-shadow:none;color:var(--theme-field-text,var(--theme-text));font-size:16px}
#settingsDialog .primary,#settingsDialog .ghost{background:var(--theme-button);color:var(--theme-label);border-color:var(--theme-divider);box-shadow:none;border-radius:10px}
#settingsDialog fieldset{margin:0 0 24px}
#settingsDialog legend{font-size:16px;font-weight:600;color:var(--theme-text);margin-bottom:14px}
#settingsDialog .theme-choice{border-radius:12px;min-height:80px;border-color:var(--theme-divider);color:var(--theme-field-text,var(--theme-text))}
#settingsDialog .theme-choice.selected{outline:2px solid var(--theme-accent);outline-offset:2px}
.settings-color-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;background:var(--theme-field);border-radius:14px;margin:0 0 22px}
#settingsDialog .settings-color-row label{margin:0;color:var(--theme-field-text,var(--theme-text));font-size:16px}
.settings-color-row small{display:block;font-size:12px;font-weight:400;opacity:.75;margin-top:4px}
#settingsDialog #appColorPicker{appearance:auto;width:56px;height:44px;min-height:44px;flex:none;padding:3px;cursor:pointer;border-radius:10px;background:none}
#appColorHex{text-transform:uppercase;font-family:ui-monospace,monospace}
.settings-feedback{margin-top:28px;padding-top:24px;border-top:1px solid var(--theme-divider)}
#settingsDialog :focus-visible{outline:2px solid var(--theme-accent);outline-offset:3px}
@media(max-width:360px){#settingsDialog .settings-back span{display:none}.settings-group>button,#settingsDialog #cameraSettingsButton{font-size:14px;gap:10px;padding:12px}.settings-menu-icon{width:28px;height:28px}}