.remi-linalg:where(.astro-ccqrsygt){width:100%;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--sl-color-accent) 22%,transparent);border-radius:12px;padding:1rem;background:color-mix(in srgb,var(--sl-color-bg-nav) 82%,transparent);margin:1rem 0 1.4rem}.remi-linalg:where(.astro-ccqrsygt) header:where(.astro-ccqrsygt){display:flex;flex-wrap:wrap;gap:.4rem .8rem;align-items:baseline;margin-bottom:.75rem}.remi-linalg:where(.astro-ccqrsygt) header:where(.astro-ccqrsygt) small:where(.astro-ccqrsygt){color:var(--sl-color-gray-3);font-size:.78rem}.viz-grid-layout:where(.astro-ccqrsygt){display:grid;grid-template-columns:minmax(20rem,1.05fr) minmax(16rem,.95fr);gap:1rem;align-items:start}@media(max-width:48rem){.viz-grid-layout:where(.astro-ccqrsygt){grid-template-columns:1fr}}.viz-panel:where(.astro-ccqrsygt){border-radius:10px;background:color-mix(in srgb,var(--sl-color-black) 76%,var(--sl-color-bg));padding:.55rem;min-height:20rem;display:grid;place-items:center}.viz-panel:where(.astro-ccqrsygt) svg:where(.astro-ccqrsygt){display:block;width:100%;height:auto;min-height:19rem;max-height:25rem}.control-panel:where(.astro-ccqrsygt),.shape-controls:where(.astro-ccqrsygt){display:grid;gap:.55rem;font-size:.85rem}.control-panel:where(.astro-ccqrsygt) label:where(.astro-ccqrsygt),.shape-controls:where(.astro-ccqrsygt) label:where(.astro-ccqrsygt){display:grid;gap:.2rem;color:var(--sl-color-gray-2)}.control-panel:where(.astro-ccqrsygt) input:where(.astro-ccqrsygt)[type=range]{width:100%}.inline-toggle:where(.astro-ccqrsygt){display:flex!important;grid-template-columns:auto 1fr;align-items:center}.formula:where(.astro-ccqrsygt){margin:.5rem 0 0;padding:.5rem .65rem;border-radius:8px;background:color-mix(in srgb,var(--sl-color-accent) 14%,transparent);font-family:var(--__sl-font-mono);font-size:.84rem;color:var(--sl-color-text)}.explain:where(.astro-ccqrsygt){margin:.45rem 0 0;color:var(--sl-color-gray-2);font-size:.88rem}.matrix-demo:where(.astro-ccqrsygt),.shape-checker:where(.astro-ccqrsygt){display:grid;gap:.75rem}.matrix-row:where(.astro-ccqrsygt),.shape-stage:where(.astro-ccqrsygt){display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;justify-content:center;min-height:10.5rem;padding:.85rem;border-radius:10px;background:color-mix(in srgb,var(--sl-color-black) 58%,var(--sl-color-bg));overflow-x:auto}.step-controls:where(.astro-ccqrsygt){display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.step-controls:where(.astro-ccqrsygt) button:where(.astro-ccqrsygt){border:1px solid color-mix(in srgb,var(--sl-color-accent) 34%,transparent);background:color-mix(in srgb,var(--sl-color-accent) 18%,transparent);color:var(--sl-color-text);padding:.35rem .7rem;border-radius:8px;cursor:pointer}.step-controls:where(.astro-ccqrsygt) span:where(.astro-ccqrsygt){color:var(--sl-color-gray-3);font-size:.82rem}.shape-controls:where(.astro-ccqrsygt){grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));margin-bottom:.65rem}.shape-controls:where(.astro-ccqrsygt) input:where(.astro-ccqrsygt),.shape-controls:where(.astro-ccqrsygt) select:where(.astro-ccqrsygt){border:1px solid color-mix(in srgb,var(--sl-color-accent) 30%,transparent);border-radius:7px;padding:.35rem .45rem;background:color-mix(in srgb,var(--sl-color-black) 68%,var(--sl-color-bg));color:var(--sl-color-text)}.transform-actions:where(.astro-ccqrsygt){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.45rem;align-items:center}.transform-actions:where(.astro-ccqrsygt) button:where(.astro-ccqrsygt){border:1px solid color-mix(in srgb,var(--sl-color-accent) 34%,transparent);background:color-mix(in srgb,var(--sl-color-accent) 18%,transparent);color:var(--sl-color-text);padding:.35rem .65rem;border-radius:8px;cursor:pointer}.transform-actions:where(.astro-ccqrsygt) span:where(.astro-ccqrsygt){grid-column:1 / -1;color:var(--sl-color-gray-2);font-size:.82rem;line-height:1.45}@media(max-width:36rem){.transform-actions:where(.astro-ccqrsygt){grid-template-columns:1fr}.transform-actions:where(.astro-ccqrsygt) span:where(.astro-ccqrsygt){grid-column:auto}}.remi-linalg .grid-line{stroke:color-mix(in srgb,var(--sl-color-gray-4) 30%,transparent);stroke-width:.025}.remi-linalg .trans-grid-line{stroke:color-mix(in srgb,var(--sl-color-accent) 46%,transparent);stroke-width:.035}.remi-linalg .axis-line{stroke:color-mix(in srgb,var(--sl-color-white) 70%,var(--sl-color-accent));stroke-width:.045}.remi-linalg .guide-line{stroke:color-mix(in srgb,#f2c94c 55%,transparent);stroke-width:.04;stroke-dasharray:.12 .12}.remi-linalg .axis-label{fill:var(--sl-color-gray-2);font-size:.45px}.remi-linalg .unit-square.source-square{fill:transparent;stroke:color-mix(in srgb,var(--sl-color-white) 54%,transparent);stroke-width:.04;stroke-dasharray:.14 .12}.remi-linalg .unit-square.transformed-square{fill:color-mix(in srgb,#f4d03f 18%,transparent);stroke:color-mix(in srgb,#f4d03f 72%,transparent);stroke-width:.055}.remi-linalg .basis-dot{fill:#5dade2}.remi-linalg .basis-dot.alt{fill:#58d68d}.remi-linalg .vec-u line{stroke:#5dade2;stroke-width:.12}.remi-linalg .vec-v line{stroke:#58d68d;stroke-width:.12}.remi-linalg .vec-sum line{stroke:#f4d03f;stroke-width:.14}.remi-linalg .vec-u text,.remi-linalg .vec-v text,.remi-linalg .vec-sum text{font-size:.42px;font-weight:700}.remi-linalg .vec-u text,.remi-linalg .vec-u-label{fill:#5dade2}.remi-linalg .vec-v text,.remi-linalg .vec-v-label{fill:#58d68d}.remi-linalg .vec-sum text,.remi-linalg .vec-sum-label{fill:#f4d03f}.remi-linalg .vector-label-chip{font-size:.54px;font-weight:800;paint-order:stroke;stroke:color-mix(in srgb,var(--sl-color-black) 78%,var(--sl-color-bg));stroke-width:.18;stroke-linejoin:round}.remi-linalg .matrix-wrap{display:grid;gap:.25rem;justify-items:center}.remi-linalg .matrix-label{color:var(--sl-color-gray-3);font-size:.78rem;font-weight:700}.remi-linalg .matrix-box{display:grid;grid-template-columns:repeat(var(--cols),minmax(2.25rem,auto));gap:.18rem;padding:.55rem;border-left:2px solid var(--sl-color-gray-3);border-right:2px solid var(--sl-color-gray-3);border-radius:8px;background:color-mix(in srgb,var(--sl-color-black) 68%,var(--sl-color-bg))}.remi-linalg .matrix-cell{min-width:2.25rem;min-height:2rem;display:grid;place-items:center;border-radius:6px;background:color-mix(in srgb,var(--sl-color-gray-5) 18%,transparent);font-family:var(--__sl-font-mono);font-weight:700}.remi-linalg .matrix-cell.active{background:color-mix(in srgb,#5dade2 48%,transparent);color:#fff}.remi-linalg .matrix-cell.active-alt{background:color-mix(in srgb,#58d68d 44%,transparent);color:#fff}.remi-linalg .matrix-cell.filled{background:color-mix(in srgb,#f4d03f 54%,transparent);color:#1b1b1b}.remi-linalg .matrix-op{font-size:1.45rem;font-weight:800;color:var(--sl-color-text-accent)}.remi-linalg .shape-result{padding:.8rem;border-radius:10px;font-weight:800;font-family:var(--__sl-font-mono)}.remi-linalg .shape-result.ok{background:color-mix(in srgb,#2ecc71 22%,transparent);color:color-mix(in srgb,#2ecc71 72%,var(--sl-color-text))}.remi-linalg .shape-result.bad{background:color-mix(in srgb,#e74c3c 20%,transparent);color:color-mix(in srgb,#e74c3c 72%,var(--sl-color-text))}.remi-linalg .shape-preview-wrap{display:grid;gap:.25rem;justify-items:center}.remi-linalg .shape-preview-grid{display:grid;grid-template-columns:repeat(var(--cols),1.08rem);gap:.14rem;padding:.45rem;border-left:2px solid var(--sl-color-gray-3);border-right:2px solid var(--sl-color-gray-3);border-radius:8px;background:color-mix(in srgb,var(--sl-color-black) 70%,var(--sl-color-bg))}.remi-linalg .shape-preview-cell{width:1.08rem;height:1.08rem;border-radius:4px;background:color-mix(in srgb,var(--sl-color-gray-4) 24%,transparent)}.remi-linalg .shape-preview-cell.inner-dim{background:color-mix(in srgb,#5dade2 42%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,#5dade2 65%,transparent)}.remi-linalg .shape-preview-cell.inner-dim-alt{background:color-mix(in srgb,#58d68d 40%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,#58d68d 62%,transparent)}.remi-linalg .shape-preview-cell.result-dim{background:color-mix(in srgb,#f4d03f 48%,transparent)}.remi-linalg .shape-blocked{min-width:6.5rem;min-height:4.5rem;display:grid;place-items:center;padding:.8rem;border-radius:10px;border:1px dashed color-mix(in srgb,#e74c3c 60%,transparent);background:color-mix(in srgb,#e74c3c 13%,transparent);color:color-mix(in srgb,#e74c3c 76%,var(--sl-color-text));font-weight:800}