.concept-layout{background:0 0}.concept-page{--guide-paper:var(--card);--guide-ink:var(--foreground);--guide-muted:color-mix(in oklch, var(--foreground) 75%, var(--card));--guide-line:var(--border);--guide-accent:color-mix(in oklch, var(--primary) 60%, var(--foreground));--guide-panel:var(--muted);--guide-study:var(--card);--guide-field:var(--input);--guide-deep:var(--muted);--guide-deep-ink:var(--foreground);--guide-deep-muted:var(--guide-muted);--guide-deep-line:var(--border);--guide-lime:var(--guide-accent);--guide-selected:var(--win98-title-start);--guide-selected-ink:var(--win98-light);--guide-image-highlight:var(--win98-light);--guide-checker-light:var(--input);--guide-checker-dark:var(--secondary);font-family:var(--font-mono), monospace;z-index:1;max-width:1300px;color:var(--guide-ink);margin:0 auto;padding:24px 32px 48px;position:relative}.concept-page *,.concept-page :before,.concept-page :after{box-sizing:border-box}.concept-page :is(code,kbd,samp,pre){font-family:var(--font-mono), monospace}.concept-page fieldset{min-width:0}.concept-page :is(a,button,input,select):focus-visible{outline:3px solid var(--guide-accent);outline-offset:4px}.concept-page .editor-icon{flex-shrink:0}.concept-page .editor-icon-ink{opacity:.22}.concept-page h1{text-wrap:balance;font-size:clamp(1.75rem,3.6vw,2.75rem);font-weight:700;line-height:1.15}.concept-page h2{text-wrap:balance;margin-bottom:12px;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:700;line-height:1.3}.concept-page h3{font-weight:600;line-height:1.4}.concept-page p{line-height:1.7}.concept-page>nav[aria-label=Breadcrumb]{margin-bottom:14px}.concept-library-header h1{font-size:32px}.concept-library-header{justify-content:space-between;align-items:start;gap:18px;margin-bottom:22px;display:flex}.concept-library-header p{max-width:72ch;color:var(--guide-muted);margin-top:8px;font-size:15px}.concept-library-header>a{color:var(--guide-accent);flex-shrink:0;padding-top:8px;font-size:13px}.concept-library-controls{gap:12px;margin-bottom:16px;display:grid}.concept-library-controls>label{max-width:620px;font:13px var(--font-mono), monospace;gap:8px;display:grid}.concept-library-controls input{border:1px solid var(--guide-line);background:var(--guide-panel);border-radius:0;width:100%;padding:11px 12px;font-family:inherit;font-size:14px;line-height:1.3}.concept-category-tabs{flex-wrap:wrap;gap:8px;display:flex}.concept-category-tabs button{border:1px solid var(--guide-line);font:13px var(--font-mono), monospace;cursor:pointer;border-radius:0;padding:10px 14px}.concept-category-tabs button[aria-pressed=true]{background:var(--guide-ink);border-color:var(--guide-ink);color:var(--guide-paper)}.concept-library-controls>p{font:11px var(--font-mono), monospace;color:var(--guide-muted)}.concept-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.concept-library-card{border-radius:0;flex-direction:column;gap:8px;min-width:0;padding:18px;transition:background .15s,border-color .15s;display:flex}.concept-library-card:hover{background:var(--card)}.concept-library-card>div{color:var(--guide-accent);align-items:center;gap:10px;display:flex}.concept-library-card small{font:10px var(--font-mono), monospace}.concept-library-card>div>span{margin-left:auto}.concept-library-card h2{margin:0;font-size:18px}.concept-library-card p{color:var(--guide-muted);font-size:13px}.concept-empty{border:1px dashed var(--guide-line);padding:48px}.concept-empty button{cursor:pointer;margin-top:16px;text-decoration:underline}.concept-guide-context{flex-wrap:wrap;align-items:center;gap:8px 20px;margin-bottom:14px;font-size:12px;display:flex}.concept-guide-context>a{color:var(--guide-accent)}.concept-guide-context>span{color:var(--guide-muted)}.concept-guide-header{margin-bottom:18px}.concept-guide-header h1{max-width:1100px}.concept-guide-intro{justify-content:space-between;align-items:end;gap:24px;margin-top:14px;display:flex}.concept-guide-intro>p{max-width:78ch;color:var(--guide-muted);font-size:16px;line-height:1.6}.concept-guide-intro>a{border-bottom:1px solid var(--guide-line);flex-shrink:0;padding-bottom:6px;font-size:13px}.concept-section-number{color:var(--guide-muted);letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:500}.concept-guide-nav{border-block:1px solid var(--guide-line);flex-wrap:wrap;gap:8px 22px;margin-bottom:24px;padding:12px 0;font-size:12px;display:flex}.concept-guide-nav a{color:var(--guide-accent)}.concept-guide-nav a:hover,.concept-guide-context a:hover,.concept-demo-actions>a:hover{text-decoration:underline}.concept-guide-article{min-width:0}.concept-guide-article>section{margin-bottom:32px;scroll-margin-top:100px}.concept-prose>p{max-width:76ch;margin-bottom:16px;font-size:16px}.concept-demo-actions{justify-content:space-between;align-items:baseline;gap:14px;margin-top:12px;font-size:13px;display:flex}.concept-demo-actions>a{color:var(--guide-accent);flex-shrink:0}.concept-instructions{max-width:78ch}.concept-instructions summary{cursor:pointer;color:var(--guide-accent)}.concept-instructions ol{margin-top:12px;padding-left:20px;font-size:14px;list-style:decimal}.concept-instructions li{margin-bottom:8px;line-height:1.6}.concept-observe{max-width:100ch;color:var(--guide-muted);margin-top:12px;font-size:14px}.concept-observe strong{color:var(--guide-ink)}.concept-caveat p{margin-top:8px;font-size:14px}.concept-tool-links{flex-wrap:wrap;gap:10px;margin:24px 0;display:flex}.concept-tool-links a{border:1px solid var(--guide-line);font:11px/1.5 var(--font-mono), monospace;border-radius:0;padding:9px 12px}.concept-tool-links a:hover{background:var(--guide-panel)}.concept-caveat{border-top:1px solid var(--guide-line);color:var(--guide-muted);padding-top:22px}.concept-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.concept-related-grid>a{padding:20px}.concept-related-grid>a:hover{background:var(--guide-panel)}.concept-related-grid h3{font-size:16px}.concept-related-grid h3>span{float:right}.concept-related-grid p{color:var(--guide-muted);margin-top:10px;font-size:13px}.concept-references{border-top:1px solid var(--guide-line);padding-top:24px;font-size:13px}.concept-references li,.concept-link-list li{margin:10px 0;line-height:1.6}.concept-references a,.concept-link-list a{text-underline-offset:4px;overflow-wrap:anywhere;text-decoration:underline}.concept-references>p{font:11px/1.6 var(--font-mono), monospace;color:var(--guide-muted);margin-top:24px}.concept-guide-footer{border-top:1px solid var(--guide-line);font:13px var(--font-mono), monospace;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:40px;padding-top:28px;display:flex}.concept-published{border-top:1px solid var(--guide-line);padding-top:26px}.concept-published>div{overflow-wrap:anywhere}.concept-published :is(.text-primary,.text-accent){color:var(--guide-accent)}.concept-published .text-muted-foreground{color:var(--guide-muted)}.concept-experiment{background:var(--guide-study);color:var(--guide-ink);min-width:0;padding:3px;overflow:hidden}.concept-experiment-bar{justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.concept-experiment-bar h2{color:inherit;letter-spacing:0;text-wrap:initial;margin:0;font-size:14px;line-height:1.4}.concept-experiment-bar .concept-section-number{color:inherit}.concept-experiment-bar>button{flex-shrink:0}.concept-experiment-loading,.concept-experiment-error{padding:24px;font-size:14px}.concept-experiment-loading{min-height:220px}.concept-experiment button{cursor:pointer}.concept-experiment button:disabled{cursor:default;opacity:.45}.concept-experiment-workbench{grid-template-columns:minmax(0,1fr) 280px;align-items:start;display:grid}.concept-experiment-visual{background:var(--guide-study);flex-direction:column;gap:16px;min-width:0;padding:22px;display:flex}.concept-experiment-controls{border-left:1px solid var(--guide-line);flex-direction:column;gap:16px;min-width:0;padding:18px;font-size:12px;display:flex}.concept-experiment-controls p,.concept-experiment-visual p{color:var(--guide-muted);font-size:12px}.concept-experiment-controls :is(select,input[type=number],input[type=text],input:not([type])){border:1px solid var(--guide-line);width:100%;min-width:0;color:var(--guide-ink);background:var(--guide-field);border-radius:0;padding:7px 8px;font-size:12px}.concept-experiment input{accent-color:var(--guide-accent)}.concept-experiment select option{color:var(--guide-ink);background:var(--guide-field)}.concept-experiment-controls input[type=color]{cursor:pointer;width:100%;height:32px;padding:2px}.concept-experiment-controls input[type=checkbox]{margin-right:7px}.concept-control{gap:8px;display:grid}.concept-control>span{justify-content:space-between;gap:10px;display:flex}.concept-control input[type=range]{cursor:pointer;width:100%}.concept-control output{color:var(--guide-accent);font-family:var(--font-mono), monospace}.concept-compare{grid-template-columns:repeat(2,minmax(0,1fr));align-self:center;align-items:center;gap:12px;width:100%;max-width:720px;display:grid}.concept-pixel-view{min-width:0}.concept-pixel-view canvas{width:100%;height:auto;image-rendering:pixelated;background-color:var(--guide-checker-dark);background-image:conic-gradient(var(--guide-checker-light) 25%, var(--guide-checker-dark) 0 50%, var(--guide-checker-light) 0 75%, var(--guide-checker-dark) 0);border:1px solid var(--guide-line);background-size:16px 16px}.concept-pixel-view figcaption,.concept-swatch figcaption{font:10px/1.6 var(--font-mono), monospace;color:var(--guide-muted);margin-top:10px}.concept-formula{background:var(--guide-deep);border:1px solid var(--guide-deep-line);font:11px/1.8 var(--font-mono), monospace;color:var(--guide-deep-ink);overflow-wrap:anywhere;padding:12px;display:block}.concept-formula p{color:inherit;font:inherit}.concept-render-status{min-height:20px}.concept-experiment-actions,.concept-button-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.concept-experiment-actions>*,.concept-button-row button,.concept-experiment-controls>button,.concept-experiment-bar button{border:1px solid var(--guide-line);font:10px/1.5 var(--font-mono), monospace;border-radius:0;justify-content:center;align-items:center;gap:6px;padding:8px 10px;display:inline-flex}.concept-experiment-actions button[aria-pressed=true]{background:var(--guide-selected);color:var(--guide-selected-ink)}.concept-swatch>div{border:1px solid var(--guide-line);height:140px}.concept-metrics{font:11px/1.7 var(--font-mono), monospace;flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.concept-metrics dt{color:var(--guide-muted)}.concept-metrics dd{color:var(--guide-accent);font-size:22px}.concept-color-ramps{font:10px var(--font-mono), monospace;gap:18px;display:grid}.concept-color-ramps>div{gap:8px;display:grid}.concept-color-ramps>div>div{display:flex}.concept-color-ramps i{flex:1;min-width:0;height:48px;display:block}.concept-color-ramps figure{flex:1;min-width:0}.concept-color-ramps figcaption{padding-top:7px;font-size:8px}.concept-plot{width:100%;height:auto;max-height:290px}.concept-plot-grid{fill:none;stroke:var(--guide-line);stroke-width:1px}.concept-plot-line{fill:none;stroke:var(--guide-accent);stroke-width:2px}.concept-palette{height:32px;display:flex}.concept-palette>span{flex:1}.concept-coordinate-bars{font:10px var(--font-mono), monospace;gap:14px;display:grid}.concept-coordinate-bars>div{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.concept-coordinate-bars span{width:16px}.concept-coordinate-bars i,.concept-coordinate-bars b{background:#75c5ba;height:9px;display:block}.concept-coordinate-bars b{background:#dfbd7f}.concept-coordinate-bars code{flex-basis:100%}.concept-animation-stage{background:var(--guide-panel);border:1px solid var(--guide-line);width:100%;max-height:260px}.concept-frame-strip{flex-wrap:wrap;gap:6px;display:flex}.concept-frame-strip button{border:1px solid var(--guide-line);font:11px var(--font-mono), monospace;padding:10px 12px}.concept-frame-strip button[aria-pressed=true]{background:var(--guide-selected);color:var(--guide-selected-ink)}.concept-drawing-area{aspect-ratio:144/96;background:conic-gradient(var(--guide-checker-light) 25%, var(--guide-checker-dark) 0 50%, var(--guide-checker-light) 0 75%, var(--guide-checker-dark) 0);background-size:16px 16px;align-self:center;width:100%;max-width:480px;position:relative}.concept-drawing-area canvas,.concept-drawing-area svg{width:100%;height:100%;position:absolute;inset:0}.concept-drawing-area canvas{image-rendering:pixelated;touch-action:none;cursor:crosshair}.concept-drawing-area svg{pointer-events:none}.concept-experiment-controls .editor-kernel-grid{gap:3px;display:grid}.concept-experiment-controls .editor-kernel-grid input{padding:4px 0;font-size:10px}.concept-experiment-controls .editor-gradient-stop{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.concept-experiment-controls .editor-curve-chart{background:var(--guide-field);width:100%}@media (max-width:760px){.concept-page{padding:20px 16px 36px}.concept-library-header{flex-direction:column;gap:4px;margin-bottom:18px}.concept-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.concept-library-card{padding:16px}.concept-guide-context{margin-bottom:10px;font-size:11px}.concept-guide-intro{flex-direction:column;align-items:start;gap:10px;margin-top:12px}.concept-guide-intro>p{font-size:15px}.concept-page h1,.concept-library-header h1{font-size:28px}.concept-experiment-workbench{grid-template-columns:1fr}.concept-experiment-controls{border-left:0;border-top:1px solid var(--guide-line)}.concept-experiment-visual{padding:14px}.concept-experiment-bar{gap:10px;padding:10px 12px}.concept-experiment-bar h2{font-size:14px}.concept-related-grid{grid-template-columns:1fr}.concept-demo-actions{flex-wrap:wrap}}@media (max-width:480px){.concept-library-grid{grid-template-columns:1fr}.concept-library-card{gap:8px}.concept-category-tabs button{padding:10px}.concept-experiment-visual{padding:14px}.concept-compare{gap:8px}}@media (prefers-reduced-motion:reduce){.concept-library-card{transition:none}}.concept-experiment-controls .editor-curve-controls{--curve-color:var(--guide-accent);flex-direction:column;gap:10px;display:flex}.concept-experiment-controls .editor-curve-controls[data-channel=red]{--curve-color:#bb4242}.concept-experiment-controls .editor-curve-controls[data-channel=green]{--curve-color:var(--guide-accent)}.concept-experiment-controls .editor-curve-controls[data-channel=blue]{--curve-color:#527bc2}.concept-experiment-controls :is(.editor-curve-channels,.editor-curve-presets){grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.concept-experiment-controls .editor-button{border:1px solid var(--guide-line);padding:6px 4px;font-size:10px}.concept-experiment-controls .editor-button[aria-pressed=true]{background:var(--guide-panel)}.concept-experiment-controls .editor-curve-graph{background:var(--guide-field);border:1px solid var(--guide-line);touch-action:none;cursor:crosshair;width:100%;height:180px;overflow:visible}.concept-experiment-controls .editor-curve-histogram{fill:var(--curve-color);opacity:.2;pointer-events:none}.concept-experiment-controls .editor-curve-grid{fill:none;stroke:var(--guide-line);stroke-width:.5px;pointer-events:none}.concept-experiment-controls .editor-curve-reference{fill:none;stroke:#728872;stroke-width:1px;stroke-dasharray:3 4;pointer-events:none}.concept-experiment-controls .editor-curve-line{fill:none;stroke:var(--curve-color);stroke-width:2px;pointer-events:none}.concept-experiment-controls .editor-curve-graph circle{fill:var(--guide-field);stroke:var(--curve-color);stroke-width:2px;cursor:grab}.concept-experiment-controls .editor-curve-graph circle[data-selected]{fill:var(--curve-color)}.concept-experiment-controls .editor-curve-point{grid-template-columns:1fr 1fr auto;align-items:end;gap:6px;display:grid}.concept-experiment-controls .editor-field{flex-direction:column;gap:6px;min-width:0;display:flex}.concept-code{margin:24px 0}.concept-code pre{border:1px solid var(--guide-line);background:var(--guide-panel);font:12px/1.7 var(--font-mono), monospace;padding:18px;overflow:auto}.concept-code figcaption{font:11px var(--font-mono), monospace;color:var(--guide-muted);margin-block:8px}.concept-article-note{border-left:2px solid var(--guide-accent);background:var(--guide-panel);margin-block:24px;padding:20px}.concept-article-note h3{margin-bottom:10px}.concept-article-note p{font-size:14px}.concept-experiment-bar-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.concept-experiment-bar .concept-demo-toggle{min-width:34px;min-height:34px;font-size:13px}.concept-demo-caption{color:var(--guide-ink);margin:3px 0 0;padding:10px 12px;font-size:12px;line-height:1.6}.concept-demo-caption>span:last-child{color:var(--guide-muted)}.concept-demo-indicator{background:var(--guide-muted);border-radius:50%;width:6px;height:6px;margin:0 8px 1px 0;display:inline-block}[data-demo-state=playing] .concept-demo-indicator{background:var(--guide-accent)}@media (max-width:760px){.concept-demo-caption{padding:12px}}
.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}}
.editing-study.concept-experiment-workbench{font-family:var(--font-mono), monospace;grid-template-columns:minmax(0,1fr) 270px;gap:24px;padding:22px;display:grid}.editing-study>*,.editing-main,.editing-controls{min-width:0}.editing-study button{border:1px solid var(--guide-line);background:var(--guide-paper);color:var(--guide-ink);cursor:pointer;border-radius:0;padding:8px 11px;font-size:12px;font-weight:550}.editing-study button[aria-pressed=true]{background:var(--guide-selected);color:var(--guide-selected-ink);border-color:var(--guide-selected)}.editing-study button:disabled{opacity:.45;cursor:default}.editing-study :is(button,input,select,canvas):focus-visible{outline:3px solid var(--guide-accent);outline-offset:3px}.editing-study h3{margin:0;font-size:16px;font-weight:600}.editing-study p{color:var(--guide-muted);margin:0;font-size:12px;line-height:1.65}.editing-main,.editing-controls{flex-direction:column;gap:16px;display:flex}.editing-main>.concept-pixel-view{width:100%;max-width:500px;margin:auto}.editing-toolbar{flex-wrap:wrap;align-items:center;gap:7px;font-size:12px;display:flex}.editing-surface{aspect-ratio:144/96;background:conic-gradient(var(--guide-checker-dark) 25%, var(--guide-checker-light) 0 50%, var(--guide-checker-dark) 0 75%, var(--guide-checker-light) 0);background-size:16px 16px;border-radius:0;width:100%;max-width:600px;margin:auto;position:relative;overflow:hidden}.editing-surface canvas,.editing-surface svg{width:100%;height:100%;position:absolute;inset:0}.editing-surface canvas{image-rendering:pixelated;touch-action:none;cursor:crosshair}.editing-surface svg{pointer-events:none}.editing-readout{background:var(--guide-deep);color:var(--guide-deep-ink);border-radius:0;flex-direction:column;gap:6px;padding:16px;font-size:12px;display:flex}.editing-readout strong{font-variant-numeric:tabular-nums;font-size:23px;font-weight:500}.editing-check{align-items:center;gap:8px;font-size:12px;display:flex}.editing-footprint,.editing-mask,.editing-orbit{border-radius:0;width:100%;max-height:170px}.editing-pixel-grid{aspect-ratio:4/3;display:block;overflow:hidden;background:conic-gradient(var(--guide-checker-dark) 25%, var(--guide-checker-light) 0 50%, var(--guide-checker-dark) 0 75%, var(--guide-checker-light) 0)!important;background-size:16px 16px!important;padding:0!important}.editing-pixel-grid svg{width:100%;height:100%}.editing-transform-image{--transform-height:280px;height:calc(var(--transform-height) + 64px);background:var(--guide-panel);border-radius:0;justify-content:center;align-items:center;padding:18px;display:flex}.editing-transform-image .concept-pixel-view{width:min(100%, 400px, calc(var(--transform-height) * var(--transform-ratio)));margin:0}.editing-transform-image canvas{width:100%;height:auto;max-height:none;box-shadow:0 0 0 1px var(--guide-line);border:0;display:block}.editing-layer-result{position:relative}.editing-layer-result .concept-pixel-view{width:100%}.editing-overlap-cross{pointer-events:none;width:100%;height:auto;position:absolute;inset:0 auto auto 0}.editing-layer-stack{flex-direction:column;gap:5px;display:flex}.editing-layer-stack>div{border:1px solid var(--guide-line);background:var(--guide-paper);border-radius:0;align-items:center;gap:9px;padding:9px;font-size:11px;display:flex}.editing-layer-stack button{margin-left:auto;padding:5px}.editing-layer-chip{border-radius:0;flex-shrink:0;width:23px;height:23px}.editing-animation-stage{border-radius:0;width:100%}.editing-frame-strip{--frame-thumb-height:76px;height:calc(var(--frame-thumb-height) + 20px);align-items:flex-start;gap:6px;padding:2px;display:flex;overflow:auto hidden}.editing-frame-strip button{min-width:48px;height:var(--frame-thumb-height);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:3px;display:flex}.editing-frame-strip svg{width:100%;min-width:40px;height:calc(var(--frame-thumb-height) - 30px);flex:none;display:block}.editing-chain.concept-experiment-workbench{grid-template-columns:1fr}.editing-chain-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.editing-stage-label{margin-bottom:10px;font-size:12px;font-weight:600;display:block}.editing-chain-bottom{grid-template-columns:1fr 1fr;gap:26px;display:grid}.editing-counterexample{grid-template-columns:130px 1fr;align-items:start;gap:14px;display:grid}.editing-export-path{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex}@media (max-width:760px){.editing-study.concept-experiment-workbench{grid-template-columns:1fr;gap:20px;padding:14px}.editing-controls{border-top:1px solid var(--guide-line);padding-top:18px}.editing-chain-flow{gap:7px}.editing-stage-label{font-size:10px}.editing-chain-flow figcaption{font-size:9px}.editing-chain-bottom{grid-template-columns:1fr}.editing-transform-image{--transform-height:220px;height:calc(var(--transform-height) + 50px);padding:12px}.editing-frame-strip{--frame-thumb-height:60px}.editing-surface{max-width:480px}}.editing-study .concept-control{font-size:12px}.editing-study select{border:1px solid var(--guide-line);background:var(--guide-field);color:var(--guide-ink);border-radius:0;width:100%;min-width:0;padding:8px}.editing-study button[aria-pressed=true]:hover:not(:disabled){background:var(--guide-selected);color:var(--guide-selected-ink)}.editing-mandala.concept-experiment-workbench{grid-template-columns:minmax(0,1fr) 300px;gap:24px;padding:22px}.editing-mandala-art{flex-direction:column;gap:15px;min-width:0;display:flex}.editing-mandala-caption{justify-content:space-between;gap:12px;font-size:12px;display:flex}.editing-mandala-caption>span:last-child{font-family:var(--font-mono), monospace}.editing-mandala .editing-surface{max-width:640px;box-shadow:0 0 0 7px var(--guide-study),0 0 0 8px var(--guide-line);background:0 0;border-radius:50%;margin:8px auto}.editing-mandala .editing-surface canvas{image-rendering:auto}.editing-mandala .editing-surface:focus-within{box-shadow:0 0 0 5px var(--guide-accent)}.editing-mandala-controls{gap:15px}.editing-mandala-motif{border-bottom:1px solid var(--guide-line);grid-template-columns:78px 1fr;align-items:center;gap:16px;padding-bottom:16px;display:grid}.editing-mandala-motif svg{width:78px;height:135px;color:var(--guide-accent)}.editing-mandala-motif h3{margin-bottom:8px;font-size:16px}.editing-mandala-drawing{border-top:1px solid var(--guide-line);grid-column:1/-1;grid-template-columns:1fr 170px auto;align-items:center;gap:18px;padding-top:20px;display:grid}.editing-mandala-drawing>.editing-toolbar:last-child{grid-column:1/-1}.editing-ink-dot{border:1px solid var(--guide-line);border-radius:50%;width:18px;height:18px;display:block}@media (max-width:760px){.editing-mandala.concept-experiment-workbench{grid-template-columns:1fr;padding:14px}.editing-mandala-drawing{grid-template-columns:1fr auto}.editing-mandala-drawing>div:first-child{grid-column:1/-1}.editing-mandala .editing-surface{max-width:440px}}
.color-study-workbench{min-width:0;color:var(--guide-ink);font-family:var(--font-mono), monospace;border:0;margin:0;padding:22px;display:block}.color-study-workbench figure{min-width:0;margin:0}.color-study-workbench figcaption{color:var(--guide-muted);align-items:baseline;gap:.7rem;margin-top:.7rem;font-size:.72rem;line-height:1.5;display:flex}.color-study-workbench p{margin:0}.color-study-workbench svg{max-width:100%;display:block}.color-study-workbench button,.color-study-workbench input{font:inherit}.color-study-workbench button{cursor:pointer}.color-study-workbench button:focus-visible,.color-study-workbench input:focus-visible{outline:3px solid var(--guide-accent);outline-offset:4px}.color-study-workbench>div{min-width:0}.color-study-plot{width:100%;height:auto;overflow:visible}.color-study-plot text{fill:var(--guide-ink);font:12px var(--font-mono), monospace}.color-study-axis{fill:none;stroke:var(--guide-ink);stroke-width:1.5px}.color-study-gridline{fill:none;stroke:var(--guide-line);stroke-width:1px}.color-study-marker{fill:none;stroke:#fff;stroke-width:3px;filter:drop-shadow(0 1px 2px #0009)}.color-study-field{background:var(--guide-field);border:1px solid var(--guide-line);padding:1.5rem}.color-study-split{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:1.75rem;display:grid}.color-study-controls{align-content:start;gap:1rem;display:grid}.color-study-controls-row{flex-wrap:wrap;align-items:start;gap:1.25rem 1.75rem;padding:1.5rem 0;display:flex}.color-study-controls-row>*{flex:170px;min-width:0}.color-study-controls-row .concept-control,.color-study-controls .concept-control{margin:0}.color-study-picker{grid-template-columns:2.75rem 1fr;align-items:center;gap:.45rem .8rem;font-size:.78rem;display:grid}.color-study-picker>span{grid-column:1/-1;font-weight:600}.color-study-picker input{background:var(--guide-paper);border:1px solid var(--guide-line);width:2.75rem;height:2.25rem;padding:2px}.color-study-picker output{font-variant-numeric:tabular-nums;font-size:.75rem}.color-study-choices{border:0;min-width:0;margin:0;padding:0}.color-study-choices legend{margin-bottom:.6rem;font-size:.78rem;font-weight:600}.color-study-choices>div{flex-wrap:wrap;gap:.35rem;display:flex}.color-study-choices button,.color-study-actions button{border:1px solid var(--guide-line);background:var(--guide-paper);color:var(--guide-ink);padding:.5rem .7rem;font-size:.75rem;line-height:1.3}.color-study-choices button[aria-pressed=true],.color-study-actions button[aria-pressed=true]{background:var(--guide-selected);color:var(--guide-selected-ink);border-color:var(--guide-selected)}.concept-experiment .color-study-workbench .color-study-choices button[aria-pressed=true]:hover:not(:disabled),.concept-experiment .color-study-workbench .color-study-actions button[aria-pressed=true]:hover:not(:disabled){background:var(--guide-selected);color:var(--guide-selected-ink)}.color-study-readout{color:var(--guide-deep-ink);background:var(--guide-deep);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;gap:.6rem;padding:1.25rem 1.5rem;font-size:.78rem;line-height:1.55;display:grid}.color-study-readout strong{font-size:.95rem;font-weight:500}.color-study-readout b{font-family:var(--font-mono), monospace;font-size:2.5rem;font-weight:400}.color-study-note{max-width:78ch;color:var(--guide-muted);font-size:.83rem;line-height:1.7;margin-top:1.15rem!important}.color-study-swatches{gap:1rem;margin-top:1rem;display:flex}.color-study-swatches figure{flex:1}.color-study-swatches figure>span{border:1px solid var(--guide-line);height:4rem;display:block}.color-study-swatches figcaption{overflow-wrap:anywhere;font-size:.68rem}.color-study-coordinate-triptych{background:var(--guide-field);grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:1.5rem 1rem;display:grid}.color-study-coordinate-triptych figcaption{text-align:center;justify-content:center}.color-study-path-rows{gap:.85rem;display:grid}.color-study-path-rows>div{grid-template-columns:5.5rem minmax(0,1fr) 5rem;align-items:center;gap:.75rem;font-size:.7rem;display:grid}.color-study-path-rows strong{font-weight:500}.color-study-path-rows output{text-transform:uppercase;font-size:.7rem}.color-study-ramp{min-width:0;height:3rem;display:flex;position:relative}.color-study-ramp>i{flex:1;min-width:0}.color-study-ramp-probe{background:#fff;width:3px;position:absolute;top:-5px;bottom:-5px;transform:translate(-50%);box-shadow:0 0 0 1px #172a23}.color-study-delta-visual{background:var(--guide-field);grid-template-columns:1.1fr 1fr;align-items:center;gap:2rem;padding:2.5rem;display:grid}.color-study-adjacent-patches{height:210px;display:flex}.color-study-adjacent-patches>div{flex:1}.color-study-axis-ledger{gap:2rem;display:grid}.color-study-axis-ledger>div{grid-template-columns:2.5rem 1fr 3rem;align-items:center;gap:.5rem;font-size:.75rem;display:grid}.color-study-axis-ledger>div>div{background:var(--guide-field);height:28px;position:relative}.color-study-axis-ledger i{background:var(--guide-accent);height:100%;position:absolute;top:0}.color-study-axis-ledger div>span{background:var(--guide-ink);width:1px;position:absolute;top:-4px;bottom:-4px;left:50%}.color-study-jnd-stage{place-items:center;min-height:290px;padding:3rem 1.5rem;display:grid}.color-study-jnd-card{justify-content:space-evenly;align-items:center;width:min(100%,480px);height:190px;display:flex}.color-study-jnd-target{position:relative}.color-study-jnd-target.is-revealed{outline-offset:5px;outline:2px dashed #f0edc7}.color-study-jnd-target span{color:var(--guide-selected-ink);background:var(--guide-selected);padding:0 3px;font-size:.7rem;position:absolute;top:calc(100% + 15px);left:50%;transform:translate(-50%)}.color-study-actions{flex-wrap:wrap;gap:.7rem;margin-bottom:1rem;display:flex}.color-study-light-mixer{background:var(--guide-field);grid-template-columns:1.35fr 1fr;align-items:center;gap:3rem;padding:2rem;display:grid}.color-study-contribution-columns{gap:1rem;display:flex}.color-study-contribution-columns>div{text-align:center;flex:1;gap:.65rem;font-size:.72rem;display:grid}.color-study-contribution-track{border-bottom:1px solid var(--guide-ink);background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),var(--guide-line) 25%);height:210px;position:relative}.color-study-contribution-track i{width:60%;position:absolute;bottom:0;left:20%}.color-study-mixed-patch{flex-wrap:wrap;display:flex}.color-study-mixed-patch span{width:50%;height:160px}.color-study-mixed-patch p{width:100%;margin-top:.8rem;font-size:.74rem}.color-study-uniformity>div:first-child{background:var(--guide-field);padding:1.5rem}.color-study-uniform-strips{gap:1rem;margin-bottom:1.5rem;display:grid}.color-study-uniform-strips>div{grid-template-columns:6rem 1fr;align-items:center;gap:.6rem;font-size:.72rem;display:grid}.color-study-uniform-strips>div>div{display:flex}.color-study-uniform-strips span{flex:1;min-width:0;height:60px;position:relative}.color-study-uniform-strips i{color:var(--guide-ink);background:var(--guide-paper);padding:1px 3px;font-size:.58rem;font-style:normal;position:absolute;bottom:4px;left:3px}.color-study-adaptation-visual{background:var(--guide-field);grid-template-columns:1.2fr .8fr;align-items:center;gap:2rem;padding:1.5rem;display:grid}.color-study-adaptation-pipeline{text-align:center;justify-items:center;gap:.2rem;font-size:.7rem;display:grid}.color-study-appearance{width:100%;height:70px}.color-study-adaptation-pipeline p{margin:.35rem 0 .8rem}.color-study-transform-step{border:1px solid var(--guide-line);background:var(--guide-paper);width:100%;padding:.5rem 1rem}.color-study-coordinate-ledger{background:var(--guide-line);border:1px solid var(--guide-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-bottom:1.25rem;display:grid}.color-study-coordinate-ledger>div{background:var(--guide-paper);text-align:center;grid-template-columns:1fr auto 1fr;gap:.6rem;padding:1rem;font-size:.75rem;display:grid}.color-study-coordinate-ledger strong{grid-column:1/-1;font-size:1rem}.color-study-manifold-visual{background:var(--guide-field);padding:1rem 2rem 2rem}.color-study-manifold-visual>svg{max-width:560px;margin:0 auto}.color-study-unfolded{border-top:1px solid var(--guide-line);padding-top:1.4rem;font-size:.75rem}.color-study-unfolded>div{margin:1rem 0 .8rem;display:flex}.color-study-unfolded div span{flex:1;min-width:0;height:25px}.color-study-unfolded .is-path{box-shadow:0 5px #276849}.color-study-unfolded .is-plane{box-shadow:0 5px #b87834}.color-study-unfolded .is-selected{outline:3px solid var(--guide-ink);z-index:1}.color-study-gamma>div:first-child{background:var(--guide-field);padding:1.5rem}.color-study-gamma .color-study-path-rows>div{grid-template-columns:7.5rem 1fr}.color-study-harmony-visual{background:var(--guide-field);grid-template-columns:1.2fr .8fr;align-items:center;gap:2rem;padding:1.5rem;display:grid}.color-study-botanical-print{justify-self:center;width:100%;max-width:340px}.color-study-botanical-print figcaption{text-align:center;justify-content:center}.color-study-seam-comparison{border:1px solid var(--guide-line);grid-template-columns:7rem 1fr;align-items:center;gap:.5rem 1rem;margin-top:1rem;padding:1rem;display:grid}.color-study-seam-comparison>div{grid-row:span 2;height:3.5rem;display:flex}.color-study-seam-comparison>div>span{width:50%}.color-study-seam-comparison>p{font-size:.8rem}.color-study-seam-comparison>span{color:var(--guide-muted);font-size:.7rem}.color-study-raster{width:100%;height:auto}.color-study-exposure-triptych{background:var(--guide-field);grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:1.5rem;display:grid}.color-study-exposure-triptych figcaption{font-size:.7rem}.color-study-exposure-triptych figcaption span{font-family:var(--font-mono), monospace;color:var(--guide-ink);font-size:1.4rem}.color-study-adjustment-mechanisms{grid-template-columns:1fr 1fr;gap:2rem;margin:1.5rem 0;display:grid}.color-study-adjustment-mechanisms p{margin-top:.75rem;font-size:.75rem}.color-study-levels-visual{background:var(--guide-field);grid-template-columns:1.4fr .6fr;align-items:center;gap:2rem;padding:1.5rem;display:grid}.color-study-levels-images{gap:1.25rem;display:grid}.color-study-mapping-images{background:var(--guide-field);grid-template-columns:1fr 2rem 1fr;align-items:center;gap:1rem;padding:1.5rem;display:grid}.color-study-map-arrow{text-align:center;font-size:1.5rem}.color-study-image-probe{background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.color-study-image-probe>span{pointer-events:none;border:2px solid #fff;outline:1px solid #10251d;width:13px;height:13px;position:absolute;transform:translate(-50%,-50%)}.color-study-tone-route{align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.color-study-tone-route>span{flex:0 0 2.5rem;width:2.5rem;height:2.5rem}.color-study-tone-route>b{flex:none;font-size:.72rem;font-weight:500}.color-study-tone-route>.color-study-ramp{flex:1}.color-study-gradient-visual{background:var(--guide-field);grid-template-columns:1.15fr .85fr;gap:2rem;padding:1.5rem;display:grid}.color-study-spatial-probe{background:0 0;border:0;align-self:center;width:100%;padding:0;position:relative}.color-study-spatial-probe>svg:last-child{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.color-study-spatial-probe>svg:last-child path,.color-study-spatial-probe>svg:last-child circle{fill:none;stroke:#fff;stroke-width:.7px;filter:drop-shadow(0 .3px .3px #000b)}.color-study-coordinate-route{text-align:center;align-content:center;justify-items:center;gap:.4rem;font-size:.8rem;display:grid}.color-study-coordinate-route strong{font-weight:500}.color-study-coordinate-route b{font-size:1.3rem;font-weight:400}.color-study-coordinate-route output{font-size:1.5rem;font-family:var(--font-mono), monospace}.color-study-route-swatch{width:80%;height:3rem}.color-study-stop-labels{justify-content:space-between;min-height:3rem;padding-top:.6rem;font-size:.65rem;display:flex;position:relative}.color-study-stop-labels span:nth-child(2){white-space:nowrap;position:absolute;top:1.9rem;transform:translate(-50%)}@media (max-width:720px){.color-study-workbench{padding:14px}.color-study-split,.color-study-delta-visual,.color-study-light-mixer,.color-study-adaptation-visual,.color-study-harmony-visual,.color-study-levels-visual,.color-study-gradient-visual{grid-template-columns:1fr;gap:1.5rem}.color-study-coordinate-triptych{gap:.2rem;padding:1rem .4rem}.color-study-coordinate-triptych figcaption{font-size:.58rem}.color-study-path-rows>div{grid-template-columns:3.5rem minmax(0,1fr) 4.5rem;gap:.4rem}.color-study-delta-visual,.color-study-light-mixer{padding:1.5rem}.color-study-adjacent-patches{height:170px}.color-study-mixed-patch span{height:90px}.color-study-uniform-strips>div{grid-template-columns:1fr}.color-study-uniform-strips i{padding:1px;font-size:.5rem}.color-study-uniformity>div:first-child{padding:1rem .5rem}.color-study-coordinate-ledger{grid-template-columns:1fr}.color-study-coordinate-ledger>div{grid-template-columns:1rem 1fr auto 1fr}.color-study-coordinate-ledger strong{grid-column:auto}.color-study-adaptation-pipeline{width:100%;max-width:280px;margin:0 auto}.color-study-manifold-visual{padding:.5rem .75rem 1.5rem}.color-study-botanical-print{max-width:280px}.color-study-seam-comparison{grid-template-columns:4rem 1fr;gap:.5rem .75rem}.color-study-exposure-triptych{gap:.5rem;padding:.75rem}.color-study-exposure-triptych figcaption{flex-direction:column;gap:.2rem;font-size:.6rem}.color-study-adjustment-mechanisms{grid-template-columns:1fr;gap:1.5rem}.color-study-levels-images{grid-template-columns:1fr 1fr}.color-study-mapping-images{grid-template-columns:1fr 1rem 1fr;gap:.4rem;padding:.75rem}.color-study-tone-route{gap:.35rem}.color-study-tone-route>span{flex-basis:1.5rem;width:1.5rem}.color-study-tone-route>b{font-size:.62rem}.color-study-coordinate-route{grid-template-columns:repeat(3,1fr);align-items:center}.color-study-route-swatch{width:100%}.color-study-gamma .color-study-path-rows>div{grid-template-columns:5rem 1fr}.color-study-controls-row{gap:1.25rem}}@media (prefers-reduced-motion:reduce){.color-study-workbench *{scroll-behavior:auto}}
.filter-study-workbench{border:1px solid var(--guide-line);min-inline-size:0;color:var(--guide-ink);background:var(--guide-paper);font-family:var(--font-mono), monospace;padding:0;display:block}.filter-study-workbench *{box-sizing:border-box}.filter-study-workbench button,.filter-study-workbench input,.filter-study-workbench select{font:inherit}.filter-study-workbench button{cursor:pointer}.filter-study-workbench button:focus-visible,.filter-study-workbench input:focus-visible,.filter-study-workbench select:focus-visible{outline:3px solid var(--guide-accent);outline-offset:3px}.filter-study-workbench button:disabled{cursor:default;opacity:.5}.filter-study-workbench svg{max-width:100%;height:auto;display:block}.filter-study-workbench .concept-control{min-width:0}.filter-study-workbench .concept-control input{accent-color:var(--guide-accent);width:100%}.filter-study-toolbar{border-bottom:1px solid var(--guide-line);background:var(--guide-study);flex-wrap:wrap;align-items:center;gap:16px;padding:18px 22px;display:flex}.filter-study-toolbar>.concept-control{flex:1;min-width:160px}.filter-study-tabs{flex-wrap:wrap;gap:5px;display:flex}.filter-study-tabs button,.filter-study-button{border:1px solid var(--guide-line);background:var(--guide-paper);color:var(--guide-ink);border-radius:0;padding:8px 12px;font-size:12px}.filter-study-tabs button[aria-pressed=true]{color:var(--guide-selected-ink);background:var(--guide-selected);border-color:var(--guide-selected)}.filter-study-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.filter-study-grid-three{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.filter-study-panel{border-bottom:1px solid var(--guide-line);background:var(--guide-paper);min-width:0;padding:22px}.filter-study-panel+.filter-study-panel{border-left:1px solid var(--guide-line)}.filter-study-panel.filter-study-dark{background:var(--guide-deep);color:var(--guide-deep-ink)}.filter-study-panel.filter-study-pale{background:var(--guide-study)}.filter-study-caption{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;font-size:12px;display:flex}.filter-study-caption strong{font-weight:550}.filter-study-caption span{color:var(--guide-muted);font-variant-numeric:tabular-nums;font-size:10px}.filter-study-image{width:100%;image-rendering:pixelated}.filter-study-image-frame{width:100%;position:relative;overflow:hidden}.filter-study-image-frame button{background:0 0;border:0;width:100%;padding:0;display:block}.filter-study-image-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.filter-study-image-pair figure{margin:0}.filter-study-image-pair figcaption{margin:8px 0;font-size:11px}.filter-study-note{color:var(--guide-muted);margin:0;padding:18px 22px;font-size:12px;line-height:1.65}.filter-study-panel .filter-study-note{padding:14px 0 0}.filter-study-dark .filter-study-note,.filter-study-dark .filter-study-caption span{color:var(--guide-deep-muted)}.filter-study-math{background:var(--guide-deep);color:var(--guide-deep-ink);font-family:var(--font-mono), monospace;padding:22px;font-size:clamp(19px,3vw,28px);line-height:1.65}.filter-study-math small{font-family:var(--font-mono), monospace;color:var(--guide-deep-muted);font-size:11px;display:block}.filter-study-readouts{background:var(--guide-study);flex-wrap:wrap;gap:28px;padding:18px 22px;display:flex}.filter-study-readout{flex-direction:column;gap:6px;min-width:0;display:flex}.filter-study-readout>span{text-transform:uppercase;letter-spacing:.08em;color:var(--guide-muted);font-size:10px}.filter-study-readout output{font:24px var(--font-mono), monospace;font-variant-numeric:tabular-nums}.filter-study-contact{background:var(--guide-field);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px;display:grid}.filter-study-contact button{border:1px solid var(--guide-line);background:var(--guide-paper);color:var(--guide-ink);text-align:left;padding:10px}.filter-study-contact button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--guide-accent)}.filter-study-contact strong{margin:9px 0 2px;font-size:12px;display:block}.filter-study-contact small{font-size:10px}.filter-study-matrix{grid-template-columns:repeat(3,1fr);gap:4px;width:min(100%,190px);margin:auto;display:grid}.filter-study-matrix>span,.filter-study-matrix>button{aspect-ratio:1;border:1px solid var(--guide-line);background:var(--guide-paper);min-width:0;color:var(--guide-ink);place-items:center;padding:3px;font-size:16px;display:grid}.filter-study-matrix>button[aria-pressed=true]{color:var(--guide-selected-ink);background:var(--guide-selected)}.filter-study-signal{width:100%}.filter-study-legend{flex-wrap:wrap;gap:16px;margin-top:10px;font-size:10px;display:flex}.filter-study-legend span:before{content:"";background:var(--series-color,currentColor);vertical-align:middle;width:13px;height:3px;margin-right:5px;display:inline-block}.filter-study-mask{aspect-ratio:1;grid-template-columns:repeat(11,1fr);gap:2px;display:grid}.filter-study-mask button,.filter-study-mask span{aspect-ratio:1;background:var(--guide-field);border:0;min-width:0;padding:0}.filter-study-mask button[aria-pressed=true],.filter-study-mask span[data-filled=true]{background:var(--guide-ink)}.filter-study-mask button{border:1px solid var(--guide-line)}.filter-study-morph-flow{grid-template-columns:1fr 140px 1fr;align-items:center;gap:22px;padding:22px;display:grid}.filter-study-morph-flow .filter-study-caption{min-height:30px}.filter-study-morph-operation{text-align:center;flex-direction:column;align-items:center;gap:15px;font-size:12px;display:flex}.filter-study-morph-operation .filter-study-matrix{width:110px}.filter-study-morph-stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;display:grid}.filter-study-morph-stages .filter-study-mask{max-width:170px;margin:auto}.filter-study-dot-sheet{background:var(--guide-field);grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:22px;display:grid}.filter-study-dot-sheet figure{min-width:0;margin:0}.filter-study-dot-sheet figcaption{padding:12px 0;font-size:11px}.filter-study-dot-sheet output{font-size:20px;font-family:var(--font-mono), monospace;margin-top:7px;display:block}.filter-study-scan{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.filter-study-scan button{aspect-ratio:1;border:1px solid var(--guide-line);font-variant-numeric:tabular-nums;padding:2px;font-size:12px}.filter-study-scan button[aria-pressed=true]{outline:3px solid var(--guide-accent);outline-offset:1px;z-index:1}.filter-study-handoff{width:100%}.filter-study-handoff text{fill:currentColor;font-size:11px;font-family:var(--font-mono), monospace}.filter-study-screen-tile{grid-template-columns:repeat(4,1fr);gap:4px;max-width:250px;margin:0 auto 20px;display:grid}.filter-study-screen-tile span{aspect-ratio:1;font-variant-numeric:tabular-nums;place-items:center;font-size:13px;display:grid}.filter-study-bits{flex-wrap:wrap;gap:5px;margin:15px 0;display:flex}.filter-study-bits button{border:1px solid var(--guide-line);min-width:32px;color:var(--guide-ink);background:var(--guide-paper);flex:1;padding:12px 5px;font-size:25px}.filter-study-bits button[aria-pressed=true]{color:var(--guide-selected-ink);background:var(--guide-selected)}.filter-study-bits small{margin-top:6px;font-size:10px;display:block}.filter-study-swatch-strip{min-height:65px;display:flex}.filter-study-swatch-strip span{flex:1;min-width:0}.filter-study-palette{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.filter-study-palette label,.filter-study-palette button{color:inherit;background:0 0;border:0;flex-direction:column;gap:6px;font-size:10px;display:flex}.filter-study-palette input[type=color]{border:1px solid var(--guide-line);cursor:pointer;width:48px;height:36px;padding:0}.filter-study-palette button{align-items:center;padding:0}.filter-study-palette button>span{border:1px solid var(--guide-line);width:48px;height:36px}.filter-study-palette button[aria-pressed=true]>span{outline:2px solid var(--guide-accent);outline-offset:2px}.filter-study-populations{flex-direction:column;gap:12px;display:flex}.filter-study-population{grid-template-columns:25px 1fr 40px;align-items:center;gap:8px;font-size:11px;display:grid}.filter-study-population>i{height:20px}.filter-study-population-bar{background:var(--guide-field);height:12px}.filter-study-population-bar span{height:100%;display:block}.filter-study-coordinates{background:var(--guide-study);grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:18px 22px;display:grid}.filter-study-weights{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.filter-study-weights label{border:1px solid var(--guide-line);flex-direction:column;gap:8px;min-width:0;padding:12px;font-size:11px;display:flex}.filter-study-weights input[type=number]{border:1px solid var(--guide-line);background:var(--guide-paper);width:100%;color:var(--guide-ink);padding:6px}.filter-study-weight-bar{background:var(--guide-field);height:5px}.filter-study-weight-bar span{background:var(--guide-accent);height:100%;display:block}.filter-study-sort-row{gap:3px;margin:12px 0 18px;display:flex}.filter-study-sort-row span{outline-offset:2px;flex:1;justify-content:center;align-items:flex-end;height:48px;padding-bottom:5px;font-size:9px;display:flex}.filter-study-sort-row span[data-active=true]{outline:2px solid var(--guide-accent)}.filter-study-coordinate-plot{background:var(--guide-study)}.filter-study-plot-button{width:100%;color:inherit;background:0 0;border:0;padding:0}@media (max-width:700px){.filter-study-panel{padding:16px}.filter-study-grid-three{grid-template-columns:1fr}.filter-study-grid-three>.filter-study-panel+.filter-study-panel{border-left:0}.filter-study-morph-flow{grid-template-columns:1fr 1fr;gap:18px;padding:16px}.filter-study-morph-operation{flex-direction:row;grid-area:2/1/auto/-1;justify-content:center}.filter-study-morph-operation .filter-study-matrix{width:85px;margin:0}.filter-study-dot-sheet,.filter-study-contact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.filter-study-grid{grid-template-columns:1fr}.filter-study-grid>.filter-study-panel+.filter-study-panel{border-left:0}.filter-study-caption{gap:8px}.filter-study-coordinates{grid-template-columns:1fr;gap:12px}.filter-study-toolbar{gap:10px;padding:10px 12px}.filter-study-tabs button{padding-inline:6px}.filter-study-math{padding:16px}}.filter-study-workbench .filter-study-tabs button[aria-pressed=true]:hover:not(:disabled),.filter-study-workbench .filter-study-bits button[aria-pressed=true]:hover:not(:disabled),.filter-study-workbench .filter-study-matrix>button[aria-pressed=true]:hover:not(:disabled){color:var(--guide-selected-ink);background:var(--guide-selected)}.filter-study-workbench .filter-study-mask button[aria-pressed=true]:hover:not(:disabled){background:var(--guide-ink)}.filter-study-workbench .filter-study-contact button:hover:not(:disabled){color:var(--guide-ink);background:var(--guide-study)}.filter-study-workbench .filter-study-plot-button:hover:not(:disabled),.filter-study-workbench .filter-study-image-frame button:hover:not(:disabled),.filter-study-workbench .filter-study-palette button:hover:not(:disabled){color:inherit;background:0 0}:where(.filter-study-workbench) fieldset{border:0;min-inline-size:0;margin:0;padding:0}.filter-study-sort-scroll{scrollbar-width:thin;scrollbar-color:var(--guide-accent) var(--guide-field);max-width:100%;overflow-x:auto}.filter-study-sort-scroll:focus-visible{outline:3px solid var(--guide-accent);outline-offset:3px}.filter-study-sort-scroll .filter-study-sort-row{grid-template-columns:repeat(24,minmax(20px,1fr));min-width:555px;padding:3px;display:grid}.filter-study-print-source{align-items:center;gap:16px;margin:0 0 16px;display:flex}.filter-study-print-source .filter-study-image{border:1px solid var(--guide-line);width:32%}.filter-study-print-source figcaption{color:var(--guide-muted);font-size:11px;line-height:1.5}
.gen-workbench.concept-experiment-workbench{--gen-light:var(--guide-panel);--gen-dark:var(--guide-deep);width:100%;min-width:0;color:var(--guide-ink);font-family:var(--font-mono), monospace;border:0;padding:0;display:block}.gen-workbench>div{gap:1.25rem;min-width:0;display:grid}.gen-workbench figure,.gen-workbench p{margin:0}.gen-workbench figure{min-width:0}.gen-workbench button,.gen-workbench input,.gen-workbench select{font:inherit}.gen-workbench button{cursor:pointer}.gen-workbench button:disabled{opacity:.5;cursor:default}.gen-workbench button:focus-visible,.gen-workbench input:focus-visible{outline:3px solid var(--guide-accent);outline-offset:4px}.gen-panel{background:var(--guide-paper);border:1px solid var(--guide-line);border-radius:0;flex-direction:column;gap:1rem;min-width:0;padding:1.1rem;display:flex}.gen-panel figcaption{flex-direction:column;gap:.3rem;font-size:.86rem;line-height:1.5;display:flex}.gen-panel figcaption strong{color:var(--guide-ink);font-size:1rem;font-weight:500}.gen-panel figcaption span,.gen-panel p{color:var(--guide-muted);font-size:.84rem;line-height:1.65}.gen-eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:600;line-height:1.5}.gen-field{background:var(--gen-light);border-radius:0;width:100%;height:auto;display:block;overflow:hidden}.gen-two-columns,.gen-fractal-inspection,.gen-life-layout,.gen-tree-layout,.gen-reaction-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:1.25rem;min-width:0;display:grid}.gen-math{min-width:0;color:var(--guide-deep-ink);background:var(--gen-dark);border-radius:0;flex-direction:column;gap:1rem;padding:1.4rem;display:flex}.gen-math code{white-space:normal;overflow-wrap:anywhere;color:var(--guide-lime);font-size:clamp(.8rem,1.3vw,1.1rem);line-height:1.9;display:block}.gen-math p{color:var(--guide-deep-muted);font-size:.83rem;line-height:1.75}.gen-math .gen-eyebrow{color:var(--guide-deep-muted)}.gen-math .gen-range{color:var(--guide-deep-ink)}.gen-math .gen-range output{color:var(--guide-lime)}.gen-big-number{font-family:var(--font-mono), monospace;color:var(--guide-lime);font-variant-numeric:tabular-nums;font-size:3.2rem}.gen-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.84rem}.gen-table td,.gen-table th{text-align:right;border-bottom:1px solid var(--guide-deep-line);padding:.55rem .25rem}.gen-table th{color:var(--guide-deep-muted);font-weight:400}.gen-table td:first-child,.gen-table th:first-child{text-align:left}.gen-note{border-left:3px solid var(--guide-accent);background:var(--gen-light);color:var(--guide-ink);padding:1rem 1.2rem;font-size:.9rem;line-height:1.75}.gen-note strong{text-transform:uppercase;letter-spacing:.09em;margin-bottom:.2rem;font-size:.7rem;display:block}.gen-range{color:var(--guide-muted);flex-direction:column;gap:.5rem;font-size:.82rem;display:flex}.gen-range>span{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.gen-range output{color:var(--guide-ink);font-variant-numeric:tabular-nums;font-weight:600}.gen-range input{width:100%;min-width:0;height:1.3rem;accent-color:var(--guide-accent);cursor:pointer;margin:0}.gen-inline-controls,.gen-choices{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.gen-choices,.gen-rule-table{border:0;margin:0;padding:0}.gen-choices button,.gen-inline-controls button,.gen-panel>button,.gen-math button,.gen-recipe button{border:1px solid var(--guide-line);background:var(--guide-paper);min-height:2.4rem;color:var(--guide-ink);border-radius:0;padding:.55rem .75rem;font-size:.78rem;line-height:1.4}.gen-choices button[aria-pressed=true],.gen-inline-controls button[aria-pressed=true]{background:var(--guide-selected);color:var(--guide-selected-ink);border-color:var(--guide-selected)}.gen-math button{background:var(--guide-paper);color:var(--guide-ink);border-color:var(--guide-line)}.gen-checkbox{align-items:center;gap:.6rem;font-size:.82rem;line-height:1.5;display:flex}.gen-checkbox input{accent-color:var(--guide-accent);width:1.1rem;height:1.1rem}.gen-stats{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.2rem;display:flex}.gen-stats>span{color:var(--guide-deep-muted);flex-direction:column;gap:.4rem;font-size:.72rem;display:flex}.gen-stats strong{color:var(--guide-lime);font-variant-numeric:tabular-nums;font-size:clamp(1.3rem,2.5vw,2rem);font-weight:400}.gen-probe{touch-action:none;background:0 0;border:0;width:100%;padding:0;display:block;position:relative;cursor:crosshair!important}.gen-marker{border:2px solid var(--guide-image-highlight);pointer-events:none;border-radius:50%;width:15px;height:15px;display:block;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #111}.gen-marker:before,.gen-marker:after{content:"";background:var(--guide-image-highlight);width:1px;height:21px;position:absolute;top:-5px;left:5px}.gen-marker:after{transform:rotate(90deg)}.gen-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.gen-axis{stroke:currentColor;stroke-width:1px;opacity:.18;fill:none}.gen-curve{width:100%;height:auto;color:var(--guide-accent);display:block}.gen-curve-dark{color:var(--guide-lime);max-height:140px}.gen-worley>.gen-panel{width:100%;max-width:620px;margin-inline:auto}.gen-worley-controls,.gen-elementary-settings{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem;display:grid}.gen-layer-stack{gap:.6rem;display:grid}.gen-octave-row{border:1px solid var(--guide-line);background:var(--guide-paper);padding:.7rem 1rem;transition:opacity .15s}.gen-octave-row label{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.78rem;display:flex}.gen-octave-row label span{color:var(--guide-muted);margin-left:auto;font-size:.68rem}.gen-octave-row input{accent-color:var(--guide-accent)}.gen-octave-row .gen-curve{max-height:66px}.gen-off{border-style:dashed}.gen-off .gen-curve{opacity:.48}.gen-distribution-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:1.25rem;display:grid}.gen-histogram{width:100%;color:var(--guide-accent);background:var(--gen-light)}.gen-histogram text,.gen-easing-graph text,.gen-tree text{fill:var(--guide-muted);font-size:10px}.gen-warp-flow{grid-template-columns:minmax(0,1fr) 1.5rem minmax(0,1fr);align-items:center;gap:.6rem;display:grid}.gen-flow-arrow{font-family:var(--font-mono), monospace;text-align:center;font-size:1.8rem}.gen-coordinate-grid,.gen-easing-graph{background:var(--gen-light);width:100%;color:var(--guide-accent)}.gen-motion-lanes{gap:1.5rem}.gen-motion-lane{width:100%;color:var(--guide-muted);text-align:left;background:0 0;border:1px solid #0000;flex-direction:column;gap:1rem;padding:.7rem 1rem 1.3rem;display:flex}.gen-motion-lane[aria-pressed=true]{background:var(--gen-light);border-color:var(--guide-line);color:var(--guide-ink)}.gen-motion-lane>span:first-child{justify-content:space-between;font-size:.82rem;display:flex}.gen-motion-track{background:var(--guide-line);height:2px;margin:0 7px;display:block;position:relative}.gen-motion-ghost,.gen-motion-dot{background:var(--guide-accent);opacity:.5;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;transform:translate(-50%,-50%)}.gen-motion-dot{background:var(--guide-accent);border:2px solid var(--guide-paper);opacity:1;width:16px;height:16px}.gen-pattern-layout{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.gen-motif{background:var(--guide-line);gap:4px;width:100%;max-width:240px;margin-inline:auto;padding:4px;display:grid}.gen-motif button{aspect-ratio:1;background:var(--guide-field);border:none;min-width:0;padding:0}.gen-motif button[aria-pressed=true]{background:var(--guide-selected)}.gen-truchet-field{width:100%;height:auto;display:block}.gen-truchet-score button,.gen-truchet-score button[aria-pressed=true]{background:var(--guide-panel)}.gen-truchet-score button[data-selected=true]{outline:3px solid var(--guide-accent);outline-offset:1px}.gen-truchet-score svg{background:#eef3e7;width:100%;height:100%;display:block}.gen-truchet-rule{grid-template-columns:90px minmax(0,1fr);align-items:center;gap:1.2rem;display:grid}.gen-truchet-rule svg{width:90px}.gen-truchet-field,.gen-truchet-score svg{--guide-ink:#203d2c;--guide-accent:#507246;--guide-paper:#f4f6e8;--guide-panel:#eef3e7;--guide-lime:#d6f49b}.gen-material-examples{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0;padding:0;display:grid}.gen-material-examples button{border:1px solid var(--guide-line);background:var(--guide-paper);color:var(--guide-ink);text-align:left;align-items:center;gap:.85rem;padding:.7rem;display:flex}.gen-material-examples button[aria-pressed=true]{background:var(--guide-selected);color:var(--guide-selected-ink);border-color:var(--guide-selected)}.gen-material-examples button[aria-pressed=true] small{color:var(--guide-selected-ink)}.gen-material-examples .gen-field{flex-shrink:0;width:64px}.gen-material-examples button>span{gap:.35rem;display:grid}.gen-material-examples strong{font-size:.8rem;font-weight:600}.gen-material-examples small{color:var(--guide-muted);font-size:.72rem;line-height:1.5}.gen-material-construction{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.gen-material-construction .gen-panel{padding:.85rem}.gen-material-result{background:var(--gen-light)}.gen-recipe-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.gen-recipe{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.gen-recipe li{background:var(--gen-light);border:1px solid var(--guide-line);gap:.8rem;padding:1rem;display:grid}.gen-recipe p{color:var(--guide-muted);font-size:.82rem;line-height:1.65}.gen-seed-input{justify-content:space-between;align-items:center;gap:1rem;font-size:.85rem;display:flex}.gen-seed-input input{border:1px solid var(--guide-line);background:var(--guide-paper);width:7rem;min-width:0;color:var(--guide-ink);padding:.4rem .6rem}.gen-map-panel .gen-curve{background:var(--gen-light);max-height:100px}.gen-tree{--guide-paper:#fffef8;color:#416b46;background:#eef3e7;width:100%}.gen-tree text{fill:#52664d}.gen-rule-code{margin:0;padding-left:1.2rem;font-size:.83rem;line-height:1.8}.gen-rule-code li+li{margin-top:.4rem}.gen-orbit{width:100%;max-width:280px;color:var(--guide-lime);align-self:center}.gen-orbit text{fill:var(--guide-deep-ink);font-size:10px}.gen-coordinate-controls{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.gen-corner-label{background:var(--guide-paper);color:var(--guide-ink);border:1px solid var(--guide-line);pointer-events:none;padding:.25rem .4rem;font-size:.8rem;position:absolute;top:.5rem;left:.6rem}.gen-julia-layout{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.gen-julia-constant .gen-probe{align-self:center;max-width:170px}.gen-julia-orbit{grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr);align-items:center;gap:1.4rem;display:grid}.gen-julia-orbit>div{gap:1rem;display:grid}.gen-life-board{background:#bfd0b3;border:0;gap:3px;margin:0;padding:4px;display:grid}.gen-life-board button{aspect-ratio:1;background:#edf4df;border:0;width:100%;min-width:0;padding:0;position:relative}.gen-life-board button[aria-pressed=true]{background:#325b3d}.gen-life-board button[data-next="1"]:after{content:"";background:#a57237;border-radius:50%;width:22%;height:22%;position:absolute;top:39%;left:39%;box-shadow:0 0 0 1px #f5eac3}.gen-life-board .gen-selected-cell{outline-offset:0;outline:2px solid #a16b37}.gen-neighborhood{grid-template-columns:repeat(3,1fr);gap:5px;width:100%;max-width:210px;margin-inline:auto;display:grid}.gen-neighborhood span{aspect-ratio:1;color:#244531;background:#edf4df;place-items:center;font-size:1.2rem;display:grid}.gen-neighborhood span[data-alive="1"]{color:#f8ffe5;background:#5e8052}.gen-neighborhood-center{outline-offset:1px;outline:3px solid #c99d59}.gen-spacetime .gen-field{object-fit:contain;background:#17392e;max-height:380px}.gen-rule-table{grid-template-columns:repeat(8,minmax(0,1fr));gap:.45rem;display:grid}.gen-rule-table button{background:var(--guide-paper);border:1px solid var(--guide-line);min-width:0;color:var(--guide-ink);flex-direction:column;align-items:center;gap:.4rem;padding:.7rem .3rem;display:flex}.gen-rule-table button[aria-pressed=true]{background:var(--gen-light)}.gen-rule-input{gap:2px;display:flex}.gen-rule-input i{background:#e4edda;border:1px solid #829776;width:clamp(8px,1.1vw,15px);height:clamp(8px,1.1vw,15px);display:block}.gen-rule-input i[data-alive="1"],.gen-rule-output[data-alive="1"]{color:#f2f9df;background:#315c3a}.gen-rule-output{color:#315c3a;background:#e4edda;place-items:center;width:1.4rem;height:1.4rem;font-size:.85rem;display:grid}.gen-rule-table small{color:var(--guide-muted);font-size:.7rem}.gen-reaction-inspector{gap:1rem;display:grid}.gen-chemical-origin{align-items:center;gap:.85rem;display:flex}.gen-chemical-origin .gen-field{flex-shrink:0;width:68px}.gen-art-examples{border:0;margin:0;padding:0}.gen-chemical-equation dl{font-variant-numeric:tabular-nums;gap:.4rem;margin-bottom:0;font-size:.84rem;display:grid}.gen-chemical-equation dl>div{border-bottom:1px solid var(--guide-deep-line);justify-content:space-between;gap:1rem;padding-bottom:.4rem;display:flex}.gen-chemical-equation dd{color:var(--guide-lime);margin:0}@media (max-width:700px){.gen-two-columns,.gen-fractal-inspection,.gen-life-layout,.gen-tree-layout,.gen-reaction-layout,.gen-distribution-layout,.gen-pattern-layout,.gen-recipe-layout,.gen-julia-layout,.gen-worley-controls,.gen-elementary-settings{grid-template-columns:minmax(0,1fr)}.gen-panel{padding:.85rem}.gen-math{padding:1.1rem}.gen-warp-flow{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:.65rem}.gen-warp-flow .gen-flow-arrow{display:none}.gen-warp-flow .gen-panel{padding:.55rem}.gen-warp-flow figcaption strong{font-size:.85rem}.gen-material-construction{grid-template-columns:minmax(0,1fr)}.gen-material-construction .gen-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.gen-material-construction .gen-field{grid-row:span 2}.gen-material-examples{gap:.4rem}.gen-material-examples button{flex-direction:column;align-items:stretch;padding:.5rem}.gen-material-examples .gen-field{width:100%}.gen-material-examples small{display:none}.gen-motion-lanes{gap:.75rem}.gen-rule-table{gap:.2rem}.gen-rule-table button{padding:.6rem .15rem}.gen-rule-input{gap:1px}.gen-rule-input i{width:8px;height:8px}.gen-julia-orbit{grid-template-columns:minmax(0,1fr)}.gen-orbit{margin-inline:auto}.gen-life-board{gap:2px}}@media (prefers-reduced-motion:reduce){.gen-octave-row{transition:none}}
.concept-page :is(.concept-library-header>a,.concept-category-tabs button,.concept-empty button,.concept-experiment-bar-actions button,.concept-experiment-error button,.concept-experiment-actions button,.concept-button-row button,.concept-experiment-controls>button,.concept-experiment-controls .editor-button,.concept-experiment-workbench [role=alert] button,.editing-toolbar>button:not(:has(.editing-ink-dot)),.editing-controls>button,.editing-layer-stack button,.editing-main>button:not(.editing-pixel-grid),.color-study-choices button,.color-study-actions button,.filter-study-tabs button,.filter-study-button,.gen-choices button,.gen-inline-controls button,.gen-panel>button:not(.gen-motion-lane):not(.gen-probe),.gen-math>button,.gen-stats>button,.gen-recipe button,.kernel-presets button,.kernel-reset,.kernel-playback button){border:2px solid;border-top-color:var(--panel-highlight);border-left-color:var(--panel-highlight);border-bottom-color:var(--panel-shadow);border-right-color:var(--panel-shadow);box-shadow:inset 1px 1px 0 var(--border-light), inset -1px -1px 0 var(--border-dark);background:var(--secondary);color:var(--foreground);font-family:var(--font-mono), monospace;cursor:pointer;border-radius:0}.concept-page :is(.concept-library-header>a,.concept-category-tabs button,.concept-empty button,.concept-experiment-bar-actions button,.concept-experiment-error button,.concept-experiment-actions button,.concept-button-row button,.concept-experiment-controls>button,.concept-experiment-controls .editor-button,.concept-experiment-workbench [role=alert] button,.editing-toolbar>button:not(:has(.editing-ink-dot)),.editing-controls>button,.editing-layer-stack button,.editing-main>button:not(.editing-pixel-grid),.color-study-choices button,.color-study-actions button,.filter-study-tabs button,.filter-study-button,.gen-choices button,.gen-inline-controls button,.gen-panel>button:not(.gen-motion-lane):not(.gen-probe),.gen-math>button,.gen-stats>button,.gen-recipe button,.kernel-presets button,.kernel-reset,.kernel-playback button):hover:not(:disabled){background:var(--muted);color:var(--foreground)}.concept-page :is(.concept-library-header>a,.concept-category-tabs button,.concept-empty button,.concept-experiment-bar-actions button,.concept-experiment-error button,.concept-experiment-actions button,.concept-button-row button,.concept-experiment-controls>button,.concept-experiment-controls .editor-button,.concept-experiment-workbench [role=alert] button,.editing-toolbar>button:not(:has(.editing-ink-dot)),.editing-controls>button,.editing-layer-stack button,.editing-main>button:not(.editing-pixel-grid),.color-study-choices button,.color-study-actions button,.filter-study-tabs button,.filter-study-button,.gen-choices button,.gen-inline-controls button,.gen-panel>button:not(.gen-motion-lane):not(.gen-probe),.gen-math>button,.gen-stats>button,.gen-recipe button,.kernel-presets button,.kernel-reset,.kernel-playback button):is([aria-pressed=true],[aria-selected=true]),.concept-page :is(.concept-library-header>a,.concept-category-tabs button,.concept-empty button,.concept-experiment-bar-actions button,.concept-experiment-error button,.concept-experiment-actions button,.concept-button-row button,.concept-experiment-controls>button,.concept-experiment-controls .editor-button,.concept-experiment-workbench [role=alert] button,.editing-toolbar>button:not(:has(.editing-ink-dot)),.editing-controls>button,.editing-layer-stack button,.editing-main>button:not(.editing-pixel-grid),.color-study-choices button,.color-study-actions button,.filter-study-tabs button,.filter-study-button,.gen-choices button,.gen-inline-controls button,.gen-panel>button:not(.gen-motion-lane):not(.gen-probe),.gen-math>button,.gen-stats>button,.gen-recipe button,.kernel-presets button,.kernel-reset,.kernel-playback button):is([aria-pressed=true],[aria-selected=true]):hover:not(:disabled){background:var(--guide-selected,var(--win98-title-start));color:var(--guide-selected-ink,var(--win98-light))}.concept-page :is(.concept-library-header>a,.concept-category-tabs button,.concept-empty button,.concept-experiment-bar-actions button,.concept-experiment-error button,.concept-experiment-actions button,.concept-button-row button,.concept-experiment-controls>button,.concept-experiment-controls .editor-button,.concept-experiment-workbench [role=alert] button,.editing-toolbar>button:not(:has(.editing-ink-dot)),.editing-controls>button,.editing-layer-stack button,.editing-main>button:not(.editing-pixel-grid),.color-study-choices button,.color-study-actions button,.filter-study-tabs button,.filter-study-button,.gen-choices button,.gen-inline-controls button,.gen-panel>button:not(.gen-motion-lane):not(.gen-probe),.gen-math>button,.gen-stats>button,.gen-recipe button,.kernel-presets button,.kernel-reset,.kernel-playback button):active:not(:disabled),.concept-page :is(.concept-library-header>a,.concept-category-tabs button,.concept-empty button,.concept-experiment-bar-actions button,.concept-experiment-error button,.concept-experiment-actions button,.concept-button-row button,.concept-experiment-controls>button,.concept-experiment-controls .editor-button,.concept-experiment-workbench [role=alert] button,.editing-toolbar>button:not(:has(.editing-ink-dot)),.editing-controls>button,.editing-layer-stack button,.editing-main>button:not(.editing-pixel-grid),.color-study-choices button,.color-study-actions button,.filter-study-tabs button,.filter-study-button,.gen-choices button,.gen-inline-controls button,.gen-panel>button:not(.gen-motion-lane):not(.gen-probe),.gen-math>button,.gen-stats>button,.gen-recipe button,.kernel-presets button,.kernel-reset,.kernel-playback button):is([aria-pressed=true],[aria-selected=true]){border-top-color:var(--panel-shadow);border-left-color:var(--panel-shadow);border-bottom-color:var(--panel-highlight);border-right-color:var(--panel-highlight);box-shadow:inset -1px -1px 0 var(--border-light), inset 1px 1px 0 var(--border-dark)}.concept-page :is(.concept-library-header>a,.concept-category-tabs button,.concept-empty button,.concept-experiment-bar-actions button,.concept-experiment-error button,.concept-experiment-actions button,.concept-button-row button,.concept-experiment-controls>button,.concept-experiment-controls .editor-button,.concept-experiment-workbench [role=alert] button,.editing-toolbar>button:not(:has(.editing-ink-dot)),.editing-controls>button,.editing-layer-stack button,.editing-main>button:not(.editing-pixel-grid),.color-study-choices button,.color-study-actions button,.filter-study-tabs button,.filter-study-button,.gen-choices button,.gen-inline-controls button,.gen-panel>button:not(.gen-motion-lane):not(.gen-probe),.gen-math>button,.gen-stats>button,.gen-recipe button,.kernel-presets button,.kernel-reset,.kernel-playback button):focus-visible{outline:2px solid var(--ring);outline-offset:3px}.concept-page :is(.concept-library-header>a,.concept-category-tabs button,.concept-empty button,.concept-experiment-bar-actions button,.concept-experiment-error button,.concept-experiment-actions button,.concept-button-row button,.concept-experiment-controls>button,.concept-experiment-controls .editor-button,.concept-experiment-workbench [role=alert] button,.editing-toolbar>button:not(:has(.editing-ink-dot)),.editing-controls>button,.editing-layer-stack button,.editing-main>button:not(.editing-pixel-grid),.color-study-choices button,.color-study-actions button,.filter-study-tabs button,.filter-study-button,.gen-choices button,.gen-inline-controls button,.gen-panel>button:not(.gen-motion-lane):not(.gen-probe),.gen-math>button,.gen-stats>button,.gen-recipe button,.kernel-presets button,.kernel-reset,.kernel-playback button):disabled{opacity:.5;cursor:default}.concept-page :is(.concept-library-controls input[type=search],.concept-control select,.concept-experiment-controls select,.concept-experiment-controls input:is([type=text],[type=number],:not([type])),.editing-controls select,.gen-seed-input input,.filter-study-weights input[type=number],.kernel-image-picker select,.kernel-divisor input,.kernel-coefficients input){border:2px solid;border-top-color:var(--panel-shadow);border-left-color:var(--panel-shadow);border-bottom-color:var(--panel-highlight);border-right-color:var(--panel-highlight);box-shadow:inset -1px -1px 0 var(--border-light), inset 1px 1px 0 var(--border-dark);background:var(--input);color:var(--foreground);font-family:var(--font-mono), monospace;border-radius:0}.concept-page :is(.concept-library-controls input[type=search],.concept-control select,.concept-experiment-controls select,.concept-experiment-controls input:is([type=text],[type=number],:not([type])),.editing-controls select,.gen-seed-input input,.filter-study-weights input[type=number],.kernel-image-picker select,.kernel-divisor input,.kernel-coefficients input):focus-visible{outline:2px solid var(--ring);outline-offset:3px}.concept-page :is(.concept-library-controls input[type=search],.concept-control select,.concept-experiment-controls select,.concept-experiment-controls input:is([type=text],[type=number],:not([type])),.editing-controls select,.gen-seed-input input,.filter-study-weights input[type=number],.kernel-image-picker select,.kernel-divisor input,.kernel-coefficients input):disabled{opacity:.5}.concept-page :is(.concept-library-controls input[type=search],.concept-control select,.concept-experiment-controls select,.concept-experiment-controls input:is([type=text],[type=number],:not([type])),.editing-controls select,.gen-seed-input input,.filter-study-weights input[type=number],.kernel-image-picker select,.kernel-divisor input,.kernel-coefficients input)::placeholder{color:var(--muted-foreground);opacity:1}.concept-page :is(.concept-library-controls input[type=search],.concept-control select,.concept-experiment-controls select,.concept-experiment-controls input:is([type=text],[type=number],:not([type])),.editing-controls select,.gen-seed-input input,.filter-study-weights input[type=number],.kernel-image-picker select,.kernel-divisor input,.kernel-coefficients input) option{background:var(--input);color:var(--foreground)}.concept-page .kernel-coefficients input:nth-child(5){background:var(--guide-selected,var(--win98-title-start));color:var(--guide-selected-ink,var(--win98-light))}.concept-page :is(.concept-control,.gen-range,.concept-experiment-controls) input[type=range]{appearance:none;min-height:24px;box-shadow:none;accent-color:var(--primary);background:0 0;border:0;border-radius:0}.concept-page :is(.concept-control,.gen-range,.concept-experiment-controls) input[type=range]::-webkit-slider-runnable-track{border:1px solid;border-color:var(--panel-shadow) var(--panel-highlight) var(--panel-highlight) var(--panel-shadow);background:var(--input);height:6px;box-shadow:inset 1px 1px 0 var(--border-dark);border-radius:0}.concept-page :is(.concept-control,.gen-range,.concept-experiment-controls) input[type=range]::-moz-range-track{box-sizing:border-box;border:1px solid;border-color:var(--panel-shadow) var(--panel-highlight) var(--panel-highlight) var(--panel-shadow);background:var(--input);height:6px;box-shadow:inset 1px 1px 0 var(--border-dark);border-radius:0}.concept-page :is(.concept-control,.gen-range,.concept-experiment-controls) input[type=range]::-webkit-slider-thumb{appearance:none;box-sizing:border-box;border:2px solid;border-color:var(--panel-highlight) var(--panel-shadow) var(--panel-shadow) var(--panel-highlight);background:var(--secondary);width:14px;height:18px;box-shadow:inset 1px 1px 0 var(--border-light), inset -1px -1px 0 var(--border-dark);border-radius:0;margin-top:-7px}.concept-page :is(.concept-control,.gen-range,.concept-experiment-controls) input[type=range]::-moz-range-thumb{box-sizing:border-box;border:2px solid;border-color:var(--panel-highlight) var(--panel-shadow) var(--panel-shadow) var(--panel-highlight);background:var(--secondary);width:14px;height:18px;box-shadow:inset 1px 1px 0 var(--border-light), inset -1px -1px 0 var(--border-dark);border-radius:0}.concept-page :is(.concept-control,.gen-range,.concept-experiment-controls) input[type=range]:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.concept-page :is(.concept-control,.gen-range,.concept-experiment-controls) input[type=range]:disabled{opacity:.5;cursor:default}.concept-page :is(.editing-check,.gen-checkbox,.gen-octave-row) input[type=checkbox]{accent-color:var(--primary)}@media (forced-colors:active){.concept-page :is(.concept-control,.gen-range,.concept-experiment-controls) input[type=range]{appearance:auto}}