.mgp-t3d{--panel:#111722;--line:rgba(255,255,255,.09);position:relative;display:grid;grid-template-columns:minmax(0,1fr) 310px;grid-template-rows:auto minmax(520px,72vh) auto;min-height:650px;background:radial-gradient(circle at 30% 20%,#172033 0,#0b0f17 42%,#070a10 100%);border:1px solid var(--line);border-radius:18px;overflow:hidden;color:#f7f9fc;box-shadow:0 20px 60px rgba(0,0,0,.28)}
.mgp-t3d__toolbar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;background:rgba(10,14,22,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.mgp-t3d__toolbar>div:first-child{display:flex;align-items:center;gap:12px}.mgp-t3d__status{opacity:.58;font-size:12px}.mgp-t3d__filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px}.mgp-t3d__filters label{display:flex;align-items:center;gap:5px;opacity:.82}.mgp-t3d__filters input[type=range]{width:90px}
.mgp-t3d__stage{position:relative;min-width:0;min-height:0;background:linear-gradient(180deg,rgba(255,255,255,.012),transparent)}.mgp-t3d__stage canvas{display:block;width:100%;height:100%;cursor:grab}.mgp-t3d__stage canvas:active{cursor:grabbing}
.mgp-t3d__inspector{padding:20px;background:rgba(13,18,28,.88);border-left:1px solid var(--line);overflow:auto}.mgp-t3d__inspector h3{margin:0 0 8px;font-size:20px}.mgp-t3d__inspector p{opacity:.76}.mgp-t3d__inspector dl{display:grid;grid-template-columns:96px 1fr;gap:8px 10px;margin-top:18px}.mgp-t3d__inspector dt{opacity:.5}.mgp-t3d__inspector dd{margin:0}.mgp-t3d__inspector-empty{opacity:.66}
.mgp-t3d__tooltip{position:absolute;z-index:20;pointer-events:none;padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(5,8,14,.94);color:#fff;font-size:12px;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.mgp-t3d__timeline{grid-column:1/-1;display:grid;grid-template-columns:38px minmax(0,1fr) 160px;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--line);background:rgba(10,14,22,.94)}.mgp-t3d__timeline button{height:32px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.06);color:#fff}.mgp-t3d__timeline input{width:100%}.mgp-t3d__timeline span{font-size:12px;opacity:.68;text-align:right}
@media(max-width:900px){.mgp-t3d{grid-template-columns:1fr;grid-template-rows:auto 480px auto auto}.mgp-t3d__inspector{border-left:0;border-top:1px solid var(--line)}.mgp-t3d__toolbar{align-items:flex-start;flex-direction:column}.mgp-t3d__timeline{grid-template-columns:36px 1fr 110px}}

.mgp-t3d__fatal{display:grid;place-items:center;height:100%;padding:24px;color:#ffb4b4;font:600 15px/1.4 system-ui;text-align:center;}