:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#020617;--panel:#0f172a;--panel-2:#111827;--text:#e5e7eb;--muted:#94a3b8;--accent:#38bdf8;--accent-2:#fb7185;--border:#94a3b838;--shadow:0 24px 80px #00000059;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, #38bdf829, transparent 30rem), radial-gradient(circle at top right, #fb71851f, transparent 28rem), var(--bg);color:var(--text);margin:0}button,input,select{font:inherit}button,select{border:1px solid var(--border);color:var(--text);background:#0f172af2;border-radius:.75rem}input[type=file]::file-selector-button{border:1px solid var(--border);color:var(--text);background:#0f172af2;border-radius:.75rem}button{cursor:pointer;padding:.65rem .85rem;transition:transform .12s,border-color .12s,background .12s}button:hover:not(:disabled){background:#1e293bf2;border-color:#38bdf8a6;transform:translateY(-1px)}button:disabled,input:disabled,select:disabled{opacity:.55;cursor:not-allowed}button.primary{color:#fff;background:linear-gradient(135deg,#0284c7,#0ea5e9);border-color:#7dd3fcb3;font-weight:700}select,input[type=file]{width:100%;padding:.62rem .7rem}input[type=range]{width:100%}.page{width:min(1380px,100% - 2rem);margin:0 auto;padding:3rem 0 4rem}.hero{padding:2rem 0 1rem}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.16em;margin:0 0 .6rem;font-size:.78rem;font-weight:800}h1{letter-spacing:-.06em;margin:0;font-size:clamp(2.4rem,7vw,5.5rem);line-height:.95}.subtitle{max-width:820px;color:var(--muted);margin:1.1rem 0 0;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.55}.math{color:#fff;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-weight:800}.privacy-note{color:#bae6fd;background:#082f496b;border:1px solid #38bdf840;border-radius:1rem;margin:1.2rem 0 1.5rem;padding:.9rem 1rem}.tool-card{grid-template-columns:340px 1fr;align-items:start;gap:1rem;display:grid}.controls,.explanation,footer{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172abd;border-radius:1.25rem}.controls{padding:1rem;position:sticky;top:1rem}.control-group{margin-bottom:1rem}.control-group label{color:#cbd5e1;margin-bottom:.45rem;font-size:.9rem;font-weight:700;display:block}.row{grid-template-columns:1fr auto;gap:.45rem;display:grid}.mini-warning{color:#fde68a;background:#78350f52;border:1px solid #fbbf2459;border-radius:.85rem;margin:.75rem 0 1rem;padding:.8rem .9rem;font-size:.9rem;line-height:1.45}.button-row{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem;display:grid}.status{color:var(--muted);margin-top:1rem;font-size:.92rem;line-height:1.45}.status p{margin:.6rem 0 0}.bar{background:#94a3b829;border-radius:999px;height:.6rem;overflow:hidden}.bar span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;transition:width .15s linear;display:block}.canvases{grid-template-columns:1fr 1fr;gap:1rem;display:grid}figure{border:1px solid var(--border);box-shadow:var(--shadow);background:#0206179e;border-radius:1.25rem;margin:0;padding:.85rem}figcaption{color:#cbd5e1;margin:0 0 .65rem;font-size:.9rem;font-weight:800}canvas{background:#111827;border-radius:.85rem;width:100%;height:auto;display:block}.canvases figure:first-child canvas{cursor:crosshair}.explanation{margin-top:1rem;padding:1.3rem;line-height:1.65}.explanation h2{margin-top:0;font-size:1.65rem}.explanation p{color:#cbd5e1}pre{border:1px solid var(--border);background:#020617cc;border-radius:1rem;padding:1rem;overflow-x:auto}code{color:#e0f2fe;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.math-notes{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem;display:grid}.math-notes article{border:1px solid var(--border);background:#111827b8;border-radius:1rem;padding:1rem}.math-notes h3{margin-top:0}footer{color:var(--muted);margin-top:1rem;padding:1.1rem 1.3rem;line-height:1.55}footer p{margin:.2rem 0}@media (width<=1100px){.tool-card{grid-template-columns:1fr}.controls{position:static}}@media (width<=800px){.canvases,.math-notes,.button-row{grid-template-columns:1fr}.page{width:min(100% - 1rem,1380px);padding-top:1.5rem}}.source-preview{border:1px solid var(--border);background:#02061773;border-radius:.85rem;margin:.75rem 0 1rem;padding:.8rem}.source-preview p{color:#cbd5e1;margin:0 0 .5rem;font-size:.85rem;font-weight:800}.source-preview canvas{background:#111827;border-radius:.65rem;width:100%;height:auto;display:block}.single-button-row{margin-top:.5rem}.single-button-row button{width:100%}