
.geo3d-surface{position:relative;overflow:hidden;border:1px solid rgba(140,174,255,.22);border-radius:20px;background:linear-gradient(180deg,rgba(11,20,44,.95),rgba(5,12,28,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 24px 70px rgba(2,7,20,.35)}
.geo3d-surface #simulation{min-height:320px;display:flex;align-items:center;justify-content:center;padding:12px 12px 6px}
.geo3d-surface svg{width:100%;height:auto;display:block;max-width:100%}
.geo3d-touch-hint{padding:8px 14px 12px;text-align:center;font-size:.86rem;color:#a9bddf}
.geo3d-meta{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 10px}
.geo3d-chip{display:flex;flex-direction:column;gap:4px;min-width:110px;padding:10px 12px;border-radius:16px;background:rgba(15,29,57,.78);border:1px solid rgba(133,167,255,.16);color:#dce9ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.geo3d-chip strong{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:#9db8e6}
.geo3d-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px;font-size:.9rem;color:#bfd0ee}
.geo3d-legend span{display:inline-flex;align-items:center;gap:8px}
.geo3d-dot{width:12px;height:12px;border-radius:999px;display:inline-block;box-shadow:0 0 0 2px rgba(255,255,255,.12) inset}
.geo3d-choice-help{margin-bottom:10px}
.geo3d-banner-v2{margin-top:14px}
.geo3d-guide .geo3d-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:16px}
.geo3d-guide .geo3d-list p{margin:0;padding:12px 14px;border-radius:16px;background:rgba(14,27,54,.8);border:1px solid rgba(133,167,255,.14)}
.geo3d-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.geo3d-pane{min-width:0}
.range-field output{white-space:nowrap}
@media (max-width:900px){.geo3d-split{grid-template-columns:1fr}.geo3d-surface #simulation{min-height:280px}.geo3d-meta{gap:8px}.geo3d-chip{min-width:calc(50% - 6px)}}
@media (max-width:560px){.geo3d-chip{min-width:100%}.geo3d-touch-hint{font-size:.8rem;padding:6px 10px 10px}}
