/* Scope illustration: stable record positions make each nested filter legible. */
.developer-page .ingestion-preview{row-gap:56px}
.scoping-card{min-width:0}
.scoping-stage{position:relative;aspect-ratio:3/2;container-type:inline-size;overflow:hidden;border:1px solid var(--dev-343536,#343536);border-radius:3px;background:var(--dev-0d0e0f,#0d0e0f)}
.scoping-console{position:absolute;inset:17% 8%;display:flex;flex-direction:column;transform-origin:50% 54%;will-change:transform,opacity}
.scoping-toolbar{height:7.8cqw;display:flex;align-items:center;gap:2cqw;white-space:nowrap;font:400 2.1cqw/1.3 "Geist Mono",monospace;color:var(--dev-a5a7aa,#a5a7aa)}
.scoping-all{padding:1.15cqw 1.65cqw;border:1px solid var(--dev-4c4e51,#4c4e51);border-radius:1cqw;background:var(--dev-2b2d30,#2b2d30);color:var(--dev-ededed,#ededed)}
.scoping-filter-group{height:5.2cqw;display:flex;align-items:center;border:1px solid var(--dev-515d6b,#515d6b);border-radius:1cqw;background:var(--dev-a9ccff0d,#a9ccff0d);overflow:hidden;will-change:width,opacity;transform-origin:left center;color:var(--dev-b9cce4,#b9cce4)}
.scoping-user{display:flex;align-items:center;gap:1cqw;padding:0 1.4cqw;flex:none}
.scoping-user svg{width:2.1cqw;height:2.1cqw;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.scoping-toolbar b{font-weight:500;color:var(--dev-e1e9f4,#e1e9f4)}
.scoping-session{display:flex;align-items:center;gap:.65cqw;padding-right:1.4cqw;flex:none}
.scoping-session>span{color:var(--dev-8d9aaa,#8d9aaa);margin-right:.3cqw}
.scoping-rack{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.25cqw;margin-top:2.1cqw;perspective:700px}
.scoping-record{position:relative;height:7.6cqw;border:1px solid var(--dev-424447,#424447);border-radius:1.1cqw;background:linear-gradient(150deg,var(--dev-292b2e,#292b2e),var(--dev-202224,#202224));will-change:transform,opacity;overflow:hidden}
.scoping-record:before{content:"";position:absolute;inset:0;background:var(--dev-a9ccff,#a9ccff);opacity:var(--selected,0);pointer-events:none}
.scoping-slots{position:absolute;top:2.1cqw;left:1.5cqw;right:1.5cqw;display:grid;gap:.55cqw}
.scoping-slots i{display:block;height:.35cqw;background:var(--dev-52565c,#52565c);border-radius:2px;opacity:.65}
.scoping-led{position:absolute;bottom:1.25cqw;left:1.5cqw;width:.52cqw;height:.52cqw;border-radius:50%;background:var(--dev-c8d0d9,#c8d0d9);box-shadow:0 0 .6cqw #a9ccff35}
.scoping-vents{position:absolute;right:1.5cqw;bottom:1.2cqw;width:2.1cqw;height:.7cqw;background:repeating-linear-gradient(90deg,var(--dev-5b6068,#5b6068) 0 .18cqw,transparent .18cqw .55cqw);opacity:.5}
.scoping-stage:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 7cqw 2cqw #0d0e0f55}
@media(max-width:760px){.developer-page .ingestion-preview{row-gap:36px}}

/* Quiet, persistent composition; filtering replaces camera and lamp animation. */
.scoping-console{inset:18% 8%;justify-content:center;will-change:auto}
.scoping-toolbar{height:7.8cqw;font-size:2.35cqw;gap:1.6cqw}
.scoping-all{transition:background .65s ease,color .65s ease,border-color .65s ease}
.scoping-filter-group{height:5.8cqw;width:auto;opacity:.3;will-change:auto;transition:opacity .65s ease,background .65s ease}
.scoping-session{max-width:0;opacity:0;padding-right:0;overflow:hidden;transition:max-width .7s cubic-bezier(.4,0,.2,1),opacity .5s ease,padding .7s ease}
.scoping-stage[data-scope="user"] .scoping-filter-group,.scoping-stage[data-scope="session"] .scoping-filter-group{opacity:1;background:var(--dev-a9ccff14,#a9ccff14)}
.scoping-stage[data-scope="session"] .scoping-session{max-width:24cqw;padding-right:1.4cqw;opacity:1}
.scoping-stage:not([data-scope="all"]) .scoping-all{color:var(--dev-797e85,#797e85);background:var(--dev-16181a,#16181a);border-color:var(--dev-34383d,#34383d)}
.scoping-rack{margin-top:2.6cqw;gap:1.5cqw;perspective:none}
.scoping-record{height:8cqw;will-change:auto;transition:opacity .75s ease,border-color .75s ease,transform .75s cubic-bezier(.22,1,.36,1)}
.scoping-record:before{transition:opacity .75s ease}
.scoping-record.is-muted{opacity:.36}
.scoping-record.is-selected{border-color:var(--dev-718dad,#718dad);transform:translateY(-.25cqw);--selected:.09}
.scoping-led{box-shadow:none;transition:background .65s ease}
.scoping-record.is-selected .scoping-led{background:var(--dev-a9ccff,#a9ccff)}
@media(prefers-reduced-motion:reduce){.scoping-stage *{transition:none!important}}