.scope-main{padding-bottom:28px}
.scope-main [hidden]{display:none!important}
.scope-main .crumb a{color:inherit;text-decoration:none}
.scope-main .crumb a:hover{color:var(--green)}
.scope-intro{padding:29px 0 20px}
.scope-intro h1{margin:10px 0 5px;font-size:clamp(27px,3.2vw,39px);letter-spacing:-.055em}
.scope-intro p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}
.scope-workspace{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 54px;gap:9px;min-height:570px;align-items:start}
.scope-left{min-width:0}
.scope-panel,.scope-side-panel,.scope-status-strip{border:1px solid var(--line);border-radius:15px;background:var(--white);box-shadow:0 4px 18px #2b3e2e08}
.scope-view-panel{padding:20px}
.scope-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.scope-title h2{margin:0;font-size:18px;letter-spacing:-.04em}
.scope-title p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.6}
.scope-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.scope-head-actions .search-button{height:39px;min-width:130px;padding:0 12px}
.scope-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:20px;background:#eef0e9;color:#626f60;font-size:10px;font-weight:700;white-space:nowrap}
.scope-badge:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6}
.scope-badge.live{background:#e2f3d8;color:#345f45}
.scope-secondary,.scope-fold{min-height:38px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:var(--white);color:var(--ink);font:600 10px var(--sans);cursor:pointer}
.scope-secondary:hover:not(:disabled),.scope-fold:hover{border-color:var(--green);color:var(--green)}
.scope-secondary:disabled{opacity:.5;cursor:default}
.scope-preview-body{margin-top:16px}
.scope-stage{position:relative;min-height:410px;display:grid;place-items:center;overflow:hidden;border-radius:11px;background:radial-gradient(circle at 55% 47%,#294731 0%,#1e3325 35%,#17271e 87%);color:#c1d7bd}
.scope-stage canvas{display:block;width:100%;height:auto;max-height:590px;object-fit:contain;touch-action:none;cursor:crosshair}
.scope-stage p{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:20px;text-align:center;font-size:12px}
.scope-stage:has(canvas:not([hidden])) p{display:none}
.scope-note{margin:11px 0 0;color:var(--muted);font-size:10px;line-height:1.7}
.scope-status-strip{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:12px;padding:14px 17px;color:var(--muted);font-size:10px}
.scope-status-strip span:first-child{color:var(--ink);font-weight:700}
.scope-status-strip i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#6dad67}
.scope-status-strip b{color:var(--ink)}
.scope-side-rail{display:flex;align-items:center;flex-direction:column;gap:9px;padding:10px 6px;border:1px solid var(--line);border-radius:13px;background:var(--white)}
.scope-side-rail button{display:grid;place-items:center;width:37px;height:37px;border:0;border-radius:9px;background:#edf4e9;color:var(--green);font-size:17px;cursor:pointer}
.scope-side-rail button:first-child{background:var(--green);color:white}
.scope-side-rail button:hover{filter:brightness(.93)}
.scope-side-panel{position:absolute;z-index:3;top:0;right:0;width:370px;max-height:min(85vh,900px);overflow:auto;box-shadow:0 17px 46px #1f392926;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(12px);transition:opacity .18s,transform .18s,visibility .18s}
.scope-workspace.panel-open .scope-side-panel{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.scope-side-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 19px 14px;border-bottom:1px solid var(--line)}
.scope-side-head strong{font-size:17px}
.scope-side-head small{display:block;margin-top:4px;color:var(--muted);font-size:10px}
.scope-side-head button{border:0;background:none;color:var(--green);font-size:20px;cursor:pointer}
.scope-viewbar{display:flex;align-items:center;justify-content:space-between;padding:11px 16px 0;color:var(--muted);font-size:10px}
.scope-viewbar>div{display:flex;gap:2px;padding:3px;border-radius:9px;background:#eef1e9}
.scope-viewbar button{padding:6px 8px;border:0;border-radius:7px;background:none;color:#718072;font-size:10px;cursor:pointer}
.scope-viewbar button.active{background:var(--white);color:var(--green);box-shadow:0 1px 5px #2b43221c;font-weight:700}
.scope-feature-list{display:grid;gap:7px;padding:11px 16px 15px}
.scope-feature-list[data-view="grid"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.scope-feature-tile{position:relative;min-width:0;border:1px solid transparent;border-radius:10px}
.scope-feature-tile.selected{border-color:#a5c6a0;background:#edf5e9}
.scope-tile-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;font-size:18px}
.scope-feature-tile[data-enabled="true"] .scope-tile-icon{background:#e1f1d9;color:#2e7546}
.scope-feature-tile[data-enabled="false"] .scope-tile-icon{background:#eef0eb;color:#a4aea1}
.scope-feature-tile[data-enabled="false"] button[data-feature-target]{color:#818c80}
.scope-feature-tile button[data-feature-target]{min-width:0;flex:1;padding:0;border:0;background:none;color:var(--ink);text-align:left;cursor:pointer}
.scope-feature-tile b{display:block;font-size:11px}
.scope-feature-tile small{display:block;margin-top:3px;color:var(--muted);font-size:9px}
.scope-feature-list[data-view="grid"] .scope-feature-tile{display:flex;align-items:flex-start;flex-direction:column;gap:9px;min-height:98px;padding:10px;border-color:var(--line)}
.scope-feature-list[data-view="grid"] .scope-feature-tile.selected{border-color:#a5c6a0}
.scope-feature-list[data-view="grid"] .scope-feature-tile .scope-switch{position:absolute;top:13px;right:9px}
.scope-feature-list[data-view="grid"] .scope-feature-tile small{display:none}
.scope-feature-list[data-view="list"] .scope-feature-tile{display:flex;align-items:center;gap:10px;padding:10px}
.scope-feature-list[data-view="list"] .scope-feature-tile .scope-switch{margin-left:auto}
.scope-switch{display:inline-flex;align-items:center;cursor:pointer}
.scope-switch input{position:absolute;width:1px;height:1px;opacity:0}
.scope-switch-track{position:relative;display:block;width:32px;height:19px;border-radius:20px;background:#b5bfb1;transition:background .18s}
.scope-switch-track:after{content:'';position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:white;transition:transform .18s}
.scope-switch input:checked+.scope-switch-track{background:#4d8252}
.scope-switch input:checked+.scope-switch-track:after{transform:translateX(13px)}
.scope-switch input:focus-visible+.scope-switch-track{outline:2px solid var(--green);outline-offset:3px}
.scope-feature-detail{padding:18px 19px;border-top:1px solid var(--line)}
.scope-detail-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.scope-detail-head h2{margin:0;font-size:17px}
.scope-state-tag{padding:5px 8px;border-radius:20px;background:#e5f3dd;color:#4d784d;font-size:9px;font-weight:700}
.scope-state-tag.off{background:#eef0e9;color:#839083}
.scope-feature-detail>p{margin:8px 0 15px;color:var(--muted);font-size:10px;line-height:1.6}
.scope-result,.scope-timer-display{display:grid;gap:7px;padding:17px;border-radius:11px;background:#eef5e9}
.scope-result span,.scope-timer-display small{color:#66805f;font-size:9px}
.scope-result strong{font-size:19px}
.scope-result small,.scope-timer-display span{color:#61765b;font-size:10px;line-height:1.5}
.scope-result.found{background:#d9f4c8}
.scope-result.missing{background:#f3f1e9}
.scope-model-status{margin:13px 0 0;padding:9px 11px;border-radius:8px;background:#e7f0e2;color:#345f45;font-size:10px;font-weight:600;line-height:1.5}
.scope-model-status.error{background:#f3e9df;color:#825c3b}
.scope-region-status{margin:9px 0 0;padding:8px 10px;border-radius:8px;background:#eef3e8;color:var(--green);font-size:10px;font-weight:600;line-height:1.5}
.scope-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:13px}
.scope-actions>*{flex:1}
.scope-check{display:flex;align-items:center;gap:6px;margin-top:14px;color:var(--muted);font-size:10px}
.scope-check input{accent-color:#345f45}
.scope-template{display:flex;align-items:center;gap:12px;margin:12px 0;padding:9px;border:1px solid var(--line);border-radius:9px}
.scope-template canvas{width:80px;height:50px;object-fit:contain;border-radius:6px;background:#e9ede7}
.scope-template div{display:grid;gap:5px}
.scope-template b{font-size:10px}
.scope-template small{color:var(--muted);font-size:9px}
.scope-detail-settings{margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}
.scope-detail-settings h3{margin:0 0 13px;font-size:12px}
.scope-detail-settings>label{display:grid;gap:7px;font-size:10px;font-weight:700}
.scope-detail-settings>label[hidden]{display:none}
.scope-detail-settings>label+label{margin-top:12px}
.scope-detail-settings select{width:100%;height:41px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);font:600 13px var(--sans)}
.scope-detail-settings input[type="number"]{width:100%;height:41px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);font:600 15px var(--sans)}
.scope-detail-settings>small{display:block;margin:8px 0 13px;color:var(--muted);font-size:9px;line-height:1.6}
.scope-detail-settings .scope-secondary{margin-top:12px}
.scope-sensitivity{display:grid;gap:6px;color:var(--muted);font-size:10px}
.scope-sensitivity span{display:flex;justify-content:space-between}
.scope-sensitivity b{color:var(--green)}
.scope-sensitivity input{width:100%;accent-color:#5c8a5c}
.scope-sensitivity small{font-size:9px}
.scope-timer-display strong{font:600 42px var(--mono);letter-spacing:-.06em;color:var(--green)}
.scope-setting-row{display:flex;justify-content:space-between;margin-top:14px;padding:13px 0;border-bottom:1px solid var(--line);font-size:10px}
.scope-setting-row b{color:var(--green)}
.scope-audio-section{border-top:1px solid var(--line)}
.scope-audio-section summary{display:flex;justify-content:space-between;align-items:center;padding:15px 19px;color:var(--ink);font-size:11px;font-weight:700;cursor:pointer;list-style:none}
.scope-audio-section summary::-webkit-details-marker{display:none}
.scope-audio-section summary span{font-size:16px}
.scope-audio-body{padding:0 19px 18px}
.scope-audio-settings{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.scope-audio-settings label,.scope-audio-upload label{display:grid;gap:7px;color:var(--muted);font-size:10px}
.scope-audio-settings select,.scope-audio-upload input{min-width:0;width:100%;min-height:38px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);font:inherit}
.scope-audio-settings input[type="range"]{width:100%;accent-color:#5c8a5c}
.scope-audio-settings b{color:var(--green)}
.scope-audio-body>#testSound{margin-top:13px}
.scope-audio-upload{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}
.scope-audio-upload small{grid-column:1/-1;color:var(--muted);font-size:9px}
.scope-audio-upload button{min-width:0}
.scope-sound-status{margin:0;padding:12px 19px;border-top:1px solid var(--line);color:var(--muted);font-size:9px;line-height:1.6}
.scope-main .footer{margin-top:27px}
html[data-theme="dark"] .scope-badge{background:#344037;color:#c4d1c1}
html[data-theme="dark"] .scope-badge.live{background:#35543b;color:#c5ebbb}
html[data-theme="dark"] .scope-side-rail button{background:#344937;color:#c3dfb7}
html[data-theme="dark"] .scope-side-rail button:first-child{background:#416c49;color:#fff}
html[data-theme="dark"] .scope-viewbar>div{background:#344037}
html[data-theme="dark"] .scope-feature-tile.selected,html[data-theme="dark"] .scope-result,html[data-theme="dark"] .scope-timer-display{background:#2c3e2c}
html[data-theme="dark"] .scope-result.found{background:#365938}
html[data-theme="dark"] .scope-result.missing{background:#383a31}
html[data-theme="dark"] .scope-result span,html[data-theme="dark"] .scope-result small,html[data-theme="dark"] .scope-timer-display span,html[data-theme="dark"] .scope-timer-display small{color:#b8d2ae}
html[data-theme="dark"] .scope-model-status{background:#304533;color:#c3e8bd}
html[data-theme="dark"] .scope-model-status.error{background:#46392c;color:#e9c8a1}
html[data-theme="dark"] .scope-region-status{background:#2d3e2f}
html[data-theme="dark"] .scope-feature-tile[data-enabled="true"] .scope-tile-icon{background:#33523a;color:#c8e9b9}
html[data-theme="dark"] .scope-feature-tile[data-enabled="false"] .scope-tile-icon{background:#343d36;color:#8d9e8b}
@media(max-width:1050px){.scope-side-panel{width:340px}.scope-head-actions{justify-content:flex-start}}
@media(max-width:760px){.scope-intro{padding:22px 0 17px}.scope-view-panel{padding:15px}.scope-stage{min-height:250px}.scope-side-panel{width:min(340px,calc(100vw - 75px));max-height:82vh}.scope-head-actions{width:100%}.scope-head-actions .search-button{flex:1}.scope-status-strip{gap:10px}}
@media(max-width:520px){.scope-side-panel{width:calc(100vw - 72px)}.scope-feature-list[data-view="grid"]{grid-template-columns:repeat(2,minmax(0,1fr))}.scope-audio-settings,.scope-audio-upload{grid-template-columns:1fr}.scope-stage{min-height:185px}}