.preferences-page{max-width:930px;margin:0 auto;padding:42px 28px 60px}
.preferences-intro h1{margin:10px 0 12px}
.preferences-intro p{color:var(--muted);font-size:14px}
.preferences-form{display:flex;flex-direction:column;gap:20px}
.preferences-section{padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--panel);display:grid;gap:19px}
.preferences-section h2{margin:0;font-size:17px}
.preferences-section .field{gap:9px}
.preferences-section .field>span:first-child{font-size:13px;color:var(--ink)}
.preferences-section .field select,.preferences-section .field input{font-size:14px;min-height:44px}
.preferences-section .caption{font-size:12px;margin:0}
.preferences-scope-note{font-size:13px;line-height:1.8;margin:0;color:var(--muted);padding:14px 16px;border-radius:8px;background:#e9ede2}
.preferences-summary{font-size:13px;line-height:1.8;margin:0}
.preferences-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:16px 0;position:sticky;bottom:0;background:var(--paper);border-top:1px solid var(--line)}
.preferences-status{flex:1 1 210px;margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.preferences-actions .btn{min-height:44px}
@media(max-width:600px){
  .app-header{height:auto;min-height:62px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px;gap:7px}
  .app-header .work-title{max-width:24vw}
  .preferences-page{padding:26px 16px 38px}
  .preferences-intro h1{font-size:30px}
  .preferences-section{padding:18px;gap:17px}
  .preferences-section .form-grid{grid-template-columns:minmax(0,1fr)}
  .preferences-section .row h2{width:100%}
  .preferences-section .field select,.preferences-section .field input{font-size:16px}
  .preferences-actions{gap:8px;padding-bottom:max(14px,env(safe-area-inset-bottom))}
  .preferences-actions .btn{flex:1;padding:9px 10px;font-size:12px}
  .preferences-status{flex-basis:100%}
}