.settings-panel{display:flex;flex-direction:column;gap:20px;min-height:0}
.settings-choices{display:grid}
.settings-choice{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.settings-choice:first-child{padding-top:0}
.settings-choice-copy{font-size:13px;line-height:1.5;min-width:0}
.settings-choice-copy small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:5px;max-width:24ch}
.settings-segment{flex:none;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;padding:3px;border:1px solid var(--line);border-radius:11px;background:var(--bg)}
.settings-segment button{min-width:45px;min-height:42px;padding:7px 9px;border-radius:7px;background:transparent;color:var(--muted);font-size:12px}
.settings-segment button[aria-pressed=true]{background:var(--raised);color:var(--gold);box-shadow:0 1px 3px #0002}
.settings-font{display:grid;gap:10px}
.settings-font-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}
.settings-font-label output{color:var(--muted);font-variant-numeric:tabular-nums}
.settings-font-preview{min-height:88px;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere;padding:10px;border:1px solid #9fb5d31f;border-radius:13px;background:#9fb5d306;color:var(--gold);font-family:var(--gfont);font-size:calc(30px * var(--preview-scale,1));line-height:1.8}
.settings-font input{min-height:24px;margin:0}
.settings-utilities{display:flex;align-items:center;justify-content:space-between;gap:12px}
.settings-utilities button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;background:transparent;color:var(--blue);padding:7px 0;font-size:12px;text-align:left}
.settings-utilities svg{width:17px;height:17px}
.settings-storage{font-size:11px;color:var(--muted);line-height:1.6}
.settings-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.settings-footer button{display:flex;align-items:center;gap:5px;min-height:36px;padding:4px 0;background:transparent;color:var(--blue);font-size:12px}
.settings-footer svg{width:14px;height:14px}
.settings-history{display:grid}
.settings-history-entry{padding:0 0 27px;margin-bottom:25px;border-bottom:1px solid var(--line)}
.settings-history-entry:last-child{margin-bottom:0}
.settings-history-entry header{display:grid;gap:5px;margin-bottom:18px}
.settings-history-entry h3{font-size:20px;line-height:1.3;color:var(--gold);font-variant-numeric:tabular-nums}
.settings-history-entry time{font-size:11px;color:var(--muted);line-height:1.5}
.settings-history-entry ul{list-style:none;padding:0;margin:0;display:grid;gap:17px}
.settings-history-entry li{padding-left:14px;position:relative}
.settings-history-entry li:before{content:'';position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:50%;background:var(--blue)}
.settings-history-entry strong{font-size:13px;line-height:1.5;font-weight:550}
.settings-history-entry p{font-size:12px;line-height:1.65;color:var(--muted);margin-top:4px}
.settings-history-more{display:block;min-height:44px;width:100%;margin:18px 0 0;background:transparent;color:var(--blue);font-size:12px}
.settings-history-empty{font-size:13px;color:var(--muted)}
.settings-resources{display:grid;gap:27px}
.settings-resources section{min-width:0}
.settings-resources h3{font-size:14px;line-height:1.5;margin:0 0 9px}
.settings-resources p{font-size:12px;line-height:1.65;color:var(--muted)}
.settings-resources .settings-resource-note{font-size:11px;margin-top:8px}
.settings-resource-links{list-style:none;padding:0;margin:12px 0 0;font-size:12px;line-height:1.9}
.settings-resource-links li{display:inline;overflow-wrap:anywhere}
.settings-resource-links li+li:before{content:' · ';color:var(--muted);white-space:pre}
.settings-resource-links a{text-decoration:none;color:var(--blue)}
.settings-resource-links a:hover{text-decoration:underline}
.settings-resource-details{border-top:1px solid var(--line);margin-top:16px;padding-top:13px}
.settings-resource-details summary{cursor:pointer;font-size:12px;color:var(--blue);min-height:28px}
.settings-resource-details p{margin-top:9px}
@media(max-width:350px){.settings-choice{gap:10px}.settings-choice-copy{font-size:12px}.settings-segment button{min-width:42px;padding-left:7px;padding-right:7px}.settings-utilities{gap:9px}.settings-utilities button{font-size:11px;gap:5px}}