:root{--bg:#0b0e14;--bg-panel:#11151f;--bg-panel-2:#161b27;--bg-elevated:#1c2230;--border:#232a3a;--border-strong:#313a4f;--text:#d8def0;--text-dim:#8b95ad;--text-faint:#5d6680;--accent:#58c6ff;--accent-dim:#2b6c93;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);overflow:hidden}.app-shell{flex-direction:row;height:100vh;display:flex}.app-loading{justify-content:center;align-items:center;height:100vh;display:flex}.main-area{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.panes{flex-direction:row;flex:auto;min-width:0;min-height:0;display:flex}.pane{flex:1 1 0;min-width:0;min-height:0;display:flex}.pane+.pane{border-left:1px solid var(--border-strong)}.stage{flex-direction:column;flex:auto;min-width:0;display:flex;position:relative}.pane-label{z-index:6;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0d14d1;border-radius:.4rem;align-items:center;gap:.4rem;max-width:calc(100% - 1.2rem);padding:.3rem .5rem;display:flex;position:absolute;bottom:.6rem;left:.6rem}.pane-label__name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.pane-label__close{width:1.3rem;height:1.3rem;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:.3rem;justify-content:center;align-items:center;padding:0;font-size:.85rem;line-height:1;display:inline-flex}.pane-label__close:hover:not(:disabled){background:var(--bg-elevated);color:#ff8d8d}.pane-label__close:disabled{opacity:.4;cursor:default}.canvas-container{background:radial-gradient(circle at 50% 40%,#0e1320 0%,#080a10 100%);flex:auto;min-height:0;position:relative;overflow:hidden}.lenia-canvas{touch-action:none;width:100%;height:100%;display:block}.canvas-loading{z-index:6;border:1px solid var(--border-strong);color:var(--text-dim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#0a0d14d1;border-radius:.5rem;align-items:center;gap:.5rem;padding:.35rem .7rem;font-size:.78rem;display:flex;position:absolute;bottom:.6rem;left:50%;transform:translate(-50%)}.canvas-loading__spinner{border:2px solid var(--border-strong);border-top-color:var(--text);border-radius:50%;width:.85rem;height:.85rem;animation:.8s linear infinite canvas-spin}@keyframes canvas-spin{to{transform:rotate(360deg)}}.canvas-error{text-align:center;background:radial-gradient(circle at 50% 40%,#1a1320 0%,#0c0810 100%);flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:.6rem;padding:2rem;display:flex}.canvas-error__title{color:#ff9d9d;margin:0;font-size:.95rem;font-weight:600}.canvas-error__body{max-width:28rem;color:var(--text-dim);margin:0;font-size:.82rem;line-height:1.5}.inspector-hover-empty{color:var(--text-dim);margin:0;font-size:.78rem;line-height:1.4}.controls-help{z-index:6;position:absolute;bottom:.6rem;right:.6rem}.controls-help__btn{width:1.9rem;height:1.9rem;color:var(--text-dim);border:1px solid var(--border-strong);cursor:help;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0d14d1;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .12s,border-color .12s;display:inline-flex}.controls-help__btn:hover,.controls-help__btn:focus-visible{color:var(--accent);border-color:var(--accent-dim);outline:none}.controls-help__panel{z-index:6;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0d14f2;border-radius:.5rem;flex-direction:column;gap:.75rem;width:19rem;max-width:calc(100vw - 2rem);padding:.7rem .85rem;display:none;position:absolute;bottom:calc(100% + .5rem);right:0;box-shadow:0 10px 30px #00000080}.controls-help:hover .controls-help__panel,.controls-help:focus-within .controls-help__panel{display:flex}.controls-help__heading{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin:0 0 .4rem;font-size:.68rem;font-weight:600}.controls-help__list{grid-template-columns:auto 1fr;gap:.2rem .75rem;margin:0;display:grid}.controls-help__row{display:contents}.controls-help__keys{font-family:var(--mono);color:var(--text);white-space:nowrap;font-size:.72rem}.controls-help__action{color:var(--text-dim);text-align:right;margin:0;font-size:.74rem}:is(.inspector-header h2:has(.info-tip),.inspector-section h3:has(.info-tip)){align-items:center;display:flex}.info-tip{margin-left:.35rem;display:inline-flex}.info-tip__btn{color:var(--text-faint);cursor:help;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .12s;display:inline-flex}.info-tip__btn:hover,.info-tip__btn:focus-visible{color:var(--accent);outline:none}.info-tip__btn svg{width:1em;height:1em;display:block}.info-tip__panel{z-index:50;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:normal;text-transform:none;width:max-content;max-width:260px;color:var(--text-dim);pointer-events:none;background:#0a0d14f7;border-radius:.45rem;padding:.5rem .65rem;font-size:.74rem;font-weight:400;line-height:1.5;position:fixed;box-shadow:0 10px 30px #00000080}.tip-list{grid-template-columns:auto 1fr;align-items:baseline;gap:.28rem .7rem;display:grid}.tip-list__row{display:contents}.tip-list__key{font-family:var(--mono);color:var(--text);white-space:nowrap;font-size:.7rem}.tip-list__desc{color:var(--text-dim)}.controls{background:var(--bg-panel);border-top:1px solid var(--border);flex:none;align-items:center;gap:.6rem;padding:.55rem .85rem;display:flex}.control-btn{background:var(--bg-elevated);min-width:2.1rem;height:2.1rem;color:var(--text);border:1px solid var(--border-strong);cursor:pointer;border-radius:.4rem;justify-content:center;align-items:center;padding:0 .5rem;font-size:.85rem;transition:background .12s,border-color .12s;display:inline-flex}.control-btn:hover:not(:disabled){border-color:var(--accent-dim);background:#242c3d}.control-btn:disabled{opacity:.4;cursor:default}.control-btn--play{color:var(--accent);font-size:.95rem}.control-btn--small{min-width:1.7rem;height:1.7rem;font-size:1rem}.scrubber-wrap{flex-direction:column;flex:auto;gap:.3rem;min-width:0;display:flex}.scrubber{width:100%;accent-color:var(--accent);cursor:pointer}.sim-progress{background:var(--bg-elevated);border-radius:2px;height:3px;overflow:hidden}.sim-progress__fill{background:var(--accent-dim);border-radius:inherit;height:100%;transition:width .2s}.gen-readout{font-family:var(--mono);color:var(--text-dim);white-space:nowrap;justify-content:flex-end;align-items:center;gap:.4rem;min-width:12rem;font-size:.76rem;display:flex}.gen-readout__gen{color:var(--text)}.gen-readout__past{color:#ffcf6b}.speed-control{align-items:center;gap:.35rem;display:flex}.speed-readout{font-family:var(--mono);color:var(--text-dim);text-align:center;min-width:3.2rem;font-size:.76rem}.control-btn--tutorial{color:var(--text-dim);padding:0 .7rem;font-size:.78rem}.control-btn--tutorial:hover:not(:disabled){color:var(--accent)}.inspector{--inspector-w:clamp(16rem, 20vw, 20rem);flex:0 0 var(--inspector-w);width:var(--inspector-w);background:var(--bg-panel);border-left:1px solid var(--border);flex-direction:column;min-height:0;display:flex;container-type:inline-size}.panes--comparing .inspector{--inspector-w:clamp(11rem, 15vw, 17rem)}.inspector--mirrored{border-left:none;border-right:1px solid var(--border)}.inspector-rail{background:var(--bg-panel);border:none;border-left:1px solid var(--border);width:1.6rem;color:var(--text-dim);cursor:pointer;flex:0 0 1.6rem;font-size:.8rem}.inspector-rail--mirrored{border-left:none;border-right:1px solid var(--border)}.inspector-rail:hover{color:var(--accent)}.inspector-header,.inspector-body{font-size:clamp(.6rem,.45rem + 1.5cqi,.75rem)}.inspector-header{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;padding:.55rem .85rem;display:flex}.inspector-header h2{margin:0;font-size:1.15em;font-weight:600}.inspector-collapse{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:1em}.inspector-collapse:hover{color:var(--accent)}.inspector-body{padding:.5rem .85rem 1.2rem;overflow-y:auto}.inspector-section{margin:.85rem 0}.inspector-section h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin:0 0 .5rem;font-size:.925em;font-weight:600}.stat-row{border-bottom:1px solid #ffffff08;flex-wrap:wrap;column-gap:.75rem;padding:.18rem 0;font-size:1em;display:flex}.stat-row__label{color:var(--text-dim);white-space:nowrap}.stat-row__value{font-family:var(--mono);color:var(--text);text-align:right;white-space:nowrap;margin-left:auto}.inspector-formula{background:var(--bg-panel-2);font-family:var(--mono);color:var(--text-dim);border-radius:.4rem;margin:.6rem 0 0;padding:.5rem;font-size:.9em;line-height:1.5}.inspector-formula strong{color:var(--accent)}.inspector-note--pinned{border:1px solid var(--accent-dim);color:var(--text-dim);background:#78dcff1a;border-radius:.4rem;margin:0 0 .6rem;padding:.5rem .6rem;font-size:.8rem;line-height:1.4}.agg-table{font-size:.975em}.agg-table__head,.agg-table__row{grid-template-columns:1.4fr 1fr 1fr;gap:.4rem;padding:.2rem 0;display:grid}.agg-table__head{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);font-size:.872em}.agg-table__head span:not(:first-child){text-align:right}.agg-table__row{font-family:var(--mono);border-bottom:1px solid #ffffff08}.agg-table__label{color:var(--text-dim);font-family:system-ui,sans-serif}.agg-table__row span:not(.agg-table__label){text-align:right}.viz-stack{flex-direction:column;gap:.85rem;display:flex}.viz{flex-direction:column;gap:.25rem;display:flex}.viz--kernel{align-items:center}.viz--growth{width:100%}.viz-canvas{border:1px solid var(--border-strong);background:#060810;border-radius:.3rem}.viz-growth{background:var(--bg-panel-2);border:1px solid var(--border);border-radius:.3rem;width:100%;height:auto}.viz-caption{color:var(--text-faint);font-size:.8em;font-family:var(--mono)}.viz-cap-curve{color:#9ad36b}.viz-cap-u{color:#ffcf6b}.viz-cap-mark{color:var(--accent)}.viz-axis{stroke:var(--border-strong);stroke-width:1px}.viz-u{stroke:#ffcf6b;stroke-width:1px}.viz-dot{fill:var(--accent)}.viz-line{fill:none;stroke-width:1.5px;vector-effect:non-scaling-stroke}.viz-line--growth{stroke:#9ad36b}.canvas-toolbar{z-index:5;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0d14d1;border-radius:.5rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;max-width:calc(100% - 1.2rem);padding:.35rem .45rem;display:flex;position:absolute;top:.6rem;left:50%;transform:translate(-50%)}.mode-toggle{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:.4rem;display:inline-flex;overflow:hidden}.mode-toggle__btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:.3rem .7rem;font-size:.8rem;transition:background .12s,color .12s}.mode-toggle__btn--active{background:var(--accent-dim);color:var(--text)}.mode-toggle__btn:disabled{cursor:default;opacity:.55}.toolbar-toggle{background:var(--bg-elevated);color:var(--text-dim);border:1px solid var(--border-strong);cursor:pointer;border-radius:.4rem;padding:.3rem .7rem;font-size:.8rem;transition:background .12s,color .12s,border-color .12s}.toolbar-toggle:hover{border-color:var(--accent-dim);background:#242c3d}.toolbar-toggle--active{background:var(--accent-dim);color:var(--text);border-color:var(--accent-dim)}.toolbar-group,.heatmap-toggle{align-items:center;gap:.3rem;display:inline-flex}.heatmap-toggle__label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.toolbar-toggle--drivers.toolbar-toggle--active{color:#ffbe78;background:#dc600c57;border-color:#ff9626}.toolbar-toggle--dependents.toolbar-toggle--active{color:#d6e0ff;background:linear-gradient(90deg,#3cb9cd57,#7c5cec57);border-color:#a084ff}.heatmap-info{flex-direction:column;gap:.4rem;display:flex}.heatmap-info__item{align-items:flex-start;gap:.4rem;display:flex}.heatmap-info__swatch{border-radius:2px;flex:none;width:.7rem;height:.7rem;margin-top:.15rem}.edit-controls{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.edit-slider{color:var(--text-dim);align-items:center;gap:.35rem;min-width:0;font-size:.74rem;display:flex}.edit-slider input[type=range]{min-width:0;accent-color:var(--accent);cursor:pointer;flex:0 6rem}.edit-slider__value{font-family:var(--mono);color:var(--text);text-align:right;min-width:2.2rem}.edit-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem;min-width:0;display:flex}.toolbar-divider{background:var(--border-strong);align-self:stretch;width:1px;margin:.1rem .15rem}.icon-btn{background:var(--bg-elevated);width:1.8rem;height:1.8rem;color:var(--text);border:1px solid var(--border-strong);cursor:pointer;border-radius:.4rem;justify-content:center;align-items:center;padding:0;font-size:.9rem;line-height:1;transition:background .12s,border-color .12s;display:inline-flex}.icon-btn:hover:not(:disabled){border-color:var(--accent-dim);background:#242c3d}.icon-btn:disabled{opacity:.4;cursor:default}.icon-btn--confirm:not(:disabled){color:#9ad36b}.icon-btn--danger:not(:disabled){color:#ff8d8d}.branch-name-input{background:var(--bg-elevated);min-width:4rem;color:var(--text);border:1px solid var(--border-strong);border-radius:.4rem;flex:0 9rem;padding:.3rem .45rem;font-size:.78rem}.draft-badge{color:#ffcf6b;white-space:nowrap;font-size:.72rem}.timelines{background:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;flex:0 0 17rem;width:17rem;min-height:0;display:flex;position:relative}.timelines-rail{background:var(--bg-panel);border-right:1px solid var(--border);flex:0 0 1.6rem;width:1.6rem;display:flex;position:relative}.timelines-rail__btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex:auto;font-size:.8rem}.timelines-rail__btn:hover{color:var(--accent)}.timelines__resizer{cursor:col-resize;z-index:2;touch-action:none;background:0 0;border:none;width:7px;padding:0;position:absolute;top:0;bottom:0;right:-3px}.timelines__resizer:hover,.is-resizing-sidebar .timelines__resizer{background:linear-gradient(to right, transparent 2px, var(--accent-dim) 2px, transparent 5px)}.is-resizing-sidebar{cursor:col-resize;-webkit-user-select:none;user-select:none}.timelines__top{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:.4rem;padding:.55rem .6rem;display:flex}.timelines__collapse{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex:none;font-size:.8rem}.timelines__collapse:hover{color:var(--accent)}.timelines__locked-hint{color:#ffcf6b;border-bottom:1px solid var(--border);margin:0;padding:.5rem .7rem;font-size:.72rem}.timelines__list{padding:.4rem .3rem 1rem;overflow-y:auto}.timeline-row__name:disabled{cursor:default;opacity:.55}.timeline-row{border-radius:.35rem;align-items:center;gap:.25rem;min-height:1.85rem;padding-right:.3rem;display:flex;position:relative}.timeline-row:hover{background:var(--bg-panel-2)}.timeline-row--active{background:var(--bg-elevated)}.timeline-row--active:before{content:"";background:var(--accent);border-radius:2px;width:2px;position:absolute;top:.25rem;bottom:.25rem;left:0}.timeline-row--comparison{background:var(--bg-panel-2)}.timeline-row__compare{color:var(--accent);flex:none;align-items:center;font-size:.85rem;line-height:1;display:inline-flex}.timeline-row__name{min-width:0;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;flex:auto;align-items:center;gap:.4rem;padding:.3rem .1rem;font-size:.82rem;display:flex}.timeline-row__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timeline-row__branch-icon{color:var(--text-faint);flex:none}.timeline-row__rename{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border-strong);border-radius:.35rem;flex:auto;margin:.15rem 0;padding:.25rem .4rem;font-size:.82rem}.timeline-row__menu-wrap{flex:none;position:relative}.timeline-row__more{visibility:hidden;width:1.5rem;height:1.5rem;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:.3rem;font-size:1rem;line-height:1}.timeline-row:hover .timeline-row__more{visibility:visible}.timeline-row__more:hover{background:var(--bg-elevated);color:var(--text)}.timeline-menu{z-index:50;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:.4rem;min-width:7rem;padding:.2rem;position:fixed;box-shadow:0 6px 18px #0006}.timeline-menu__item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.3rem;padding:.35rem .5rem;font-size:.8rem;display:block}.timeline-menu__item:hover{background:var(--bg-panel-2)}.timeline-menu__item--danger{color:#ff8d8d}.preset-combobox{flex:auto;min-width:0;position:relative}.preset-combobox__button{background:var(--bg-elevated);width:100%;color:var(--text);border:1px solid var(--border-strong);cursor:pointer;text-align:left;border-radius:.4rem;align-items:center;gap:.4rem;padding:.4rem .55rem;font-size:.82rem;display:flex}.preset-combobox__button:disabled{cursor:default;opacity:.55}.preset-combobox__name{text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.preset-combobox__code{font-family:var(--mono);color:var(--text-faint);flex:none;font-size:.7rem}.preset-combobox__caret{color:var(--text-dim);flex:none;font-size:.7rem}.preset-combobox__popover{z-index:20;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:.45rem;width:max-content;min-width:100%;max-width:min(34rem,100vw - 2rem);position:absolute;top:calc(100% + .3rem);left:0;overflow:hidden;box-shadow:0 10px 30px #00000080}.preset-combobox__search{background:var(--bg-panel-2);width:100%;color:var(--text);border:none;border-bottom:1px solid var(--border);padding:.5rem .6rem;font-size:.82rem}.preset-combobox__search:focus{outline:none}.preset-combobox__list{max-height:calc(100vh - 7rem);padding:.25rem;overflow-y:auto}.preset-combobox__group-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);padding:.35rem .5rem .2rem;font-size:.64rem}.preset-combobox__option{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.3rem;align-items:baseline;gap:.4rem;padding:.35rem .5rem;font-size:.8rem;display:flex}.preset-combobox__option-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.preset-combobox__option-code{font-family:var(--mono);color:var(--text-faint);flex:none;font-size:.68rem}.preset-combobox__option--active{background:var(--bg-panel-2)}.preset-combobox__option--current{color:var(--accent)}.preset-combobox__empty{color:var(--text-faint);text-align:center;padding:.6rem .5rem;font-size:.78rem}.onboarding-overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04060bb8;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.onboarding-modal{background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:.7rem;width:34rem;max-width:100%;max-height:calc(100vh - 3rem);padding:1.6rem 1.7rem 1.4rem;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0009}.onboarding-close{width:1.8rem;height:1.8rem;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:.4rem;justify-content:center;align-items:center;padding:0;font-size:.95rem;transition:background .12s,color .12s;display:inline-flex;position:absolute;top:.8rem;right:.8rem}.onboarding-close:hover,.onboarding-close:focus-visible{background:var(--bg-elevated);color:var(--text);outline:none}.onboarding-title{color:var(--text);margin:0 1.8rem .6rem 0;font-size:1.25rem;font-weight:600}.onboarding-intro{color:var(--text-dim);margin:0 0 1rem;font-size:.9rem;line-height:1.55}.onboarding-intro strong{color:var(--text)}.onboarding-intro em{color:var(--accent);font-style:normal}.onboarding-video{aspect-ratio:16/9;border:1px solid var(--border-strong);background:#000;border-radius:.5rem;margin:0 0 1.2rem;position:relative;overflow:hidden}.onboarding-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.onboarding-section{margin:1.2rem 0 0}.onboarding-heading{text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);margin:0 0 .6rem;font-size:.7rem;font-weight:600}.onboarding-features{flex-direction:column;gap:.7rem;margin:0;display:flex}.onboarding-feature{margin:0}.onboarding-feature__name{color:var(--accent);margin:0;font-size:.86rem;font-weight:600}.onboarding-feature__blurb{color:var(--text-dim);margin:.12rem 0 0;font-size:.82rem;line-height:1.5}.onboarding-links{flex-wrap:wrap;gap:.4rem 1.2rem;margin:0;padding:0;list-style:none;display:flex}.onboarding-links a{color:var(--accent);font-size:.84rem;text-decoration:none}.onboarding-links a:hover,.onboarding-links a:focus-visible{outline:none;text-decoration:underline}.onboarding-actions{justify-content:flex-end;margin-top:1.5rem;display:flex}.onboarding-start{background:var(--accent-dim);color:var(--text);border:1px solid var(--accent-dim);cursor:pointer;border-radius:.45rem;padding:.5rem 1.3rem;font-size:.88rem;font-weight:600;transition:background .12s,border-color .12s}.onboarding-start:hover,.onboarding-start:focus-visible{border-color:var(--accent);background:#347ba6;outline:none}