.constellation-stage{pointer-events:auto;display:flex;flex-direction:column;justify-content:space-between;height:min(76vh,690px);min-height:510px;margin:0}
.field-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;font-family:var(--technical);font-size:9px;letter-spacing:.10em;color:#85868e;line-height:1.5}
.field-title{display:flex;align-items:center;gap:9px;color:#bfc0c9}
.field-title::before{content:"";width:4px;height:4px;background:#8c72d0;border-radius:50%}
.field-ready[data-motion="live"] .field-title::before{background:#55b99a}
.field-interaction{position:relative;display:block;flex:1;min-height:0;width:100%;border:0;background:transparent;cursor:grab;touch-action:pan-y;-webkit-tap-highlight-color:transparent;color:transparent}
.field-interaction.is-dragging{cursor:grabbing}
.field-interaction:focus-visible{outline:1px dashed #8052ff;outline-offset:-12px}
.field-console{position:relative;flex:none;display:flex;flex-direction:column;gap:12px;padding-top:6px}
.field-controls{display:flex;align-items:center;justify-content:space-between;gap:18px}
.field-modes{display:flex;align-items:center;gap:24px}
.field-mode,.field-pause{min-width:44px;min-height:44px;border:0;padding:10px 0;background:none;color:#85868e;font-size:13px;font-weight:400;cursor:pointer;position:relative;white-space:nowrap;transition:color .2s}
.field-mode small{font-family:var(--technical);font-size:9px;color:#555660;margin-right:6px}
.field-mode::after{content:"";position:absolute;bottom:3px;left:0;width:100%;height:1px;background:#8052ff;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.field-mode[aria-pressed="true"]{color:#f1eff7}
.field-mode[aria-pressed="true"]::after{transform:scaleX(1)}
.field-mode[aria-pressed="true"] small{color:#ad91ff}
.field-mode:hover,.field-pause:hover{color:#fff}
.field-mode:focus-visible,.field-pause:focus-visible{outline:2px solid #8052ff;outline-offset:4px}
.field-pause{min-width:44px;text-align:right;font-size:11px}
.field-pause:disabled{cursor:default;color:#696a73}
.field-caption{display:flex;justify-content:space-between;gap:12px;color:#686a75;font-size:10px;font-weight:400;line-height:1.6}
.field-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--technical);font-size:8px;letter-spacing:.08em;color:#757680}
.field-description{color:#92939e}
.field-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:980px){
  .constellation-stage{height:460px;min-height:0;width:min(100%,580px);margin:24px auto 0;inset:auto}
  .field-topline{font-size:8px}
}
@media(max-width:680px){
  .constellation-stage{height:360px;width:min(100%,380px);margin:24px auto 0}
  .field-topline{font-size:7px;letter-spacing:.06em}
  .field-console{gap:5px}
  .field-controls{gap:12px}
  .field-modes{gap:22px}
  .field-mode{font-size:12px}
  .field-caption{font-size:9px}
  .field-meta{font-size:7px}
  .hero{padding-bottom:24px}
}
@media(prefers-reduced-motion:reduce){.field-mode,.field-mode::after,.field-pause{transition:none}}