.cn-constellation{width:100%;margin:0;position:relative}.cn-stage{aspect-ratio:16/9;border:1px solid var(--surface-border);background:color-mix(in srgb,var(--background)82%,transparent);border-radius:14px;outline:none;width:100%;position:relative;overflow:hidden}.cn-stage:focus-visible{outline:2px solid var(--eyebrow);outline-offset:3px}.cn-canvas{cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;height:100%;display:block}.cn-stage.is-grabbing,.cn-stage.is-grabbing .cn-canvas{cursor:grabbing}.cn-under{flex-wrap:wrap;align-items:baseline;gap:18px;margin-top:12px;padding-left:8px;padding-right:8px;display:flex}.cn-status{font-family:var(--font-label);letter-spacing:.06em;color:var(--prose);align-items:center;gap:10px;margin:0;font-size:.78rem;display:inline-flex}.cn-status-dot{background:var(--surface-border);width:8px;height:8px;transition:background-color var(--dur-base)var(--ease-settle),box-shadow var(--dur-base)var(--ease-settle);border-radius:50%}.cn-status-dot.is-partial{background:color-mix(in srgb,var(--eyebrow)55%,transparent)}.cn-status-dot.is-all{background:var(--eyebrow);box-shadow:0 0 10px var(--glow-ring)}.cn-hint{font-family:var(--font-heading);color:var(--muted);transition:opacity var(--dur-slow)var(--ease-settle);font-size:.9rem;font-style:italic}.cn-hint.is-done{opacity:0}@media (max-width:640px){.cn-stage{aspect-ratio:4/3}.cn-under{gap:10px}.cn-status{font-size:.7rem}}