:root{--settings-bg:#f5f2ec;--settings-card:#fff;--settings-line:#e7e0d6;--settings-ink:#28241f;--settings-muted:#8a837a;--settings-orange:#ed9700;--text-body-size:12px;--text-body-line:18px;--text-meta-size:11px;--text-meta-line:16px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--settings-bg)}
.settings-main{margin-left:var(--sidebar);min-height:100vh;padding:26px 32px 56px}
.settings-header{max-width:1160px;margin:0 auto 20px;display:flex;align-items:flex-end;justify-content:space-between}
.settings-header h1{margin:0;font-size:28px;line-height:1.15;color:var(--settings-ink);letter-spacing:-.04em}
.settings-header p{margin:7px 0 0;color:var(--settings-muted);font-size:13px;line-height:1.55}
.save-state{font-size:var(--text-meta-size);line-height:var(--text-meta-line);color:#9a9389}
.save-state.saved{color:#39805d}
.settings-layout{max-width:1160px;margin:auto}
.settings-content{display:grid;gap:14px}
.settings-card{scroll-margin-top:18px;border:1px solid var(--settings-line);border-radius:13px;background:var(--settings-card);box-shadow:0 5px 18px rgba(41,33,22,.035);overflow:hidden}
.settings-card-head{min-height:72px;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee8df}
.settings-card-head h2{margin:0 0 4px;font-size:17px;color:#302b25}
.settings-card-head p{margin:0;color:#918a81;font-size:var(--text-body-size);line-height:var(--text-body-line)}
.settings-card-head>span{color:#9c9489;font-size:var(--text-meta-size);line-height:var(--text-meta-line)}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px 20px}
.settings-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.settings-grid.single{grid-template-columns:minmax(0,1fr)}
.settings-grid label,.full-field{display:grid;gap:7px;color:#736c63;font-size:var(--text-body-size);line-height:var(--text-body-line)}
.settings-grid input,.settings-grid select,.full-field textarea{width:100%;border:1px solid #ddd5ca;border-radius:8px;background:#fff;height:40px;padding:0 11px;color:#342f29;font:inherit;outline:none}
.full-field{padding:0 20px 18px}
.full-field small{color:#9a9187;font-size:var(--text-body-size);line-height:var(--text-body-line)}
.full-field textarea{height:auto;padding:10px 11px;resize:vertical}
.settings-grid input:focus,.settings-grid select:focus,.full-field textarea:focus{border-color:#dda341;box-shadow:0 0 0 3px rgba(237,151,0,.1)}
.switch-row{min-height:62px;padding:13px 20px;border-top:1px solid #f0ebe4;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer}
.switch-row>span{display:grid;gap:4px}.switch-row strong{font-size:var(--text-body-size);line-height:var(--text-body-line);color:#4a443d}.switch-row small{font-size:var(--text-body-size);line-height:var(--text-body-line);color:#999188}
.switch-row input{position:absolute;opacity:0}.switch-row i{width:38px;height:22px;padding:3px;border-radius:99px;background:#d9d4cc;transition:.16s;flex:none}
.switch-row i:after{content:"";display:block;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18);transition:.16s}
.switch-row input:checked+i{background:var(--settings-orange)}.switch-row input:checked+i:after{transform:translateX(16px)}
.switch-row input:focus-visible+i{outline:3px solid rgba(237,151,0,.2)}
.check-field{margin:0;padding:16px 20px 19px;border:0;border-top:1px solid #f0ebe4;display:flex;gap:18px}
.check-field legend{padding:16px 0 0;color:#736c63;font-size:var(--text-body-size);line-height:var(--text-body-line)}.check-field label{display:flex;align-items:center;gap:7px;color:#4f4941;font-size:var(--text-body-size);line-height:var(--text-body-line)}.check-field input{accent-color:var(--settings-orange)}
.text-action{border:0;background:transparent;color:#b66c00;font-size:var(--text-body-size);line-height:var(--text-body-line)}
.wb-toast{position:fixed}
@media(max-width:900px){.settings-main{padding:22px 18px 44px}.settings-grid.three{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.settings-main{margin-left:0;padding:20px 14px 40px}.settings-header{align-items:flex-start}.settings-grid,.settings-grid.three{grid-template-columns:1fr}.check-field{flex-wrap:wrap}.save-state{margin-top:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.switch-row i,.switch-row i:after{transition:none}}