.screen-scene.scene-refined{position:relative;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);height:306px;overflow:hidden;border:1px solid var(--brand-line,#d7e2eb);border-radius:6px;background:var(--brand-dark,#1b2026);color:#fff}
.scene-copy{align-self:center;padding:34px 30px 44px;z-index:1}.scene-kicker{display:block;color:var(--brand-red,#c62828);font-size:11px;font-weight:700;letter-spacing:.1em}.scene-copy h2{margin:12px 0 14px;font-size:clamp(27px,3.2vw,44px);line-height:1.08;letter-spacing:-.025em}.scene-copy p{margin:0;color:#e1e5e8;font-size:14px;line-height:1.55;max-width:45ch}.scene-selected{display:inline-block;margin-top:24px;padding:7px 12px;border-radius:5px;background:#fff2f0;color:var(--brand-red,#c62828);font-size:11px;font-weight:700}
.scene-media{position:relative;height:100%;overflow:hidden}.scene-media img{display:block;width:100%;height:100%;object-fit:cover}.scene-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--brand-dark,#1b2026),transparent 39%);pointer-events:none}.scene-marker{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;transform:translate(-50%,-50%)}.scene-marker i{display:grid;place-items:center;width:34px;height:34px;border:3px solid #fff;border-radius:50%;background:var(--brand-red,#c62828);font-style:normal;font-weight:700}.scene-marker b{padding:8px 12px;border-radius:5px;background:#fff3f1;color:var(--brand-red,#c62828);font-size:11px;white-space:nowrap}.scene-marker--road{left:69%;top:47%}.scene-marker--cabin{left:61%;top:53%}.scene-marker--rear{left:49%;top:54%}.scene-marker--multiple{left:66%;top:42%}.scene-marker--unknown{left:67%;top:50%}
.scene-quantity{position:absolute;z-index:3;left:14px;right:14px;bottom:16px;display:flex;gap:5px;padding:8px;border-radius:5px;background:#ffffffed;color:var(--brand-ink,#142b40)}.scene-quantity span{display:flex;flex:1;min-width:0;flex-direction:column}.scene-quantity small{font-size:9px;line-height:1.2}.scene-quantity b{font-size:16px;line-height:1.35}.scene-disclaimer{position:absolute;left:30px;bottom:9px;z-index:4;color:#e3e6ea;font-size:9px}.scene-evidence{display:grid;gap:12px;margin-top:14px}.scene-flow,.scene-objects{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.scene-flow-node,.scene-object{min-width:0;padding:12px;border:1px solid var(--brand-line,#d7e2eb);border-radius:5px;background:#fff;color:var(--brand-ink,#142b40)}.scene-flow-node{border-top:3px solid var(--brand-red,#c62828)}.scene-flow-node strong,.scene-object strong{display:block;font-size:13px;overflow-wrap:anywhere}.scene-flow-node span,.scene-object small{display:block;color:var(--brand-muted,#5f6873);font-size:10px}.scene-flow-node small,.scene-object p{display:block;margin:6px 0 0;color:var(--brand-muted,#5f6873);font-size:11px;overflow-wrap:anywhere}.scene-flow-node[data-connection-state="pending"]{border-style:dashed}.scene-flow-node[data-connection-state="pending"] span:after{content:" · not connected"}.scene-object[data-connection-state="pending"]{border-style:dashed}.is-scene-frame-active{outline:3px solid var(--brand-red,#c62828);outline-offset:2px}
.screen-scene.scene-paused{display:block;height:auto;min-height:0;padding:24px;background:var(--brand-soft,#f5f8fb);color:var(--brand-ink,#142b40)}.scene-paused strong{display:block;margin-bottom:5px}.scene-paused p{margin:0;color:var(--brand-muted,#5f6873)}
@media(max-width:760px){.screen-scene.scene-refined{height:255px;grid-template-columns:.9fr 1.1fr}.scene-copy{padding:20px 14px 38px}.scene-copy h2{font-size:20px}.scene-copy p{display:none}.scene-kicker{font-size:8px}.scene-selected{margin-top:16px;padding:5px 7px;font-size:9px}.scene-marker{gap:4px}.scene-marker i{width:25px;height:25px;border-width:2px;font-size:11px}.scene-marker b{padding:5px 7px;font-size:9px}.scene-quantity{left:8px;right:8px;bottom:35px;flex-wrap:wrap;padding:6px}.scene-quantity span{min-width:30%}.scene-quantity b{font-size:12px}.scene-disclaimer{left:0;right:0;bottom:0;padding:5px 10px;background:#1d232be8;font-size:8px}.scene-evidence{margin-top:10px}.scene-flow,.scene-objects{grid-template-columns:1fr 1fr}.scene-flow-node,.scene-object{padding:9px}.scene-flow-node small,.scene-object p{display:none}}
@media(prefers-reduced-motion:reduce){.screen-scene.scene-refined *{transition:none!important;animation:none!important}}

.scene-marker{appearance:none;border:0;cursor:pointer;padding:0;background:transparent}.scene-marker .scene-fov{position:absolute;z-index:-1;width:74px;height:52px;background:#fff8;clip-path:polygon(0 50%,100% 0,100% 100%);border:1px solid #fff}.scene-marker--road .scene-fov{transform:rotate(-8deg);transform-origin:left center}.scene-marker--cabin .scene-fov{transform:rotate(8deg);transform-origin:left center}.scene-marker--rear .scene-fov{transform:rotate(170deg);transform-origin:right center}.scene-marker--multiple .scene-fov{width:92px;transform:rotate(-12deg)}
.scene-identity{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.scene-chip{display:flex;flex-direction:column;gap:3px;min-width:0;padding:9px 11px;border:1px solid var(--brand-line,#d7e2eb);border-radius:5px;background:#fff;color:var(--brand-ink,#142b40)}.scene-chip small{font-size:10px;color:var(--brand-muted,#5f6873)}.scene-chip b{font-size:12px;overflow-wrap:anywhere}.scene-quantity-note{flex:0 0 100%;font-size:9px;color:var(--brand-muted,#5f6873)}
@media(max-width:760px){.scene-identity{gap:5px}.scene-chip{padding:6px}.scene-chip small{font-size:8px}.scene-chip b{font-size:10px}.scene-marker .scene-fov{width:55px;height:40px}}