.math-workbench{--math-canvas:#101820;--math-grid:#263a4a;--math-axis:#9bb0c0;--math-curve:#f0a32b;color:var(--ink);gap:18px;display:grid}.math-workbench__intro{justify-content:space-between;align-items:flex-start;gap:20px;padding:4px 2px 18px;display:flex}.math-workbench__intro h2{letter-spacing:-.02em;margin:3px 0 4px;font-size:1.35rem}.math-workbench__intro p{color:var(--muted);margin:0;font-size:.9rem}.math-workbench__eyebrow{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:750}.math-workbench__constants{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.math-workbench__constants span{border:1px solid var(--line);color:var(--muted);background:var(--surface-2);border-radius:999px;padding:5px 9px;font:.74rem Cascadia Code,Consolas,monospace}.math-workbench__tabs{border-bottom:1px solid var(--line);scrollbar-width:thin;gap:6px;padding:4px 2px 10px;display:flex;overflow-x:auto}.math-workbench__tabs button,.math-workbench button{cursor:pointer;border:1px solid var(--line);color:var(--ink);background:var(--surface);border-radius:8px;padding:7px 11px;font-size:.82rem}.math-workbench__tabs button{white-space:nowrap}.math-workbench button:hover{border-color:var(--accent);background:var(--accent-soft)}.math-workbench button:focus-visible,.math-workbench input:focus-visible,.math-workbench select:focus-visible,.math-workbench textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 25%, transparent);outline-offset:1px}.math-workbench__tabs button.is-active{color:var(--accent-strong);border-color:var(--accent);background:var(--accent-soft);font-weight:700}.math-workbench button.math-workbench__primary{color:#fff;background:var(--accent-strong);border-color:var(--accent-strong);font-weight:700}.math-workbench button.math-workbench__primary:hover{filter:brightness(1.08)}.math-workbench__panel{min-width:0}.math-workbench__layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:14px;display:grid}.math-workbench__layout--calculator{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr)}.math-workbench__layout--graph{grid-template-columns:minmax(240px,.42fr) minmax(0,1.58fr)}.math-workbench__layout--matrix{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}.math-workbench__card{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 97%, var(--surface-2));border-radius:12px;min-width:0;padding:18px}.math-workbench__card h3{margin:0 0 4px;font-size:1rem}.math-workbench__card>p{color:var(--muted);margin:0 0 14px;font-size:.84rem}.math-workbench__section-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:13px;display:flex}.math-workbench__section-head p{color:var(--muted);margin:2px 0 0;font-size:.8rem}.math-workbench__field,.math-workbench__two-fields label,.math-workbench__coefficient-grid label,.math-workbench__range-grid label,.math-workbench__matrix-inputs label,.math-workbench__notation-fields label{color:var(--muted);gap:5px;font-size:.78rem;font-weight:650;display:grid}.math-workbench__field{margin-bottom:12px}.math-workbench input,.math-workbench select,.math-workbench textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:var(--surface);border-radius:8px;padding:8px 10px}.math-workbench input{min-height:40px}.math-workbench textarea{resize:vertical;min-height:138px;font:.88rem/1.55 Cascadia Code,Consolas,monospace}.math-workbench code{background:var(--surface-2);border-radius:5px;padding:1px 5px}.math-workbench__compact-field{color:var(--muted);gap:4px;font-size:.7rem;font-weight:650;display:grid}.math-workbench__compact-field select{min-width:108px;padding:6px 8px}.math-workbench__quick-keys,.math-workbench__action-row,.math-workbench__preset-row{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.math-workbench__quick-keys button{font:.76rem Cascadia Code,Consolas,monospace}.math-workbench__help{color:var(--muted);font-size:.76rem}.math-workbench__error{border:1px solid color-mix(in srgb, var(--danger) 50%, var(--line));color:var(--danger);background:color-mix(in srgb, var(--danger) 7%, var(--surface));border-radius:9px;margin-top:13px;padding:12px;font-size:.84rem}.math-workbench__result{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;gap:4px;min-width:0;padding:14px;display:grid}.math-workbench__result>span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:650}.math-workbench__result strong{overflow-wrap:anywhere;color:var(--accent-strong);font:700 clamp(1rem,2vw,1.35rem) Cascadia Code,Consolas,monospace}.math-workbench__result small{color:var(--muted);font-size:.74rem}.math-workbench__result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.math-workbench__result-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px}.math-workbench__result-grid--compact .math-workbench__result{padding:10px}.math-workbench__result-grid--compact strong{font-size:.94rem}.math-workbench__history{gap:7px;max-height:400px;display:grid;overflow-y:auto}.math-workbench__history button{text-align:left;grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.math-workbench__history button span{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-family:Cascadia Code,Consolas,monospace;overflow:hidden}.math-workbench__history button strong{color:var(--accent-strong);font-family:Cascadia Code,Consolas,monospace}.math-workbench__empty{color:var(--muted);margin:12px 0;font-size:.82rem}.math-workbench__range-grid,.math-workbench__coefficient-grid,.math-workbench__two-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.math-workbench__coefficient-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.math-workbench__equation-preview{text-align:center;background:var(--surface-2);border-radius:9px;margin-top:15px;padding:15px;font:700 1.08rem Cascadia Code,Consolas,monospace}.math-workbench__vector-fieldset{border:1px solid var(--line);border-radius:9px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 0;padding:12px;display:grid}.math-workbench__vector-fieldset legend{color:var(--muted);padding:0 5px;font-size:.75rem;font-weight:700}.math-workbench__vector-fieldset label{color:var(--muted);grid-template-columns:18px 1fr;align-items:center;gap:5px;font-size:.75rem;display:grid}.math-workbench__matrix-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.math-workbench__matrix-result{border:1px solid var(--line);min-height:230px;color:var(--accent-strong);background:var(--surface-2);white-space:pre;border-radius:9px;margin:0;padding:16px;font:700 .92rem/1.8 Cascadia Code,Consolas,monospace;overflow:auto}.math-workbench__graph-card{min-width:0}.math-workbench__graph-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-family:Cascadia Code,Consolas,monospace;display:flex}.math-workbench__graph-title span{color:var(--muted);font:.73rem system-ui,sans-serif}.math-workbench__graph-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.math-workbench__graph-toolbar button{min-width:34px;padding:5px 8px;font-size:.75rem}.math-workbench__graph-hint{color:var(--muted);margin:-3px 0 9px;font-size:.74rem}.math-workbench__canvas-wrap{border:1px solid var(--line);background:var(--math-canvas);border-radius:10px;width:100%;min-height:360px;overflow:hidden}.math-workbench__canvas-wrap canvas{cursor:grab;touch-action:none;user-select:none;width:100%;display:block}.math-workbench__canvas-wrap canvas.is-interacting{cursor:grabbing}.math-workbench__notation-fields{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:10px;display:grid}.math-workbench__notation-fields>span{color:var(--muted);padding-bottom:10px;font-weight:700}@media (prefers-color-scheme:dark){.math-workbench{--math-canvas:#0b1117;--math-grid:#26333e;--math-axis:#8ba2b4;--math-curve:#ffad32}}@media (width<=900px){.math-workbench__layout,.math-workbench__layout--calculator,.math-workbench__layout--graph,.math-workbench__layout--matrix{grid-template-columns:1fr}.math-workbench__graph-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.math-workbench__graph-controls>h3,.math-workbench__graph-controls>p,.math-workbench__graph-controls>.math-workbench__preset-row{grid-column:1/-1}}@media (width<=640px){.math-workbench__intro,.math-workbench__section-head{flex-direction:column}.math-workbench__constants{justify-content:flex-start}.math-workbench__card{padding:13px}.math-workbench__graph-controls,.math-workbench__matrix-inputs,.math-workbench__result-grid,.math-workbench__result-grid--compact,.math-workbench__coefficient-grid,.math-workbench__two-fields{grid-template-columns:1fr}.math-workbench__range-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.math-workbench__history button,.math-workbench__notation-fields{grid-template-columns:1fr}.math-workbench__notation-fields>span{padding:0}}
