.app-shell{width:min(760px,100%);margin:auto;padding:0 14px 48px}
.hero{padding:24px 4px 14px}
.hero h1{margin:.15rem 0;font-size:clamp(1.8rem,7vw,2.7rem)}
.hero h1 span{font-size:.42em;color:var(--muted);font-weight:700}
.hero p{margin:.25rem 0;color:var(--muted)}
.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.08em}
.panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:16px;margin:12px 0;box-shadow:var(--shadow)}
.panel h2{font-size:1rem;margin:0 0 12px}
.setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.setting-grid label{display:grid;gap:6px;font-size:.86rem;color:var(--muted)}
.setting-grid select{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink)}
.button-row{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin-top:14px}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
@media(max-width:520px){.setting-grid{grid-template-columns:1fr}.button-row{grid-template-columns:1fr}.app-shell{padding-inline:10px}}