#stage{height:100dvh}#controls{width:268px;top:54px;max-height:calc(100dvh - 70px)}#controls-toggle,#melody-toggle{position:absolute;left:16px;z-index:3;margin:0;font-size:11px}#controls-toggle{top:14px}#melody-toggle{bottom:16px;left:302px}.panel-hidden #melody-toggle{left:16px}.prompt{z-index:5}.note{font-size:11px;color:var(--muted);margin:5px 0 0}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#seed-editor{position:absolute;bottom:57px;left:302px;right:24px;padding:12px 16px 10px;border:1px solid var(--border);border-radius:12px;background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:opacity .2s ease}#seed-editor.hidden{opacity:0;pointer-events:none}.panel-hidden #seed-editor{left:max(24px,calc((100vw - 850px)/2));right:max(24px,calc((100vw - 850px)/2))}.seed-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:9px}.seed-head>div{margin-left:auto}.seed-length{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.seed-length select{width:auto;padding:3px 6px;font-size:11px}.seed-scroll{overflow-x:auto;padding-bottom:3px}.seed-head h2{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0}.seed-head button{font-size:11px;padding:4px 10px;margin:0 0 0 5px}#seed-grid{display:grid;grid-template-columns:30px repeat(var(--steps, 8),minmax(24px,1fr));gap:3px;align-items:center}.pitch-label{position:sticky;left:0;z-index:1;background:#0b1127;font-size:9px;color:var(--muted);line-height:13px}.step-label{font-size:9px;color:var(--muted);line-height:13px;text-align:center}.seed-cell{min-width:0;height:13px;padding:0;margin:0;border-radius:3px;background:#1d2b4d73}.seed-cell.on{background:#69b6c7;border-color:#9cdde7;box-shadow:0 0 8px #65c6d52b}.seed-cell.playing{border-color:#b1dfff}.seed-cell.on.playing{background:#dbf6ff;box-shadow:0 0 10px #80d1ff9c}.seed-cell[data-degree="-1"]{background:transparent;height:10px}.seed-cell[data-degree="-1"].on{background:#62749c;border-color:#9aafc9;box-shadow:none}.seed-help{font-size:10px;color:#8297bf;margin:8px 0 0}#garden-status{position:absolute;bottom:21px;left:305px;right:24px;text-align:center;margin:0;color:var(--muted);font-size:11px;pointer-events:none}.panel-hidden #garden-status{left:150px}@media (max-width: 720px){#melody-toggle{left:16px}#controls{top:auto;bottom:60px;max-height:56dvh;width:calc(100vw - 32px);z-index:3}#controls.hidden{transform:translateY(12px)}#seed-editor,.panel-hidden #seed-editor{left:16px;right:16px;bottom:60px;padding:12px}.seed-head button{padding:4px 7px;font-size:10px}.seed-cell{height:17px}.seed-help{font-size:9px}.brand{top:14px;right:16px}#garden-status,.panel-hidden #garden-status{left:125px;right:16px;bottom:15px;font-size:10px}}