.raven-settings { box-sizing:border-box; width:100%; height:100%; overflow:auto; padding:32px clamp(24px,5vw,72px); color:var(--cpd-color-text-primary); background:var(--cpd-color-bg-canvas-default); font-family:Inter,"Microsoft YaHei",sans-serif; }
.raven-settings header { display:flex; align-items:center; justify-content:space-between; max-width:880px; }
.raven-wordmark { font-weight:800; font-size:20px; letter-spacing:4px; color:#5263d6; }
.raven-settings h1 { margin:36px 0 8px; font-size:30px; }
.raven-settings h2 { font-size:18px; margin:0 0 12px; }
.raven-settings article { max-width:832px; padding:24px; margin:20px 0; border:1px solid var(--cpd-color-gray-400,#9aa0ac); border-radius:12px; }
.raven-settings button { cursor:pointer; font:inherit; padding:10px 16px; margin:4px 8px 4px 0; border-radius:8px; border:1px solid var(--cpd-color-gray-400,#9aa0ac); background:var(--cpd-color-bg-subtle-secondary,transparent); color:inherit; }
.raven-settings button:hover { border-color:#6578ef; }
.raven-settings button:focus-visible { outline:2px solid #6578ef; outline-offset:3px; }
.raven-settings .raven-muted,.raven-settings footer { color:var(--cpd-color-text-secondary); font-size:14px; line-height:1.7; }
.raven-settings .raven-danger { color:var(--cpd-color-text-critical-primary,#cb3646); }
.raven-settings footer { padding:12px 0 28px; }
.raven-settings a { color:var(--cpd-color-text-link-external,#5263d6); }
.raven-nav-icon { display:grid; place-items:center; width:28px; height:28px; border-radius:8px; font-size:13px; font-weight:700; color:var(--cpd-color-text-primary); }