.fundamental-spaces{color:#e2e8f0;color-scheme:dark;background:#0f172a;border:1px solid #475569;border-radius:12px;margin:1.5rem 0;padding:1.1rem;font:.875rem/1.55 ui-sans-serif,system-ui,sans-serif}.fundamental-spaces *{box-sizing:border-box}.fundamental-spaces h3{color:#f8fafc;margin:0;font-size:1.1rem}.fundamental-spaces .fs-reset{justify-content:center;margin-bottom:1rem}.fundamental-spaces p{margin:.65rem 0}.fs-matrix-choice{border:1px solid #475569;border-radius:7px;flex-wrap:wrap;gap:.5rem 1.2rem;margin:1rem 0;padding:.65rem .8rem;display:flex}.fs-matrix-choice legend{color:#cbd5e1;padding:0 .3rem}.fs-matrix-choice label{cursor:pointer;align-items:center;gap:.4rem;display:flex}.fs-matrix-choice input{accent-color:#6ee7b7}.fs-dimensions{color:#cbd5e1;font-size:.78rem}.fs-matrix-intro{background:#17253d;border-radius:7px;flex-wrap:wrap;align-items:center;gap:1.3rem;margin:1rem 0;padding:.8rem;display:flex}.fs-matrix-wrap{align-items:center;gap:.7rem;font-family:ui-monospace,monospace;display:flex}.fs-matrix{text-align:center;border-left:2px solid #94a3b8;border-right:2px solid #94a3b8;border-radius:4px;grid-template-columns:repeat(3,1.8rem);padding:.2rem .35rem;display:grid}.fs-matrix-intro>div:last-child{flex-direction:column;gap:.25rem;min-width:0;display:flex}.fs-matrix-intro code{color:#cbd5e1;white-space:normal;background:0 0;padding:0;font-size:.78rem}.fs-matrix-intro>div:last-child>span{color:#cbd5e1;font-size:.78rem}.fs-plots{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.fundamental-spaces h4{color:#f8fafc;text-align:center;margin:.2rem 0 .5rem;font-size:.9rem}.fs-plot-panel{min-width:0}.fundamental-spaces.fs-input-only{background:0 0;border:0;border-radius:0;max-width:520px;margin:1.5rem auto;padding:0}.fundamental-spaces.fs-projection-explorer{max-width:800px}.fs-projection-plots{margin-top:1rem}.fs-plot-panel svg{touch-action:none;cursor:grab;user-select:none;background:#17253d;border:1px solid #334155;border-radius:7px;width:100%;height:auto;display:block}.fs-basis-view{background:#17253d;border:1px solid #334155;border-radius:7px;overflow:hidden}.fundamental-spaces .fs-basis-equation{border:1px solid #475569;border-radius:7px;flex-wrap:wrap;justify-content:center;gap:.2rem .35rem;margin:.65rem 1rem 0;padding:.65rem .5rem;font:.95rem/1.6 ui-monospace,monospace;display:flex}.fs-basis-equation>span{white-space:nowrap}.fs-basis-view svg{border:0;border-radius:0}.fundamental-spaces .fs-basis-view svg:focus{outline:none}.fundamental-spaces .fs-basis-view svg[data-keyboard-focus=true]:focus{outline-offset:-3px;outline:2px solid #7dd3fc}.fs-basis-view .fs-basis-choice{border:0;justify-content:center;margin:.65rem 1rem 0}.fs-basis-view .fs-inputs{margin:.5rem 0 1rem;padding:0 1rem}.fs-calculation-matrix{flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem;margin:.65rem 1rem;font-family:ui-monospace,monospace;display:flex}.fs-calculation-matrix .fs-coefficient-vector{grid-template-columns:1.8rem}.fs-basis-view .fs-dot-actions{margin:0 1rem 1rem}.fs-basis-view .fs-calculation-help{margin:.65rem 1rem 0}.fs-plot-panel svg:active{cursor:grabbing}.fs-plot-panel svg text{font:13px ui-monospace,monospace}.fs-plot-panel svg text:not([fill]){fill:#cbd5e1}.fs-vector-label{paint-order:stroke;stroke:#17253d;stroke-width:3px;stroke-linejoin:round}.fs-plane-caption{text-align:center;font-size:.75rem}.fundamental-spaces .fs-help{color:#cbd5e1;font-size:.78rem}.fs-inputs{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1rem 0;display:grid}.fs-two-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.fs-inputs label{min-width:0;display:block}.fs-inputs label>span{justify-content:space-between;gap:.4rem;display:flex}.fs-inputs output{color:#7dd3fc;font-family:ui-monospace,monospace}.fs-inputs input{accent-color:#7dd3fc;cursor:pointer;width:100%}.fs-actions{flex-wrap:wrap;gap:.45rem;display:flex}.fs-actions button{color:#e2e8f0;min-height:40px;font:inherit;cursor:pointer;background:#17253d;border:1px solid #64748b;border-radius:5px;padding:.4rem .65rem;font-size:.8rem}.fs-actions button:hover:not(:disabled){background:#1e3a5f;border-color:#7dd3fc}.fs-actions button:disabled{opacity:.4;cursor:default}.fundamental-spaces :is(button,input,svg):focus-visible{outline-offset:3px;outline:2px solid #7dd3fc}.fundamental-spaces[data-widget=fundamental-spaces] .fs-plot-panel svg:focus{outline:none}.fs-toggles{flex-wrap:wrap;gap:.6rem 1rem;margin-top:1rem;font-size:.78rem;display:flex}.fs-toggles label{align-items:center;gap:.4rem;display:flex}.fs-status{background:#17253d;border-left:2px solid #7dd3fc;padding:.7rem;font-size:.8rem}.fs-readouts{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:1rem;display:grid}.fs-readouts>div{text-align:center;background:#17253d;border-left:2px solid;flex-direction:column;gap:.35rem;min-width:0;padding:.65rem;font-size:.75rem;display:flex}.fs-readouts strong{color:#f1f5f9;overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:.82rem}.fs-mapping{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.25rem;display:flex}.fs-mapping strong{white-space:nowrap}@media (width<=600px){.fs-plots,.fs-readouts{grid-template-columns:1fr}.fs-inputs{grid-template-columns:1fr;gap:.4rem}.fundamental-spaces{padding:.8rem}.fs-plane-caption{min-height:0}}