.lenia-widget{background:var(--doc-paper);border:1px solid var(--doc-rule-strong);border-radius:0;margin:2.4em 0;padding:0}.lenia-widget.is-ready noscript{display:none}.lenia-widget-header{border-bottom:1px solid var(--doc-rule);justify-content:space-between;align-items:baseline;gap:12px;padding:10px 14px;display:flex}.lenia-widget-title{font-family:var(--sl-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--doc-ink);font-size:11px;font-weight:600}.lenia-widget-subtitle{font-family:var(--sl-font-mono);color:var(--doc-muted);letter-spacing:.02em;font-size:11px}.lenia-widget-body{gap:12px;padding:14px;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-widget-body.sandbox-layout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start}.lenia-canvas-wrap{border:1px solid var(--doc-rule);background:var(--doc-paper);position:relative}.lenia-canvas-wrap canvas{width:100%;max-width:360px;height:auto;max-height:360px;margin:0 auto;display:block}.lenia-canvas-wrap.plot{background:var(--doc-paper)}.lenia-canvas-wrap.dark{border-color:var(--doc-rule-strong);background:#0b0e14}.lenia-canvas-wrap .lenia-canvas-caption{font-family:var(--sl-font-mono);letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.6);pointer-events:none;font-size:10px;position:absolute;bottom:4px;left:6px}.lenia-canvas-wrap.plot .lenia-canvas-caption{color:var(--doc-muted)}.lenia-panel-title{font-family:var(--sl-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--doc-muted);margin:0 0 6px;font-size:10px;font-weight:600}.lenia-controls{border-top:1px solid var(--doc-rule);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 14px;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;font-family:var(--sl-font-mono);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;border-radius:0;padding:4px 10px;font-size:10px;line-height:1.2}.lenia-btn:hover{border-color:var(--doc-ink);color:var(--doc-ink);background:rgba(11,14,20,.04)}.lenia-btn:focus-visible{outline:1px solid var(--doc-ink);outline-offset:1px}.lenia-btn.is-active{background:var(--doc-ink);border-color:var(--doc-ink);color:var(--doc-paper)}.lenia-select{-ms-appearance:none;appearance:none;border:1px solid var(--doc-rule-strong);background:var(--doc-paper);color:var(--doc-ink);font:inherit;font-family:var(--sl-font-mono);letter-spacing:.04em;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%230b0e14'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border-radius:0;padding:4px 22px 4px 8px;font-size:10px}.lenia-slider-group{align-items:center;gap:6px;font-size:11px;display:flex}.lenia-slider-group label{font-family:var(--sl-font-mono);letter-spacing:.06em;text-transform:uppercase;min-width:20px;color:var(--doc-muted);font-size:10px;font-weight:600}.lenia-slider-group input[type=range]{width:110px;accent-color:var(--doc-ink)}.lenia-slider-group .lenia-slider-value{font-family:var(--sl-font-mono);color:var(--doc-ink);text-align:right;border:1px solid var(--doc-rule);min-width:44px;padding:1px 4px;font-size:10px}.lenia-metrics-bar{border-top:1px solid var(--doc-rule);flex-wrap:wrap;gap:0;padding:0;display:flex}.lenia-metric{border-right:1px solid var(--doc-rule);align-items:baseline;gap:6px;padding:6px 12px;font-size:11px;display:inline-flex}.lenia-metric:last-child{border-right:none}.lenia-metric-label{font-family:var(--sl-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--doc-muted);font-size:10px;font-weight:600}.lenia-metric-value{font-family:var(--sl-font-mono);color:var(--doc-ink);font-weight:500}.lenia-metric-value.accent{color:var(--doc-accent)}.lenia-metric-value.success{color:var(--doc-ink)}.lenia-metric-value.danger{color:#8a3a1f}.lenia-narration{border-top:1px solid var(--doc-rule);color:var(--doc-ink);font-size:12px;line-height:1.5;font-family:var(--sl-font-prose);background:0 0;padding:8px 12px}.lenia-creature-card{flex-direction:column;gap:6px;display:flex}.lenia-creature-card .lenia-canvas-wrap{aspect-ratio:1}.lenia-creature-card .lenia-canvas-wrap canvas{image-rendering:pixelated}.lenia-creature-meta{font-family:var(--sl-font-mono);border-top:1px solid var(--doc-rule);justify-content:space-between;align-items:baseline;gap:8px;padding:4px 0 0;font-size:10px;display:flex}.lenia-creature-name{color:var(--doc-ink);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.lenia-creature-tag{color:var(--doc-muted);letter-spacing:.02em;font-size:10px}.lenia-strategy-card{flex-direction:column;gap:4px;display:flex}.lenia-strategy-card .lenia-panel-title{margin-bottom:4px}.lenia-strategy-card .lenia-canvas-wrap{aspect-ratio:1}.lenia-strategy-card .lenia-canvas-caption-row{font-family:var(--sl-font-mono);color:var(--doc-muted);letter-spacing:.04em;border-top:1px solid var(--doc-rule);justify-content:space-between;padding:4px 0 2px;font-size:10px;display:flex}.lenia-strategy-card .lenia-canvas-caption-row .accent{color:var(--doc-ink);font-weight:600}.lenia-legend{font-family:var(--sl-font-mono);color:var(--doc-muted);letter-spacing:.02em;flex-wrap:wrap;align-items:center;gap:12px;font-size:10px;display:flex}.lenia-legend-item{align-items:center;gap:5px;display:inline-flex}.lenia-legend-swatch{border:1px solid var(--doc-rule-strong);width:10px;height:10px;display:inline-block}.lenia-mass-plot-wrap{border:1px solid var(--doc-rule);background:var(--doc-paper);padding:4px 6px}.lenia-mass-plot-wrap canvas{width:100%;height:60px;display:block}.lenia-grid-legend{font-family:var(--sl-font-mono);color:var(--doc-muted);align-items:center;gap:12px;font-size:10px;display:flex}@media (max-width:900px){.lenia-widget-body.dual-panel,.lenia-widget-body.triple-panel,.lenia-widget-body.sandbox-layout{grid-template-columns:1fr}}@media (max-width:480px){.lenia-widget-header,.lenia-widget-body,.lenia-controls,.lenia-metrics-bar{padding-left:10px;padding-right:10px}.lenia-slider-group input[type=range]{width:90px}}@media (prefers-reduced-motion:reduce){.lenia-widget canvas{animation:none}}