:root{--color-primary:#4a6fd8;--color-primary-hover:#6c8ce6;--bg-primary:#d4d4ff;--bg-dark:#1a1a2e;--text-primary:#1a1a2e;--text-secondary:#36364d;--text-muted:#5b5b77;--text-light:#6e6e8c;--border-primary:#b8b8e0;--space-sm:5px;--space-lg:10px;--space-xl:15px;--space-2xl:20px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-weight-medium:500;--max-width-content:1600px;--min-width-content:320px;--transition-fast:.3s}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--bg-primary);min-height:100vh;min-width:var(--min-width-content);padding:var(--space-xl);color:var(--text-secondary);line-height:1.6}a{color:var(--color-primary);font-weight:var(--font-weight-medium);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover);text-decoration:underline}.content-wrapper{max-width:var(--max-width-content);min-width:var(--min-width-content);margin:0 auto}header{text-align:center;margin-bottom:var(--space-2xl)}h1{color:var(--text-primary);margin-bottom:var(--space-lg);font-size:2.5em}header p{color:var(--text-muted)}main{margin-bottom:var(--space-2xl)}.visualizer-container{gap:var(--space-2xl);flex-direction:column;display:flex}.matrix-controls{text-align:center}.matrix-controls h2{color:var(--text-primary);margin-bottom:var(--space-xl);font-size:1.5em}.matrix-grid{gap:var(--space-lg);padding:var(--space-xl);border:1px solid var(--border-primary);border-radius:8px;grid-template-columns:repeat(3,1fr);display:inline-grid}.matrix-input{width:80px;padding:var(--space-lg);text-align:center;background:var(--bg-dark);color:#fff;transition:border-color var(--transition-fast);border:1px solid #fff3;border-radius:4px;font-family:Courier New,monospace;font-size:1.1em}.matrix-input:focus{border-color:var(--color-primary);outline:none}.matrix-input:disabled{color:#888;cursor:not-allowed;opacity:.6}.grids-container{gap:var(--space-2xl);justify-content:center;align-items:flex-start;display:flex}.grid-wrapper{flex:1;min-width:0;max-width:500px}.grid-wrapper h3{color:var(--text-primary);text-align:center;margin-bottom:var(--space-lg);font-size:1.2em}.grid-wrapper svg{border:1px solid var(--border-primary);border-radius:4px;width:100%;height:auto}.site-footer{border-top:1px solid var(--border-primary);padding:var(--space-xl)0;margin-top:var(--space-2xl)}.footer-content{max-width:1200px;padding:0 var(--space-2xl);align-items:center;gap:var(--space-2xl);grid-template-columns:1fr auto 1fr;margin:0 auto;display:grid}.footer-left,.footer-right{color:var(--text-muted);font-size:.875rem}.footer-right{text-align:right}.footer-center{justify-content:center;display:flex}.github-link{align-items:center;gap:var(--space-sm);color:var(--color-primary);font-size:.875rem;text-decoration:none;display:inline-flex}.github-link:hover{color:var(--color-primary-hover)}.github-link svg{flex-shrink:0}.build-info{margin:0;font-family:Courier New,monospace;font-size:.8125rem}.build-info span{color:var(--text-light)}@media (width<=768px){body{padding:var(--space-lg)}.grids-container{flex-direction:column}.grid-wrapper{max-width:100%}.matrix-grid{gap:var(--space-sm);padding:var(--space-lg)}.matrix-input{width:60px;padding:var(--space-sm);font-size:1em}.footer-content{text-align:center;gap:var(--space-xl);grid-template-columns:1fr}.footer-right{text-align:center}.github-link{font-size:.8125rem}}
/*# sourceMappingURL=affvisine.0ed33e23.css.map */