.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}}
