.concept-experiment[data-experiment=kernel] .concept-experiment-bar h2{align-items:center;gap:12px;display:flex}.kernel-workbench{display:block}.kernel-workbench,.kernel-pixel-section,.kernel-intuition{font-family:var(--font-mono), monospace}.kernel-playground{border:1px solid var(--guide-line);border-top:0;border-radius:0;overflow:hidden}.kernel-toolbar{border-bottom:1px solid var(--guide-line);background:var(--guide-panel);justify-content:space-between;align-items:center;gap:16px;padding:12px 22px;display:flex}.kernel-presets{flex-wrap:wrap;gap:5px;display:flex}.kernel-presets button{border-radius:0;padding:9px 14px;font-size:14px}.kernel-presets button[aria-pressed=true],.kernel-presets button[aria-pressed=true]:hover{background:var(--guide-selected);color:var(--guide-selected-ink)}.kernel-image-picker{color:var(--guide-muted);align-items:center;gap:10px;font-size:13px;display:flex}.kernel-image-picker select,.kernel-divisor input{color:var(--guide-ink);border:1px solid var(--guide-line);background:var(--guide-field);border-radius:0;padding:8px}.kernel-image-flow.concept-experiment-visual{grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);gap:32px;padding:22px;display:grid}.kernel-image-panel{min-width:0}.kernel-image-panel>figcaption,.kernel-panel-label{justify-content:space-between;align-items:center;gap:10px;min-height:22px;margin-bottom:14px;font-size:14px;display:flex}.kernel-image-panel>figcaption strong,.kernel-panel-label strong{font-weight:550}.kernel-image-panel>figcaption>span,.kernel-panel-label>span{color:var(--guide-muted);font-size:11px}.kernel-image{aspect-ratio:1;background:var(--guide-deep);border:0;border-radius:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.kernel-image svg{width:100%;height:100%;display:block}.kernel-input{touch-action:none;cursor:crosshair!important}.kernel-crosshair{border:2px solid var(--guide-image-highlight);pointer-events:none;width:6.25%;height:6.25%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #111}.kernel-crosshair:before,.kernel-crosshair:after{content:"";background:var(--guide-image-highlight);width:7px;height:1px;position:absolute;top:50%}.kernel-crosshair:before{left:-7px}.kernel-crosshair:after{right:-7px}.kernel-output-marker{border-width:1px;width:2.08333%;min-width:4px;height:2.08333%;min-height:4px}.kernel-image-tag{background:var(--guide-paper);border:1px solid var(--guide-line);color:var(--guide-ink);letter-spacing:.07em;text-transform:uppercase;pointer-events:none;border-radius:0;padding:4px 7px;font-size:11px;position:absolute;top:12px;left:12px}.kernel-output-panel .kernel-image-tag{color:var(--guide-ink)}.kernel-caption{color:var(--guide-muted);justify-content:space-between;align-items:baseline;gap:8px;padding-top:10px;font-size:12px;line-height:1.5;display:flex}.kernel-caption output{font:11px var(--font-mono), monospace;white-space:nowrap}.kernel-editor-panel{min-width:0}.kernel-coefficients{border:1px solid var(--guide-line);background:var(--guide-panel);border-radius:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:7px;display:grid;position:relative}.kernel-coefficients:before,.kernel-coefficients:after{content:"→";color:var(--guide-muted);position:absolute;top:50%;transform:translateY(-50%)}.kernel-coefficients:before{left:-24px}.kernel-coefficients:after{right:-24px}.kernel-coefficients input{aspect-ratio:1;text-align:center;width:100%;min-width:0;color:var(--guide-ink);background:var(--guide-field);border:1px solid var(--guide-line);font:500 20px var(--font-mono), monospace;appearance:textfield;border-radius:0;padding:0}.kernel-coefficients input::-webkit-inner-spin-button{appearance:none;margin:0}.kernel-coefficients input::-webkit-outer-spin-button{appearance:none;margin:0}.kernel-coefficients input:nth-child(5){background:var(--guide-selected);color:var(--guide-selected-ink);border-color:var(--guide-selected)}.kernel-divisor{color:var(--guide-muted);justify-content:center;align-items:center;gap:10px;margin:12px 0 16px;font-size:13px;display:flex}.kernel-divisor input{text-align:center;width:58px;padding:5px}.kernel-description{text-align:center;font-size:14px}.kernel-description strong{font-weight:550}.kernel-description p{color:var(--guide-muted);margin-top:6px;font-size:13px;line-height:1.5}.kernel-reset{color:var(--guide-muted);border-radius:0;margin:6px auto 0;padding:7px 8px;font-size:12px;display:block}.kernel-playback{border-top:1px solid var(--guide-line);background:var(--guide-paper);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px;display:flex}.kernel-playback>div{align-items:center;gap:8px;display:flex}.kernel-playback button{border-radius:0;padding:9px 12px;font-size:13px}.kernel-playback .kernel-play{color:var(--guide-selected-ink);background:var(--guide-selected);align-items:center;gap:9px;display:flex}.kernel-playback .kernel-play:hover{background:var(--guide-selected);color:var(--guide-selected-ink)}.kernel-playback p{color:var(--guide-muted);font-size:12px}.kernel-playback>span{color:var(--guide-muted);font:11px var(--font-mono), monospace}.kernel-pixel-section,.kernel-intuition{padding-top:48px;scroll-margin-top:100px}.kernel-section-intro{justify-content:space-between;align-items:end;gap:32px;margin-bottom:22px;display:flex}.kernel-section-intro h2,.kernel-intuition h2{margin:10px 0 0;font-size:32px;font-weight:500;line-height:1.2}.kernel-section-intro>p{max-width:320px;color:var(--guide-muted);font-size:14px;line-height:1.6}.kernel-math-card{color:var(--guide-deep-ink);background:var(--guide-deep);border-radius:0;padding:22px 28px 0}.kernel-math-header{border-bottom:1px solid var(--guide-deep-line);font:12px var(--font-mono), monospace;color:var(--guide-deep-muted);justify-content:space-between;gap:16px;padding-bottom:18px;display:flex}.kernel-math-header>span:first-child{font-family:var(--font-mono), monospace;letter-spacing:.09em;text-transform:uppercase;font-size:11px}.kernel-equation{grid-template-columns:1fr 28px 1fr 28px 1fr;align-items:center;gap:22px;padding:26px 0;display:grid}.kernel-math-piece{width:100%;max-width:240px;margin:auto}.kernel-math-piece h3,.kernel-math-result h3{color:var(--guide-deep-muted);margin-bottom:16px;font-size:14px;font-weight:400}.kernel-sample-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.kernel-sample-grid>span{aspect-ratio:1.55;border:1px solid var(--guide-deep-line);font:14px var(--font-mono), monospace;border-radius:0;place-items:center;display:grid}.kernel-sample-grid>span:nth-child(5){outline:1px solid var(--guide-lime);outline-offset:1px}.kernel-weight-grid>span{background:var(--guide-field);color:var(--guide-ink)}.kernel-weight-grid>span:nth-child(5){background:var(--guide-selected);color:var(--guide-selected-ink)}.kernel-math-piece>p{text-align:center;color:var(--guide-deep-muted);margin-top:12px;font-size:12px}.kernel-operator{text-align:center;font:38px var(--font-mono), monospace;color:var(--guide-deep-muted)}.kernel-math-result{text-align:center}.kernel-math-result>output{letter-spacing:-4px;color:var(--guide-lime);font-variant-numeric:tabular-nums;font-size:76px;font-weight:450;line-height:1.1;display:block}.kernel-sum{font:13px/1.5 var(--font-mono), monospace;color:var(--guide-deep-muted);overflow-wrap:anywhere;margin-top:8px}.kernel-brightness-scale{max-width:230px;color:var(--guide-deep-muted);align-items:center;gap:10px;margin:20px auto 0;font-size:11px;display:flex}.kernel-brightness-scale>div{background:linear-gradient(90deg,#070a08,#fff);border-radius:0;flex:1;height:5px;position:relative}.kernel-brightness-scale i{background:var(--guide-lime);width:3px;height:13px;position:absolute;top:-4px;transform:translate(-50%)}.kernel-math-result>p{color:var(--guide-deep-muted);margin-top:12px;font-size:12px}.kernel-math-note{border-top:1px solid var(--guide-deep-line);color:var(--guide-deep-muted);padding:14px 0;font-size:13px}.kernel-idea-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:26px;display:grid}.kernel-idea{text-align:left;border-block:1px solid var(--guide-line);flex-direction:column;align-items:start;gap:18px;padding:24px 4px;display:flex}.kernel-idea:hover{background:0 0!important}.kernel-idea:hover b{text-underline-offset:4px;text-decoration:underline}.kernel-mini-matrix{flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:3px;width:78px;display:grid}.kernel-mini-matrix i{aspect-ratio:1;font:11px var(--font-mono), monospace;background:var(--guide-panel);color:var(--guide-muted);border-radius:0;place-items:center;display:grid}.kernel-mini-matrix i:nth-child(5){background:var(--guide-selected);color:var(--guide-selected-ink)}.kernel-idea-content{flex-direction:column;align-items:start;display:flex}.kernel-idea-content>strong{margin:10px 0;font-size:18px;font-weight:500}.kernel-idea-content>span:not(.concept-section-number){color:var(--guide-muted);font-size:14px;line-height:1.7}.kernel-idea-content b{margin-top:18px;font-size:13px;font-weight:500}.kernel-technical-note{color:var(--guide-muted);max-width:100ch;margin-top:24px;font-size:12px}@media (max-width:1050px){.kernel-image-flow.concept-experiment-visual{grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);gap:24px}.kernel-coefficients:before{left:-19px}.kernel-coefficients:after{right:-19px}.kernel-caption output,.kernel-playback>p{display:none}.kernel-section-intro{gap:22px}.kernel-section-intro h2,.kernel-intuition h2{font-size:28px}.kernel-equation{gap:14px}}@media (max-width:760px){.kernel-toolbar{flex-wrap:wrap;gap:10px;padding:10px 12px}.kernel-presets{justify-content:space-between;gap:2px;width:100%}.kernel-presets button{padding:8px 3px;font-size:12px}.kernel-image-picker{justify-content:space-between;width:100%}.kernel-image-picker select{padding:6px}.kernel-image-flow.concept-experiment-visual{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;padding:12px}.kernel-image-panel>figcaption{margin-bottom:10px;font-size:13px}.kernel-image-panel>figcaption>span{display:none}.kernel-caption{align-items:start;font-size:11px}.kernel-image-tag{padding:3px 5px;font-size:9px;top:6px;left:6px}.kernel-editor-panel{grid-area:2/1/auto/-1;grid-template-columns:minmax(120px,145px) minmax(0,1fr);gap:0 18px;display:grid}.kernel-panel-label{grid-column:1;margin-bottom:8px;font-size:13px}.kernel-coefficients{grid-area:2/1/5}.kernel-coefficients:before,.kernel-coefficients:after{display:none}.kernel-coefficients input{font-size:18px}.kernel-description{text-align:left;grid-area:2/2;align-self:center;font-size:13px}.kernel-description p{font-size:12px}.kernel-divisor{flex-wrap:wrap;grid-area:3/2;justify-content:start;gap:8px;margin:8px 0;font-size:12px}.kernel-reset{text-align:left;grid-area:4/2;margin:0;padding:4px 0;font-size:12px}.kernel-playback{padding:12px}.kernel-playback>span{text-align:right;width:100%}.kernel-playback button{padding:9px;font-size:12px}.kernel-pixel-section,.kernel-intuition{padding-top:34px}.kernel-section-intro{margin-bottom:18px;display:block}.kernel-section-intro h2,.kernel-intuition h2{font-size:28px}.kernel-section-intro>p{margin-top:12px}.kernel-math-card{padding:18px 16px 0}.kernel-equation{grid-template-columns:1fr 16px 1fr;gap:12px 8px;padding:22px 0}.kernel-math-piece h3{min-height:38px;font-size:13px}.kernel-sample-grid>span{aspect-ratio:1.1;font-size:13px}.kernel-math-piece>p{min-height:36px;font-size:11px}.kernel-operator{font-size:28px}.kernel-operator:nth-of-type(2){display:none}.kernel-math-result{border-top:1px solid var(--guide-deep-line);grid-column:1/-1;padding-top:20px}.kernel-math-result>output{font-size:64px}.kernel-idea-grid{grid-template-columns:1fr;gap:0;margin-top:20px}.kernel-idea{border-bottom:0;flex-direction:row;gap:18px;padding:22px 0}.kernel-idea:last-child{border-bottom:1px solid var(--guide-line)}.kernel-mini-matrix{width:64px}.kernel-idea-content>strong{font-size:17px}.kernel-idea-content>span:not(.concept-section-number){font-size:13px}}