/* Native ConfigGroup tab/content structure and palette. Narrow widths use a web scale. */
.settings-panel[hidden]{display:none}
.settings-panel{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;background:#0009;color:#e5e2d9;font:inherit}
.settings-container{width:min(1000px,96vw);max-height:94dvh;overflow:auto;background:#292a27 url('assets/settings/bg_box_grunge.webp') center/100% 100%;background-blend-mode:multiply;border:14px solid #191a17;box-sizing:border-box}
.settings-header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px}
.settings-header h2{margin:0;font-size:24px;font-weight:normal}
.settings-header button,.settings-modes button{min-height:44px;color:inherit;background:#33342e;border:1px solid #77756b;padding:6px 14px;cursor:pointer;font:inherit}
.settings-layout{display:grid;grid-template-columns:160px minmax(0,1fr);min-height:280px;gap:12px}
.settings-tabs{background:#0007}
.settings-tab{height:56px;display:flex;align-items:center;padding-left:20px;color:#ffd85b;border-bottom:2px solid #ffffff1e}
.settings-content{min-width:0;background:#0007;padding:0 16px}
.settings-row{display:grid;grid-template-columns:minmax(90px,1fr) minmax(140px,1fr);gap:12px;min-height:56px;align-items:center;background:url('assets/settings/bg_dotline_white2.webp') repeat-x left bottom}
.settings-modes{display:flex;gap:6px;flex-wrap:wrap}
.settings-modes button[aria-pressed=true]{color:#ffd85b;border-color:#ffd85b}
.settings-rate{display:flex;gap:12px;align-items:center}
.settings-range{appearance:none;-webkit-appearance:none;min-width:0;width:100%;height:8px;background:#9b791f;cursor:pointer;accent-color:#fbc134}
.settings-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:32px;height:32px;background:url('assets/settings/circle_32.webp') center/contain}
.settings-range::-moz-range-thumb{width:32px;height:32px;border:0;background:url('assets/settings/circle_32.webp') center/contain}
.settings-value{min-width:3ch;text-align:right;color:#ffd85b}
.settings-status{font-size:14px;color:#ffd85b;min-height:1.3em}
.settings-panel :focus-visible{outline:2px solid #ffd85b;outline-offset:3px}
.settings-panel button:disabled{opacity:.5;cursor:wait}
@media(max-width:600px){.settings-layout{grid-template-columns:70px minmax(0,1fr);gap:6px;min-height:240px}.settings-tab{padding-left:10px}.settings-content{padding:0 8px}.settings-row{grid-template-columns:1fr;gap:4px;padding:8px 0}.settings-header h2{font-size:20px}.settings-container{border-width:8px}}