.demo-note{display:flex;align-items:center;gap:12px;margin:20px 20px 0;padding:11px 13px;border:1px solid #ead79e;border-radius:10px;background:#fff8e3;color:#725817;font-size:.76rem}.demo-note strong{padding:3px 7px;border-radius:6px;background:#f2d77e;color:#4f3b09;text-transform:uppercase;letter-spacing:.05em;font-size:.63rem}[data-theme=dark] .demo-note{background:#332b18;border-color:#5b4b22;color:#e9cd7d}[data-theme=dark] .demo-note strong{background:#6b5721;color:#fff1bb}.settings-stack{display:grid;gap:18px}.settings-panel,.migration-panel{padding:24px}.settings-panel__heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.settings-panel__heading h2{margin:4px 0;font-size:1.2rem}.settings-panel__heading p:not(.eyebrow){margin:0;color:var(--muted);font-size:.8rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid--three{grid-template-columns:180px minmax(280px,1fr) 220px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:.76rem;font-weight:750}.field input[type=text],.field input[type=password],.field input[type=number]{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);font:inherit;font-size:.83rem;outline:0}.field input:focus{border-color:#6684d5;box-shadow:0 0 0 3px #6684d522}.field small{color:var(--muted);font-size:.7rem}.field .field-error{color:#bc4545}.remove-option{display:flex;align-items:center;gap:7px;color:#ad4646!important;font-weight:650!important}.toggle{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.78rem;font-weight:750;cursor:pointer}.toggle input{position:absolute;opacity:0}.toggle span{position:relative;width:38px;height:22px;border-radius:999px;background:var(--line);transition:.16s}.toggle span::after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0004;transition:.16s}.toggle input:checked+span{background:var(--accent-strong)}.toggle input:checked+span::after{transform:translateX(16px)}.input-suffix{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);overflow:hidden}.input-suffix input[type=number]{border:0;border-radius:0}.input-suffix span{padding:0 11px;color:var(--muted);font-size:.7rem}.settings-actions{display:flex;align-items:center;gap:13px;margin-top:20px}.settings-actions span{color:var(--muted);font-size:.7rem}.button--secondary{background:var(--surface-2);color:var(--text);box-shadow:none;border:1px solid var(--line)}.save-row{display:flex;justify-content:flex-end}.feedback{margin-bottom:16px;padding:12px 15px;border-radius:11px;font-size:.8rem}.feedback--success{border:1px solid #bde5c6;background:#edfaef;color:#267842}.feedback--error{border:1px solid #efb7b7;background:#fff0f0;color:#963a3a}[data-theme=dark] .feedback--success{background:#163229;border-color:#285b48;color:#7be3a8}[data-theme=dark] .feedback--error{background:#3c2026;border-color:#69313b;color:#ff9c9c}.migration-panel{margin-top:24px}.migration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.migration-grid div{padding:15px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}.migration-grid span,.migration-grid strong{display:block}.migration-grid span{color:var(--muted);font-size:.7rem}.migration-grid strong{margin-top:7px;font-size:.79rem}@media(max-width:900px){.form-grid--three{grid-template-columns:1fr 1fr}.field--wide{grid-column:span 2}.migration-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.settings-panel,.migration-panel{padding:18px}.settings-panel__heading{align-items:flex-start}.form-grid,.form-grid--three{grid-template-columns:1fr}.field--wide{grid-column:auto}.migration-grid{grid-template-columns:1fr}.settings-actions{align-items:flex-start;flex-direction:column}.demo-note{align-items:flex-start;flex-direction:column}}