.cfg{display:grid;grid-template-columns:1.35fr .65fr;gap:26px;align-items:start}
.cfg__summary{position:sticky;top:88px}
@media (max-width:960px){.cfg{grid-template-columns:1fr}.cfg__summary{position:static}}

.presets{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;padding:18px 20px}
.presets strong{font-family:var(--display);font-size:17px;margin-right:6px}
.chip{font:inherit;font-weight:600;font-size:14px;padding:9px 16px;border-radius:999px;border:1.5px solid var(--line2);background:var(--bg2);color:var(--muted);cursor:pointer;transition:all .15s}
.chip:hover{border-color:var(--purple2);color:#fff}
.chip.on{background:linear-gradient(135deg,var(--purple2),var(--purple-deep));border-color:transparent;color:#fff}

.dlg__body h4{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8c85b0}
.group-label{font-size:13px;color:var(--muted);margin:0 0 8px}

.opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:10px}
.opt{position:relative;display:block;cursor:pointer}
.opt input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.opt__body{display:grid;gap:3px;height:100%;padding:13px 15px;border:1.5px solid var(--line2);border-radius:14px;background:var(--bg2);transition:all .15s}
.opt__body strong{font-size:14.5px;line-height:1.25}
.opt__body small{color:var(--muted);font-size:12.5px;line-height:1.35}
.opt input:hover+.opt__body{border-color:var(--purple2)}
.opt input:checked+.opt__body{border-color:var(--purple2);background:linear-gradient(180deg,rgba(154,115,255,.2),rgba(154,115,255,.06));box-shadow:0 0 0 1px var(--purple2) inset,0 10px 26px -16px rgba(154,115,255,.9)}
.opt input:focus-visible+.opt__body{outline:3px solid rgba(154,115,255,.5);outline-offset:2px}
.opt .tag{display:inline-block;margin-top:4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ff7a88}

.summary h3{font-size:22px;margin-bottom:4px}
.summary .lead{color:var(--muted);font-size:14px;margin-bottom:18px}
.meter{margin-bottom:15px}
.meter__top{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;margin-bottom:6px}
.meter__top span{color:var(--muted);font-weight:600}
.meter__top b{font-family:var(--display);font-weight:600;color:#fff;text-align:right}
.meter__track{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.meter__track i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--purple-deep),var(--purple2) 55%,var(--red));transition:width .45s cubic-bezier(.2,.8,.2,1)}
.meter--power .meter__track i{background:linear-gradient(90deg,#3ddc84,#ffcc4d 65%,var(--red))}
.meter--ok .meter__track i{background:#3ddc84}
.meter--warn .meter__track i{background:#ffcc4d}
.meter--bad .meter__track i{background:var(--red)}
.meter small{display:block;margin-top:5px;font-size:12.5px;color:#8c85b0}
.meter--bad small{color:#ff8a96}
.parts{list-style:none;margin:6px 0 18px;padding:14px 0 0;border-top:1px solid var(--line);display:grid;gap:7px;font-size:13.5px;color:var(--muted)}
.parts b{color:#fff;font-weight:600}
.summary .btn{width:100%}
.summary .small{margin-top:12px;font-size:12.5px;color:#8c85b0}
.fineprint{margin-top:22px;font-size:13px;color:#8c85b0;max-width:70ch}

.grp{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.015);margin-bottom:10px}
.grp>summary{cursor:pointer;list-style:none;padding:13px 16px;font-weight:700;font-size:14.5px;display:flex;justify-content:space-between;gap:10px;color:#e4defb}
.grp>summary::-webkit-details-marker{display:none}
.grp>summary::after{content:"+";color:var(--purple2);font-size:20px;line-height:1}
.grp[open]>summary::after{content:"\2212"}
.grp>.opts{padding:2px 14px 14px}
.warns{margin:2px 0 16px;padding:13px 15px;border:1px solid rgba(255,204,77,.4);border-radius:14px;background:rgba(255,204,77,.07)}
.warns[hidden]{display:none}
.warns h4{margin:0 0 8px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#ffcc4d}
.warns ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:13px;color:#e8dcb0}
