.space-view{max-width:calc(var(--u) * 280);margin:0 auto calc(var(--u) * 12);padding:0 calc(var(--u) * 8)}@media (max-width:40rem){.space-view{padding:0 calc(var(--u) * 5)}}.space-view h2{font-family:var(--font-display);font-size:var(--text-h2);letter-spacing:var(--tracking-tight);margin:0 0 calc(var(--u) * 2);padding-top:calc(var(--u) * 4);border-top:1px solid var(--color-rule);font-weight:700}.space-view>p{max-width:68ch;margin:0 0 calc(var(--u) * 5);color:var(--color-ink-muted);line-height:1.6}.space-loading{font-family:var(--font-mono);font-size:var(--text-fine);color:var(--color-ink-muted)}.space-viz{margin:0 0 calc(var(--u) * 4)}.space-viz__controls{align-items:center;gap:calc(var(--u) * 3);margin-top:calc(var(--u) * 3);flex-wrap:wrap;display:flex}.space-viz__controls--end{justify-content:flex-end}.space-canvas,.space-square,.space-raster{background:var(--color-panel-sunk);border:1px solid var(--color-rule-panel);border-radius:var(--radius-mod);position:relative;overflow:hidden}.space-canvas{height:26rem}.space-canvas--tall{height:34rem}.space-square{aspect-ratio:1;max-width:34rem}.space-square__canvas,.space-raster__canvas{width:100%;height:100%;display:block}.space-raster{aspect-ratio:2}.space-canvas__hint,.space-caption{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-ink-muted);margin:calc(var(--u) * 2) 0 0}.space-canvas__hint{right:calc(var(--u) * 3);bottom:calc(var(--u) * 2);color:var(--color-glass-muted);pointer-events:none;margin:0;position:absolute}.space-fallback{padding:calc(var(--u) * 4);text-align:center;color:var(--color-glass-muted);font-size:var(--text-fine);place-items:center;display:grid;position:absolute;inset:0}.space-axes{align-items:center;gap:calc(var(--u) * 2);font-family:var(--font-mono);font-size:var(--text-micro);color:var(--color-ink-muted);display:flex}.space-axes__ramp{width:calc(var(--u) * 20);height:calc(var(--u) * 2);border-radius:var(--radius-hair);background:linear-gradient(90deg, color-mix(in oklab, var(--color-ocean) 20%, var(--color-panel)), var(--color-ocean));display:block}.space-btn,.space-seg__btn{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:var(--tracking-caps);text-transform:uppercase;padding:calc(var(--u) * 2) calc(var(--u) * 3);background:var(--color-paper-sunk);border:1px solid var(--color-ink);border-radius:var(--radius-hair);color:var(--color-ink);cursor:pointer;transition:box-shadow var(--t-snap) var(--ease-detent), transform var(--t-snap) var(--ease-detent)}.space-btn{box-shadow:3px 3px 0 var(--color-ink-faint)}.space-btn:hover{box-shadow:3px 3px 0 var(--color-ink)}.space-btn:active{box-shadow:0 0 0 var(--color-ink);transform:translate(3px,3px)}.space-btn[disabled]{opacity:.5;cursor:default;box-shadow:none}.space-seg{display:inline-flex}.space-seg__btn{border-radius:0;margin-left:-1px}.space-seg__btn:first-child{border-radius:var(--radius-hair) 0 0 var(--radius-hair);margin-left:0}.space-seg__btn:last-child{border-radius:0 var(--radius-hair) var(--radius-hair) 0}.space-seg__btn[aria-pressed=true]{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper)}.space-btn:focus-visible,.space-seg__btn:focus-visible{outline:2px solid var(--color-blue-ink);outline-offset:2px}@keyframes space-spin{to{transform:rotate(360deg)}}.space-spin{animation:.9s linear infinite space-spin}