/* SETTINGS — compact visual controls, no raw CSS editor. */
.settings-hero,.settings-drawer,.visual-customizer{background:linear-gradient(145deg,#e7f2fa,#cddfed)!important;border:1px solid rgba(255,255,255,.78)!important;box-shadow:10px 13px 23px rgba(63,96,128,.18),-5px -5px 10px rgba(255,255,255,.68),inset 1px 1px 0 rgba(255,255,255,.72)!important}
.settings-drawer-body{background:rgba(224,239,249,.88)!important}.visual-customizer{margin-top:14px!important;padding:16px 18px!important;border-radius:18px!important;color:#173b5c!important}.visual-customizer-head{display:flex;justify-content:space-between;gap:18px;align-items:center}.visual-customizer h4{margin:3px 0 4px!important;color:#123553!important;font-size:18px!important}.visual-customizer p{margin:0!important;color:#58738c!important;max-width:640px!important;font-size:12px!important;line-height:1.45!important}.visual-customizer-orb{width:52px;height:52px;border-radius:18px;background:linear-gradient(145deg,#80bcff,#d9ecff);box-shadow:inset 3px 3px 7px rgba(45,109,167,.22),inset -3px -3px 7px rgba(255,255,255,.76),5px 7px 14px rgba(61,99,130,.18);position:relative}.visual-customizer-orb:after{content:'';position:absolute;inset:14px;border-radius:50%;background:#f2f9ff;box-shadow:inset 2px 2px 4px rgba(59,108,151,.20)}.visual-customizer-controls{display:grid;grid-template-columns:190px minmax(220px,1fr) 110px 110px 150px;gap:11px;align-items:end;margin-top:16px}.visual-customizer .field{margin:0!important}.visual-customizer select,.visual-customizer input[type=color]{background:linear-gradient(145deg,#f7fcff,#d8e8f4)!important;border:1px solid #bdd3e3!important;color:#153a59!important;box-shadow:inset 2px 2px 5px rgba(80,115,146,.15),inset -2px -2px 5px rgba(255,255,255,.72)!important}.appearance-mode{display:grid;grid-template-columns:repeat(2,max-content);align-items:center;gap:8px 12px;min-height:42px;padding:7px 10px;border-radius:13px;background:linear-gradient(145deg,#e7f3fb,#cddfeb);box-shadow:inset 2px 2px 5px rgba(80,115,146,.13),inset -2px -2px 5px rgba(255,255,255,.70)}.appearance-mode>span{grid-column:1/-1;font-size:10px;font-weight:800;color:#57738d;letter-spacing:.05em;text-transform:uppercase}.appearance-mode label{font-size:11px!important;color:#294d6c!important;white-space:nowrap}.appearance-mode input{accent-color:#378af0}.color-control{display:grid;gap:6px;color:#58738c!important;font-size:10px!important;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.color-control input{width:100%;height:42px;padding:4px!important;border-radius:12px!important;cursor:pointer}.muted-control{opacity:.42}.visual-preview{height:42px;display:grid;place-items:center;border-radius:13px;border:1px solid rgba(255,255,255,.72);box-shadow:inset 1px 1px 0 rgba(255,255,255,.5),4px 6px 12px rgba(64,98,130,.16);color:#fff;font-size:11px;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.28)}.visual-actions{margin-top:15px!important}
body.clay-dark .settings-hero,body.clay-dark .settings-drawer,body.clay-dark .visual-customizer{background:linear-gradient(145deg,#17354e,#10283d)!important;border-color:#2e5b7d!important;box-shadow:9px 11px 21px rgba(0,0,0,.38),-3px -3px 8px rgba(69,127,169,.09),inset 1px 1px 0 rgba(144,205,245,.07)!important}body.clay-dark .settings-drawer-body{background:linear-gradient(145deg,#143149,#10273c)!important}body.clay-dark .visual-customizer h4{color:#eef8ff!important}body.clay-dark .visual-customizer p,body.clay-dark .appearance-mode>span,body.clay-dark .color-control{color:#a8c8df!important}body.clay-dark .appearance-mode{background:linear-gradient(145deg,#10263a,#0d2032)!important;box-shadow:inset 3px 3px 7px rgba(0,0,0,.38),inset -2px -2px 5px rgba(94,159,198,.08)!important}body.clay-dark .appearance-mode label{color:#e0f0fb!important}body.clay-dark .visual-customizer select,body.clay-dark .visual-customizer input[type=color]{background:linear-gradient(145deg,#10263b,#0c1e30)!important;color:#edf8ff!important;border-color:#315c7d!important}.visual-customizer-orb{filter:saturate(1.15)}
@media(max-width:1050px){.visual-customizer-controls{grid-template-columns:1fr 1fr 110px 110px;}.visual-preview{grid-column:1/-1}}@media(max-width:680px){.visual-customizer-controls{grid-template-columns:1fr 1fr}.appearance-mode,.visual-preview{grid-column:1/-1}.visual-customizer-head{align-items:flex-start}.visual-customizer-orb{width:42px;height:42px;flex:0 0 42px}.visual-customizer-orb:after{inset:11px}}