.public-3d-showcase .showcase-shell{grid-template-rows:68px 74px minmax(0,1fr)}
.showcase-scenarios{display:grid;grid-template-columns:270px repeat(4,minmax(150px,1fr)) 260px;gap:8px;align-items:center;padding:8px 14px;border-bottom:1px solid #27364f;background:#10192a;color:#eef4ff;z-index:15}.showcase-scenarios-copy{display:grid;gap:2px;padding:0 6px}.showcase-scenarios-copy small{font-size:7px;font-weight:950;letter-spacing:.14em;color:#778cff}.showcase-scenarios-copy strong{font-size:11px}.showcase-scenarios button{height:56px;border:1px solid #2c3a54;border-radius:11px;background:#131f33;color:#dfe8f8;display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;text-align:left;padding:7px 10px;cursor:pointer;transition:.18s}.showcase-scenarios button:hover,.showcase-scenarios button.active{border-color:#5f79ff;background:linear-gradient(135deg,#182a48,#203861);box-shadow:0 10px 22px rgba(21,40,79,.28)}.showcase-scenarios button>b{width:27px;height:27px;border-radius:8px;background:#0e1728;color:#8fa0ff;display:grid;place-items:center;font-size:8px}.showcase-scenarios button span{font-size:9px;font-weight:900}.showcase-scenarios button small{display:block;margin-top:2px;color:#8391a8;font-size:7px;font-weight:700}.showcase-tip{padding:0 6px;color:#8795aa;font-size:8px;line-height:1.45}.showcase-stage-badge{position:absolute;right:14px;bottom:14px;z-index:6;min-width:220px;padding:10px 12px;border:1px solid rgba(184,197,216,.76);border-radius:10px;background:rgba(255,255,255,.91);box-shadow:0 12px 26px rgba(35,51,76,.10);display:grid;gap:2px;pointer-events:none}.showcase-stage-badge b{color:#23314b;font-size:8px;letter-spacing:.1em}.showcase-stage-badge span{color:#78859a;font-size:7px}.public-3d-showcase .demo3d-info{background:linear-gradient(145deg,#182642,#101a2c);border-color:#334664}.public-3d-showcase .demo3d-info small{color:#8da0ff}.public-3d-showcase .demo3d-ready{color:#65738a}.public-3d-showcase .demo3d-ready:after{content:' · интерактивно';color:#6576e8}.public-3d-showcase .demo3d-stage{background:radial-gradient(circle at 50% 45%,#fbfdff 0,#edf3f9 62%,#e5ecf4 100%)}
@media(max-width:1380px){.showcase-scenarios{grid-template-columns:220px repeat(4,minmax(130px,1fr))}.showcase-tip{display:none}}
@media(max-width:1040px){.public-3d-showcase .showcase-shell{grid-template-rows:auto auto minmax(0,1fr)}.showcase-scenarios{grid-template-columns:repeat(4,1fr);padding:8px}.showcase-scenarios-copy{grid-column:1/-1}.showcase-scenarios button{min-width:0}.public-3d-showcase .demo3d-layout{grid-template-columns:220px minmax(0,1fr) 280px}}
@media(max-width:760px){.showcase-scenarios{grid-template-columns:repeat(2,1fr)}.showcase-scenarios-copy{grid-column:1/-1}.showcase-stage-badge{display:none}}