.scene-group{margin:2rem 0}.scene-group>h2{font-size:1rem;font-weight:500;color:var(--muted,#9ab3c9);letter-spacing:.04em}.scene-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.scene-card{position:relative;aspect-ratio:1672/941;padding:0;overflow:hidden;border:1px solid #2b4758;border-radius:18px;background:#102337;text-align:left;isolation:isolate}.scene-card img{width:100%;height:100%;object-fit:cover;filter:brightness(.62) blur(.6px);transition:filter .3s,transform .5s}.scene-card:hover img,.scene-card:focus-visible img{filter:brightness(.82);transform:scale(1.025)}.scene-card:hover,.scene-card:focus-visible{border-color:#53ddd1;box-shadow:0 0 24px #3cebd51c}.scene-card:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#081423b8);pointer-events:none}.scene-card-title{position:absolute;left:20px;right:40px;bottom:22px;z-index:1;font-size:clamp(1rem,1.6vw,1.35rem);font-weight:600;color:#f5fbff;text-shadow:0 2px 8px #000}.scene-card-arrow{position:absolute;bottom:24px;right:20px;z-index:1;color:#69e8db}.drawer.scenario-modal{width:min(1240px,calc(100vw - 40px));max-width:none;padding:28px;border-radius:22px;left:50%;right:auto;top:50%;bottom:auto;transform:translate(-50%,-50%);max-height:calc(100dvh - 36px);height:auto;overflow:auto;animation:scene-enter .25s ease}.scenario-modal-content>header{padding-right:40px;margin-bottom:18px}.scenario-modal-content h2{font-size:clamp(1.2rem,2vw,1.8rem);margin:.6rem 0}.interactive-scene{position:relative;border-radius:12px;overflow:hidden;width:100%;background:#081323;isolation:isolate;line-height:0}.scene-image{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}.scene-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke:#7ff5e8;stroke-width:1.7;filter:drop-shadow(0 0 3px #00dcdd80);opacity:.5}.scene-area,.scene-sector{fill:#3ce8df0a;stroke:#73e9e5;stroke-dasharray:4 5}.scene-beam,.scene-frustum{fill:#6de8df0b;stroke:#75ece866;stroke-width:1}.scene-flow{stroke-dasharray:12 22}.scene-scan{stroke:#edf7ac;stroke-width:2}.scene-view{stroke:#defdfc;stroke-width:1}.scene-hotspot{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;line-height:1;min-height:0;width:32px;height:32px;padding:0;border:1px solid #a3f9ef;border-radius:9px;background:#0a202dd9;color:#ddfffa;box-shadow:0 2px 16px #0008;z-index:2}.scene-hotspot[aria-pressed=true]{background:#c6f7e8;color:#092733;box-shadow:0 0 22px #3ff2df99}.scene-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0}.scene-object-tabs{display:flex;flex-wrap:wrap;gap:6px}.scene-object-tabs button,.scene-demo{font-size:.8rem;padding:8px 12px}.scene-object-tabs [aria-pressed=true]{border-color:#64ddd2;background:#22515b}.scene-demo{white-space:nowrap}.scene-context{background:#102432;border-left:2px solid #63d9d0;padding:12px 16px;border-radius:0 8px 8px 0;line-height:1.55}.scene-context p:empty{display:none}.scene-context p{margin:6px 0 0;color:#adc1d1;font-size:.86rem}.scene-explanations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:22px 0}.scene-explanations h3{font-size:.92rem;margin:0 0 8px;color:#d3f5ef}.scene-explanations p{margin:0;color:#a9bfce;font-size:.87rem;line-height:1.6}.scene-linked-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.scene-linked-cases button{text-align:left;display:grid;gap:8px;padding:16px}.scene-linked-cases span{font-size:.85rem;color:#a9bfce}.scene-morph{position:fixed;z-index:10000;pointer-events:none;transform-origin:top left;object-fit:fill;max-width:none}.scene-running .scene-flow{animation:scene-stream 4s linear infinite}.scene-running.scene-stadium .scene-sector{animation:scene-density 5s ease-in-out infinite alternate}.scene-running.scene-indoor .scene-floor{animation:scene-density 3s ease-in-out infinite alternate}.scene-running.scene-industry .scene-scan{animation:scene-scan 3s ease-in-out infinite alternate}.scene-running.scene-sensing .scene-beam{animation:scene-density 5s ease-in-out infinite alternate}.scene-running.scene-immersive .scene-frustum{animation:scene-density 6s ease-in-out infinite alternate}.scene-running.scene-capacity .scene-area{animation:scene-density 4s ease-in-out infinite alternate}.scene-running.scene-fwa .scene-beam{animation:scene-density 4s ease-in-out infinite alternate}.scene-running.scene-transport .scene-area{animation:scene-density 4s ease-in-out infinite alternate}.scene-preview{max-width:780px}.scene-coordinate-row{display:grid;grid-template-columns:1fr 110px 110px;gap:12px;align-items:center}.scene-coordinate-row input{width:100%}.scene-group-select{max-width:400px}@keyframes scene-stream{to{stroke-dashoffset:-136}}@keyframes scene-density{from{fill:#54ead509;stroke-opacity:.35}to{fill:#54ead52c;stroke-opacity:1}}@keyframes scene-scan{to{transform:translateY(24px)}}@keyframes scene-enter{from{opacity:0}to{opacity:1}}@media(max-width:900px){.scene-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-explanations{grid-template-columns:1fr;gap:16px}.scene-controls{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.scene-card-grid{grid-template-columns:1fr;gap:12px}.drawer.scenario-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:16px;border-radius:16px}.scene-hotspot{width:28px;height:28px}.scene-linked-cases{grid-template-columns:1fr}.scene-coordinate-row{grid-template-columns:1fr 70px 70px;gap:6px}.scene-card-title{font-size:1.2rem}}@media(prefers-reduced-motion:reduce){.scene-gallery *,.scenario-modal *{animation:none!important;transition:none!important}.scene-morph{display:none}}.no-motion .scene-running *{animation:none!important}
#uc-image-preview.uc-illustration{display:block;width:100%;height:auto;border-radius:12px;background:none}#uc-image-preview .scene-image{height:auto;object-fit:contain}#uc-image-preview .scene-overlay{width:100%;height:100%}.scene-preview .scene-hotspot{pointer-events:none}
.scene-selection{stroke:#efffb1;stroke-width:1.5;fill:#efffb108}.scene-selection[hidden]{display:none}.scene-preview .scene-selection{display:none}
.drawer.scenario-modal{width:min(1240px,100%)!important}.scenario-modal-content>header{display:block;height:auto;min-height:0;padding:0 40px 0 0;border:0;background:none}.scenario-modal .scene-overlay{display:block;max-width:none}.drawer.scenario-modal .close{z-index:5}