.dva-scope-explorer{--scope-orange:#c75b05;--scope-network:#2563eb;--scope-api:#0f766e;--scope-event:#7c3aed;--scope-replication:#15803d;--scope-attachment:#64748b;--scope-authorization:#c2410c;--scope-deployment:#4f46e5;--scope-monitoring:#a16207;border:1px solid var(--line);border-top:3px solid var(--scope-orange);border-radius:12px;margin:26px 0;background:var(--card);overflow:hidden;min-width:0}
[data-theme="dark"] .dva-scope-explorer{--scope-orange:#fdba74;--scope-network:#93c5fd;--scope-api:#5eead4;--scope-event:#c4b5fd;--scope-replication:#86efac;--scope-attachment:#cbd5e1;--scope-authorization:#fdba74;--scope-deployment:#a5b4fc;--scope-monitoring:#fde68a}
[data-theme="dark"] .scope-boundary[data-kind="public"]>rect{fill:#17301e}[data-theme="dark"] .scope-boundary[data-kind="private"]>rect{fill:#14263d}[data-theme="dark"] .scope-boundary[data-kind="global"]>rect{fill:#332610}[data-theme="dark"] .scope-packet text{fill:#0b1220}
.dva-scope-intro{padding:20px;background:linear-gradient(115deg,var(--bg),var(--card))}.dva-scope-intro>span{display:block;color:var(--scope-orange);font-size:10px;font-weight:700;letter-spacing:1.3px}.dva-scope-intro>strong{display:block;font-size:23px;line-height:1.35;margin:8px 0}.dva-scope-intro p{font-size:13px;margin:8px 0 0;max-width:900px}
.dva-scope-tools{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:12px;padding:14px 18px;border-block:1px solid var(--line)}.dva-scope-tools label,.dva-scope-study label,.dva-scope-player label{font-size:11px;font-weight:600;min-width:0}.dva-scope-tools :is(input,select),.dva-scope-study select,.dva-scope-player select{display:block;width:100%;box-sizing:border-box;font:inherit;font-weight:400;font-size:12px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:6px;min-height:40px;padding:8px;margin-top:5px}
.dva-scope-options{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:10px 18px;font-size:11px}.dva-scope-options label{display:flex;align-items:center;gap:5px}.dva-scope-options details{margin:0}.dva-scope-options summary{cursor:pointer}.dva-scope-options details[open]{flex-basis:100%}#dva-scope-legend{display:flex;gap:8px 14px;flex-wrap:wrap;padding-top:10px}#dva-scope-legend label{border-bottom:2px solid var(--edge-color);padding:4px}.dva-scope-options #dva-scope-match{color:var(--muted)}
.dva-scope-layout{display:grid;grid-template-columns:115px minmax(0,1fr) 275px;border-block:1px solid var(--line);min-width:0}.dva-scope-nav{display:flex;flex-direction:column;gap:4px;padding:10px 6px;border-right:1px solid var(--line);background:var(--bg)}.dva-study .dva-scope-nav button{border:0;background:transparent;text-align:left;font-size:11px;padding:7px;min-height:34px}.dva-study .dva-scope-nav button[aria-pressed="true"]{background:var(--dva-soft);color:var(--dva-blue)}
.dva-scope-map-area{position:relative;min-width:0;background:var(--bg)}.dva-scope-view-tools{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:8px;border-bottom:1px solid var(--line)}.dva-study .dva-scope-view-tools button{font-size:11px;min-height:32px;padding:5px 8px}.dva-scope-view-tools span{font-size:11px;color:var(--muted)}#dva-scope-canvas{display:block;width:100%;height:720px;touch-action:none;cursor:grab;background-image:radial-gradient(var(--line) .7px,transparent .7px);background-size:16px 16px;user-select:none}#dva-scope-canvas:active{cursor:grabbing}.dva-scope-hint{font-size:10px!important;line-height:1.6;padding:8px;margin:0!important;color:var(--muted)}
.scope-boundary>rect{fill:var(--card);fill-opacity:.7;stroke:#a3aab6;stroke-width:2;vector-effect:non-scaling-stroke}.scope-boundary[data-kind="cloud"]>rect{fill:none;stroke:#f59e0b}.scope-boundary[data-kind="region"]>rect{stroke:#5d8e49;stroke-dasharray:8 5}.scope-boundary[data-kind="vpc"]>rect{stroke:#8b5cf6}.scope-boundary[data-kind="az"]>rect{stroke:#7793ab;stroke-dasharray:5 5;fill-opacity:.3}.scope-boundary[data-kind="public"]>rect{fill:#e7f4e2;fill-opacity:.5;stroke:#779e69}.scope-boundary[data-kind="private"]>rect{fill:#e6f0fa;fill-opacity:.5;stroke:#7396bd}.scope-boundary[data-kind="global"]>rect{fill:#fff3dc;fill-opacity:.35}.scope-boundary[data-kind="managed"]>rect{fill:var(--bg);fill-opacity:.6;stroke:#a4a4b7;stroke-dasharray:3 4}.scope-boundary>text{font-size:19px;fill:var(--muted);font-weight:600}.scope-boundary-toggle{cursor:pointer}.scope-boundary-toggle rect{fill:var(--card);stroke:var(--muted);stroke-width:1.5}.scope-boundary-toggle text{font-size:23px;fill:var(--ink);text-anchor:middle}.scope-collapsed-label{font-size:23px!important;text-anchor:middle;fill:var(--muted)}
.scope-boundary[data-kind="developer"]>rect{fill:var(--bg);stroke:#c75b05;stroke-dasharray:4 4}
.scope-node{cursor:pointer}.scope-node>rect{fill:var(--card);stroke:var(--line);stroke-width:1.5;vector-effect:non-scaling-stroke;rx:9}.scope-node text{font-size:17px;fill:var(--ink);font-weight:600}.scope-node .scope-node-scope{font-size:10px;fill:var(--muted);font-weight:400;letter-spacing:.8px}.scope-node.is-related>rect{stroke:var(--scope-network);stroke-width:2}.scope-node.is-selected>rect{stroke:var(--scope-orange);stroke-width:3}.scope-node.is-left>rect{stroke:var(--scope-network);stroke-width:3}.scope-node.is-right>rect{stroke:var(--scope-event);stroke-width:3}.scope-node.is-left.is-right>rect{stroke:var(--scope-orange);stroke-dasharray:4 3}.scope-node.is-dim{opacity:.28}.scope-node:focus>rect{stroke:var(--scope-orange);stroke-width:4}.scope-node:hover>rect{stroke:var(--scope-orange)}.scope-node .scope-symbol{fill:var(--dva-soft);stroke:var(--line)}.scope-node .scope-symbol-text{font-size:20px;fill:var(--dva-blue);text-anchor:middle}
.scope-edge{fill:none;stroke:var(--edge-color);stroke-width:1.7;vector-effect:non-scaling-stroke;opacity:.62}.scope-edge[data-type="authorization"],.scope-edge[data-type="deployment"]{stroke-dasharray:7 5}.scope-edge[data-type="monitoring"]{stroke-dasharray:2 5}.scope-edge[data-type="replication"]{stroke-width:2.4}.scope-edge[data-type="attachment"]{stroke-dasharray:3 3}.scope-edge.is-current{stroke-width:3;opacity:1}.scope-edge-label rect{fill:var(--card);stroke:var(--edge-color)}.scope-edge-label text{fill:var(--ink);font-size:14px;text-anchor:middle}.scope-packet rect,.scope-packet circle,.scope-packet polygon{fill:var(--edge-color);stroke:var(--card);stroke-width:2}.scope-packet text{fill:white;font-size:12px;text-anchor:middle;font-weight:700}
.dva-scope-panel{border-left:1px solid var(--line);padding:16px;min-width:0;max-height:810px;overflow-y:auto;background:var(--card)}.dva-scope-panel>strong{display:block;font-size:18px;line-height:1.35}.dva-scope-panel h5{font-size:11px;color:var(--scope-orange);text-transform:uppercase;letter-spacing:.6px;margin:20px 0 7px}.dva-scope-panel p,.dva-scope-panel li{font-size:12px;line-height:1.65}.dva-scope-panel ul{padding-left:17px;margin:5px 0}.dva-scope-panel a{font-size:12px}.dva-scope-placement{font-size:10px;color:var(--muted);display:block;margin:7px 0}.dva-scope-relations{border-top:1px solid var(--line);padding-top:10px}.dva-scope-relations button{display:block;width:100%;text-align:left;font-size:11px!important;min-height:30px!important;margin:5px 0}.dva-scope-comparison{border-left:3px solid var(--scope-network);padding-left:9px;margin:14px 0}.dva-scope-comparison[data-side="right"]{border-color:var(--scope-event)}
.dva-scope-simulation{padding:15px 18px;background:var(--bg)}.dva-scope-player{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.dva-scope-player>label{flex:1;min-width:130px}.dva-study .dva-scope-player button{font-size:12px}.dva-scope-player>span{font-size:11px;color:var(--muted)}#dva-scope-step-detail{font-size:13px;line-height:1.7;margin-top:14px}#dva-scope-step-detail p{font-size:12px;margin:8px 0}.dva-scope-step-type{color:var(--scope-orange);font-size:10px;font-weight:700;letter-spacing:.6px}.dva-scope-study{padding:12px 18px;border-top:1px solid var(--line);background:var(--dva-soft)}.dva-scope-study p{font-size:13px}.dva-scope-sources{font-size:10px!important;line-height:1.7;padding:12px 18px;margin:0!important;color:var(--muted)}
.dva-scope-explorer:fullscreen{border:0;border-radius:0;background:var(--card);overflow:auto}.dva-scope-explorer:fullscreen .dva-scope-intro{display:none}.dva-scope-explorer:fullscreen #dva-scope-canvas{height:calc(100dvh - 310px)}.dva-scope-explorer:fullscreen .dva-scope-panel{max-height:calc(100dvh - 230px)}
@media(max-width:1000px){.dva-scope-layout{grid-template-columns:minmax(0,1fr) 250px}.dva-scope-nav{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;border:0;border-bottom:1px solid var(--line)}.dva-study .dva-scope-nav button{min-height:30px;padding:5px 8px}.dva-scope-tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.dva-scope-tools>label:first-child{grid-column:1/-1}}
@media(max-width:760px){.dva-scope-layout{grid-template-columns:minmax(0,1fr)}.dva-scope-panel{border-left:0;border-top:1px solid var(--line);max-height:460px}#dva-scope-canvas{height:540px}.dva-scope-tools{grid-template-columns:minmax(0,1fr)}.dva-scope-tools>label:first-child{grid-column:auto}.dva-scope-intro{padding:15px}.dva-scope-intro>strong{font-size:20px}.dva-scope-options{gap:10px}.dva-scope-player>label{flex-basis:100%;order:2}.dva-scope-explorer:fullscreen #dva-scope-canvas{height:55dvh}.dva-scope-explorer:fullscreen .dva-scope-panel{max-height:none}}
@media print{.dva-scope-tools,.dva-scope-options,.dva-scope-nav,.dva-scope-view-tools,.dva-scope-player{display:none}.dva-scope-layout{display:block}.dva-scope-panel{max-height:none}#dva-scope-canvas{height:700px}.scope-node.is-dim{opacity:1}}