.scope-editor { display: grid; gap: 22px; grid-template-columns: 1fr 1fr; }
.panel-intro { color: var(--muted); font-size: .83rem; margin: -8px 0 18px; }
.scope-list { display: grid; gap: 8px; }
.scope-list label { align-items: center; background: rgba(255,255,255,.025); border: 1px solid var(--line); border-radius: 13px; cursor: pointer; display: grid; gap: 12px; grid-template-columns: auto 1fr; padding: 13px; transition: border-color .2s, background .2s; }
.scope-list label:has(input:checked) { background: rgba(183,255,45,.05); border-color: rgba(183,255,45,.3); }
.scope-list input { height: 1px; opacity: 0; position: absolute; width: 1px; }
.scope-check { border: 1px solid #49474f; border-radius: 7px; color: transparent; display: grid; height: 24px; place-items: center; width: 24px; }
.scope-list input:checked + .scope-check { background: var(--lime); border-color: var(--lime); color: #111; }
.scope-list label > span:last-child { display: grid; }
.scope-list small { color: var(--muted); }
.scope-save { align-items: center; background: #1a191e; border: 1px solid var(--line); border-radius: 18px; display: flex; grid-column: 1 / -1; justify-content: space-between; padding: 18px 22px; position: sticky; bottom: 18px; z-index: 4; }
.scope-save > div { display: grid; gap: 4px; }
@media(max-width: 850px) { .scope-editor { grid-template-columns: 1fr; } .scope-save { align-items: stretch; flex-direction: column; gap: 14px; } }