.learning-controls{display:flex;flex-wrap:wrap;gap:16px 24px;margin:20px 0}.learning-controls label{display:flex;flex-direction:column;gap:7px;font-size:12px;flex:1;min-width:160px}.learning-controls select{background:var(--trace-bg);border:1px solid var(--trace-line);border-radius:5px;padding:7px}.learning-controls input{width:100%;accent-color:var(--trace-ink)}.learning-matrices{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.learning-matrix{margin:14px 0;max-width:100%}.learning-matrix h4{margin:0 0 10px;font-size:13px}.learning-grid{display:grid;grid-template-columns:repeat(var(--columns),minmax(28px,44px));gap:3px}.learning-cell{width:100%;aspect-ratio:1;border:1px solid var(--trace-line);background:var(--trace-soft);font:15px ui-monospace,monospace!important;border-radius:3px}.learning-cell.in-window{outline:2px solid var(--blue,#1468c5);outline-offset:-2px}.learning-cell.learning-cell-focus,.learning-cell.selected-output{outline:3px solid var(--blue,#1468c5);outline-offset:1px}.learning-cell.trace-corresponding{background:var(--trace-soft)!important;box-shadow:none}.learning-operator{font-size:20px}.learning-shapes,.learning-fixed{padding:14px;border:1px dashed var(--trace-line);font-size:12px;line-height:1.9;margin:18px 0;overflow-wrap:anywhere}.learning-fixed{border-radius:5px}.learning-stage>p{font-size:13px;line-height:1.9}.learning-cell-readout{min-height:24px}.learning-table-scroll{overflow-x:auto}.learning-table-scroll table{min-width:360px}.learning-row-b{background:var(--trace-soft)}.vision-learning .trace-value-row .trace-quantity{flex-direction:column;align-items:flex-start}.vision-learning .trace-quantity strong{font-size:12px;overflow-wrap:anywhere}.learning-network,.learning-curve-figure{margin:20px 0;overflow-x:auto}.learning-network svg{width:100%;min-width:560px;display:block}.learning-network text,.learning-curve-figure text{fill:var(--trace-ink);font:13px -apple-system,sans-serif;stroke:none}.learning-network text{text-anchor:middle}.learning-lines path{stroke:var(--trace-ink);fill:none;stroke-width:1.5}.learning-node rect{fill:var(--trace-bg);stroke:var(--trace-ink);stroke-width:1.5}.learning-node{cursor:pointer}.learning-node.trace-corresponding rect{stroke:var(--blue,#1468c5);stroke-width:3}.learning-node.trace-corresponding{box-shadow:none;background:none!important}.learning-curve-figure svg{display:block;width:100%;max-width:740px;min-width:400px;stroke:var(--trace-ink);fill:none;stroke-width:1.5}.learning-grid-line{stroke:var(--trace-line);stroke-width:.7}.learning-tangent{stroke-dasharray:6 4}.learning-curve.trace-corresponding,.learning-tangent.trace-corresponding{stroke:var(--blue,#1468c5);stroke-width:2.5;box-shadow:none;background:none!important}.learning-dot{fill:var(--trace-ink)}.learning-open{fill:var(--trace-bg);stroke-width:2}.learning-update-line{stroke-width:1}.learning-curve-figure figcaption{white-space:normal;max-width:100%}
@media(max-width:650px){.learning-controls{gap:10px}.learning-controls label{flex-basis:100%}.learning-matrices{gap:10px}.learning-grid{grid-template-columns:repeat(var(--columns),minmax(26px,38px))}.learning-operator{display:none}.vision-learning .trace-value-row .trace-quantity{flex-basis:100%}}
.learning-cell[data-learning-bind="image"].trace-corresponding{background:var(--pixel-shade)!important}