.lenia-widget{border:1px solid var(--doc-rule-strong);background:rgba(88,67,40,.03);margin:1.8em 0;padding:12px}.lenia-widget.is-ready noscript{display:none}.lenia-widget-header{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.lenia-widget-title{letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:700}.lenia-widget-body{gap:12px;display:grid}.lenia-widget-body.dual-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.lenia-widget-body.triple-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.lenia-canvas-wrap{border:1px solid var(--doc-rule);background:var(--doc-ink);position:relative;overflow:hidden}.lenia-canvas-wrap canvas{width:100%;height:auto;display:block}.lenia-canvas-wrap.plot{background:var(--doc-paper)}.lenia-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lenia-btn{-ms-appearance:none;appearance:none;border:1px solid var(--doc-rule-strong);background:var(--doc-paper);color:var(--doc-ink);font:inherit;cursor:pointer;padding:5px 10px;font-size:12px;line-height:1.2;transition:border-color .12s ease-out}.lenia-btn:hover{border-color:rgba(90,67,41,.85)}.lenia-btn:focus-visible{outline:2px solid var(--doc-accent);outline-offset:2px}.lenia-btn.is-active{background:rgba(179,120,61,.12);border-color:#b3783d}.lenia-select{-ms-appearance:none;appearance:none;border:1px solid var(--doc-rule-strong);background:var(--doc-paper);color:var(--doc-ink);font:inherit;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%230b0e14'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding:5px 24px 5px 8px;font-size:12px}.lenia-slider-group{align-items:center;gap:8px;font-size:12px;display:flex}.lenia-slider-group label{letter-spacing:.06em;text-transform:uppercase;min-width:14px;color:var(--doc-muted);font-size:11px;font-weight:700}.lenia-slider-group input[type=range]{width:100px;accent-color:var(--doc-accent)}.lenia-slider-group .lenia-slider-value{text-align:right;min-width:40px;font-family:var(--sl-font-mono);color:var(--doc-muted);font-size:11px}.lenia-metrics-bar{border-top:1px solid var(--doc-rule);color:var(--doc-muted);flex-wrap:wrap;gap:12px;margin-top:4px;padding-top:8px;font-size:11px;display:flex}.lenia-metric{gap:4px;display:flex}.lenia-metric-label{letter-spacing:.06em;text-transform:uppercase;font-weight:700}.lenia-metric-value{font-family:var(--sl-font-mono)}.lenia-narration{border:1px solid var(--doc-rule);background:var(--doc-overlay-soft);color:var(--doc-ink);min-height:60px;padding:10px 12px;font-size:12px;line-height:1.55}.lenia-grid-legend{color:var(--doc-muted);align-items:center;gap:10px;font-size:11px;display:flex}.lenia-legend-swatch{border:1px solid var(--doc-rule);vertical-align:middle;width:12px;height:12px;margin-right:3px;display:inline-block}@media (max-width:900px){.lenia-widget-body.dual-panel,.lenia-widget-body.triple-panel{grid-template-columns:1fr}}@media (max-width:480px){.lenia-widget{padding:8px}.lenia-slider-group input[type=range]{width:80px}}@media (prefers-reduced-motion:reduce){.lenia-widget canvas{animation:none}}