/* v1.12.0 — visual personalizer and last-mile settings contrast. */
.visual-customizer{position:relative;overflow:hidden}.visual-customizer:before{content:'';position:absolute;right:-70px;top:-90px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(91,173,255,.19),transparent 68%);pointer-events:none}.visual-customizer>*{position:relative}
/* Never let legacy white panes leak into the settings screen. */
html body.clay-dark #content .settings-stack,html body.clay-dark #content .settings-stack>*{color:#edf8ff!important}
html body.clay-dark #content .settings-drawer-body .field,html body.clay-dark #content .profile-settings-grid,html body.clay-dark #content .profile-avatar-form{background:transparent!important}
html body.clay-dark #content .settings-drawer-body input[type=file]{background:linear-gradient(145deg,#0c2033,#132d44)!important;color:#e9f8ff!important;border-color:#315d80!important}
html body.clay-dark #content .settings-drawer-body input[type=file]::file-selector-button{background:linear-gradient(145deg,#357fda,#1f5fb8)!important;color:#fff!important;border:0!important;border-radius:8px!important;padding:7px 9px!important;margin-right:8px!important}
html body.clay-dark .settings-hero .settings-hero-mark{background:linear-gradient(145deg,#244b6b,#17334c)!important;color:#e7f6ff!important;border-color:#3d7096!important;box-shadow:inset 2px 2px 5px rgba(131,196,233,.12),6px 7px 15px rgba(0,0,0,.31)!important}
html body.clay-dark .visual-customizer .field,html body.clay-dark .visual-customizer .field label{color:#d9edfc!important}
/* Surface rules for light mode stay readable, no pure white glare. */
body:not(.clay-dark) .visual-customizer{background:linear-gradient(145deg,#e3eff8,#c8dce9)!important}
body:not(.clay-dark) .visual-customizer .btn.ghost{background:linear-gradient(145deg,#d4e5f1,#bed3e3)!important;color:#1c4667!important}
/* Theme buttons deserve tactile depth in both themes. */
.visual-customizer .btn{min-width:142px}.visual-customizer .btn.small{padding:10px 14px!important}
@media(max-width:760px){.visual-customizer{padding:14px!important}.visual-customizer .btn{width:100%}.visual-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}}