:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0e17;--panel:#121725;--line:#222a3d;--text:#dfe5f2;--muted:#8a93a8;--accent:#f06bc0;--error:#ff7a7a;--warning:#f2c46b;font-family:system-ui,sans-serif;font-size:15px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--text);margin:0}body{flex-direction:column;display:flex}.bar{border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;display:flex}.brand{letter-spacing:.02em;align-items:center;gap:8px;margin-right:8px;text-decoration:none;display:flex}.wordmark{background:linear-gradient(90deg,#40cfff,#ff408f);color:#0000;filter:drop-shadow(0 0 6px #40cfff59)drop-shadow(0 0 10px #ff408f40);-webkit-background-clip:text;background-clip:text;font-size:1.35em}.wordmark b{font-weight:700}.wordmark span{font-weight:400}.field{color:var(--muted);align-items:center;gap:6px;display:flex}button,select,a.button{font:inherit;color:var(--text);border:1px solid var(--line);background:#1b2133;border-radius:6px;padding:5px 10px}button:hover,select:hover,a.button:hover{border-color:#3a4560}.hint{color:var(--muted);font-size:.9em}button:disabled{opacity:.45;cursor:default}button[aria-pressed=true]{border-color:var(--accent);background:#2a3350}.modes{gap:4px;margin-left:8px;display:flex}.layout{flex:1;grid-template-columns:1fr 320px;min-height:0;display:grid}body.with-code .layout{grid-template-columns:minmax(320px,42%) 1fr 320px}body.with-blocks .layout{grid-template-columns:minmax(360px,48%) 1fr 320px}body.with-blocks.with-code .layout{grid-template-columns:minmax(340px,36%) minmax(260px,24%) 1fr 320px}.blocks{border-right:1px solid var(--line);min-width:0;min-height:0;position:relative}.blocks-area{position:absolute;inset:0}#blocks .blocklyText{fill:#c3c9d6}#blocks .blocklyEditableField>rect.blocklyFieldRect{fill:#0e121c;fill-opacity:1;stroke:none}#blocks .blocklyEditableField .blocklyText{fill:#e2e6ef}#blocks .blocklyEditableField .blocklyText tspan{fill:#8a93a8!important}#blocks .blocklyCommentText{color:var(--text);border:1px solid var(--line);background:#121725}.blocks.stale .blocks-area{opacity:.5;pointer-events:none}.blocks-stale{z-index:2;max-width:90%;color:var(--warning);background:#3a2a10;border-radius:6px;padding:6px 10px;font-size:.9em;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.code{border-right:1px solid var(--line);min-width:0;min-height:0;overflow:hidden}.g-keyword{color:#f06bc0}.g-input{color:#c792ea}.g-number{color:#f2a66b}.g-string{color:#a5d98a}.g-comment{color:#6b7590;font-style:italic}.g-function{color:#6bc8f2}.g-constant{color:#7fdbca}.g-gene{color:#f2d56b}.g-part{color:#8fb3ff}.g-help{max-width:420px;padding:6px 10px;font-family:system-ui,sans-serif;font-size:13px}.g-help code{color:var(--accent)}.g-help p{margin:4px 0}.g-section{color:var(--muted);font-size:.85em}.stage{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.views{opacity:.55;flex-wrap:wrap;justify-content:flex-end;gap:4px;transition:opacity .2s;display:flex;position:absolute;bottom:12px;right:12px}.views:hover,.views:focus-within{opacity:1}.views button{background:#1b2133cc;padding:3px 8px;font-size:.85em}.stage:fullscreen .tools{z-index:1;background:#10131dcc;border-bottom:none;transition:opacity .3s;position:absolute;top:0;left:0;right:0}:is(.stage:fullscreen:not(.awake) .tools,.stage:fullscreen:not(.awake) .views){opacity:0;pointer-events:none}.stage:fullscreen:not(.awake) #view{cursor:none}.tools{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 16px;display:flex}#view{cursor:grab;flex:1;width:100%;min-height:300px;display:block}.grid{flex:1;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:8px;min-height:300px;padding:8px;display:grid;overflow:auto}.tile{cursor:pointer;background:var(--bg);border:2px solid #0000;border-radius:8px;min-height:0;position:relative;overflow:hidden}.tile canvas{width:100%;height:100%;position:absolute;inset:0}.tile:hover{border-color:#3a4560}.tile.selected{border-color:var(--accent);box-shadow:0 0 12px #f06bc066}.tile.parent:after{content:"parent";color:var(--muted);font-size:.75em;position:absolute;top:6px;left:8px}.lock{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:.95em}.lock[aria-pressed=true]{color:var(--accent);background:0 0}.panel{border-left:1px solid var(--line);background:var(--panel);padding:16px;overflow:auto}.panel h1{margin:0 0 4px;font-size:1.4em}.panel h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:20px 0 8px;font-size:.85em}#description{color:var(--muted);margin:0}#genes{border-collapse:collapse;width:100%;font-size:.92em}#genes td{border-bottom:1px solid var(--line);vertical-align:top;padding:4px 0}#genes td.gene-name{padding-right:8px;font-family:ui-monospace,monospace}#genes td.gene-value{text-align:right}#genes tr.gene-group td{padding:10px 0 2px}.gene-group button{color:var(--text);cursor:pointer;background:0 0;border:none;padding:0;font-family:ui-monospace,monospace;font-weight:600}#genes tr.in-group td.gene-name{padding-left:14px}.gene-about{color:var(--muted);font-size:.9em}.gene-control{margin-top:4px;font-family:system-ui,sans-serif;display:block}input[type=range].gene-control,.gene-control input[type=range]{width:100%;accent-color:var(--accent)}input[type=color].gene-control{border:1px solid var(--line);background:0 0;width:48px;height:24px;padding:0}.inputs{gap:4px;font-size:.92em;display:grid}.input-row{grid-template-columns:90px 1fr auto auto;align-items:center;gap:6px;display:grid}.input-row input[type=range]{width:100%;accent-color:var(--accent)}.input-value{color:var(--muted);text-align:right;min-width:3.5em;font-size:.9em}.swatch{vertical-align:-.1em;border:1px solid #0006;border-radius:3px;width:.9em;height:.9em;margin-right:4px;display:inline-block}#problems{margin:0;padding:0;font-size:.92em;list-style:none}#problems li{padding:4px 0}#problems li.error{color:var(--error)}#problems li.warning{color:var(--warning)}.where{color:var(--muted);margin-right:6px;font-family:ui-monospace,monospace}.drop{border:3px dashed var(--accent);pointer-events:none;background:#0b0e17cc;place-items:center;font-size:1.4em;display:grid;position:fixed;inset:0}@media (max-width:760px){.grid{grid-template-columns:repeat(3,1fr)}.layout,body.with-code .layout,body.with-blocks .layout,body.with-blocks.with-code .layout{grid-template-rows:none;grid-template-columns:1fr}.stage{height:60vh}.blocks{border-right:none;border-bottom:1px solid var(--line);height:60vh}.code{border-right:none;border-bottom:1px solid var(--line);height:40vh}.panel{border-left:none;border-top:1px solid var(--line)}}.meters{align-items:flex-end;gap:3px;height:26px;display:flex}.meter{background:#ffffff14;border-radius:2px;width:10px;height:100%;position:relative;overflow:hidden}.meter>div{background:var(--accent);height:0;position:absolute;inset:auto 0 0}.meter.hit>div{background:#40cfff}.patterns{flex-direction:column;flex:1;gap:12px;min-height:0;padding:12px 16px;display:flex;overflow:auto}.pattern-top{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.pattern-preview{aspect-ratio:1;border-radius:8px;width:min(100%,420px)}.pattern-controls{gap:8px;min-width:240px;display:grid}.pattern-controls .field{grid-template-columns:64px 1fr;display:grid}.pattern-controls input[type=range]{width:100%;accent-color:var(--accent)}.pattern-variations{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;display:grid}.pattern-variation{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:6px;width:100%}.pattern-variation:hover{border-color:#3a4560}.pattern-variation.selected{border-color:var(--accent);box-shadow:0 0 12px #f06bc066}.pattern-code{color:var(--muted);overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:.92em}.pattern-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.genocode-control{max-width:280px;color:var(--text);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 8px;font:13px system-ui,sans-serif;display:flex}.genocode-slider{width:200px;accent-color:var(--accent)}.genocode-slider-value{min-width:4em;font-family:ui-monospace,monospace}.genocode-control input[type=color]{border:1px solid var(--line);background:0 0;width:64px;height:32px;padding:0}.library{flex:1;min-height:0;padding:4px 16px 16px;overflow:auto}.library h2{margin:16px 0 2px;font-size:1em}.library .hint{margin:0 0 10px}.library-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.library-tile{border:2px solid var(--line);background:var(--panel);cursor:pointer;border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.library-tile:hover,.library-tile:focus-visible{border-color:var(--accent);outline:none}.library-tile canvas,.library-dance{aspect-ratio:4/3;background:var(--bg) center / cover no-repeat;width:100%}.library-dance{color:#6bc8f2;place-items:center;font-size:3em;display:grid}.library-name{padding:6px 8px 0;font-weight:600}.library-about{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:8px;padding:2px 8px 0;font-size:.85em;display:-webkit-box;overflow:hidden}.library-buttons{gap:6px;margin-top:auto;padding:0 8px 8px;display:flex}.library-buttons button{padding:3px 8px;font-size:.85em}a.button{text-decoration:none}