:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.card{padding:2em}#app{width:100vw;height:100vh;margin:0;padding:0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.piano-container.svelte-1ta4oxj{width:100%;height:130px;background:#0a0a0a;border-top:1px solid #222;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.piano-scroll.svelte-1ta4oxj{width:100%;height:100%;overflow-x:auto;display:flex;scrollbar-width:thin;scrollbar-color:#333 #000}.piano-scroll.svelte-1ta4oxj::-webkit-scrollbar{height:4px}.piano-scroll.svelte-1ta4oxj::-webkit-scrollbar-track{background:#000}.piano-scroll.svelte-1ta4oxj::-webkit-scrollbar-thumb{background:#222;border-radius:2px}.keys.svelte-1ta4oxj{display:flex;height:100%;margin:0 auto;padding:0 5px;position:relative}.key.svelte-1ta4oxj{position:relative;flex-shrink:0;transition:background-color .1s ease,transform .05s ease}.key.white.svelte-1ta4oxj{width:32px;height:100%;background:#fdfdfd;border:1px solid #ddd;border-bottom-left-radius:4px;border-bottom-right-radius:4px;z-index:1}.key.black.svelte-1ta4oxj{width:22px;height:60%;background:#111;border:1px solid #000;margin-left:-11px;margin-right:-11px;z-index:2;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.key.white.chord.svelte-1ta4oxj{background:#0fc;box-shadow:inset 0 0 10px #00ffcc80,0 0 20px #0fc6;transform:translateY(2px)}.key.black.chord.svelte-1ta4oxj{background:#0ca;box-shadow:0 0 15px #00ffcc80;transform:translateY(1px)}.key.white.harmony.svelte-1ta4oxj{background:#f44336;box-shadow:inset 0 0 10px #f4433680,0 0 20px #f4433666;transform:translateY(2px);border-color:#d32f2f}.key.black.harmony.svelte-1ta4oxj{background:#ef5350;box-shadow:0 0 15px #f4433680;transform:translateY(1px);border-color:#b71c1c}.key.white.collision.svelte-1ta4oxj{background:#ffeb3b;box-shadow:inset 0 0 10px #ffeb3b80,0 0 20px #ffeb3b66;transform:translateY(2px);border-color:#fbc02d}.key.black.collision.svelte-1ta4oxj{background:#fff176;box-shadow:0 0 15px #ffeb3b80;transform:translateY(1px);border-color:#f9a825}.label.svelte-1ta4oxj{position:absolute;bottom:5px;left:50%;transform:translate(-50%);font-size:.6rem;color:#999;pointer-events:none;font-family:inherit}@media(max-width:600px){.key.white.svelte-1ta4oxj{width:26px}.key.black.svelte-1ta4oxj{width:18px;margin-left:-9px;margin-right:-9px}.piano-container.svelte-1ta4oxj{height:110px}}.timeline-container.svelte-1b7kgsg{width:100%;height:40px;background:#1e1e1e;border-top:1px solid #333;border-bottom:1px solid #333;cursor:crosshair;overflow:hidden}canvas.svelte-1b7kgsg{display:block;width:100%;height:100%}body{background-color:#000;color:#e0e0e0;font-family:Courier New,Courier,monospace;margin:0;padding:0;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.app-container.svelte-1n46o8q{display:flex;flex-direction:column;width:100vw;height:100vh;background-color:#0d0d0d;border:1px solid #333;box-shadow:0 0 30px #000c}.window-header.svelte-1n46o8q{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:linear-gradient(180deg,#2a2a2a,#1a1a1a);border-bottom:1px solid #000;gap:1rem}.playback-controls.header-controls.svelte-1n46o8q{display:flex;gap:.5rem}.titles.svelte-1n46o8q{flex:1;text-align:center}.title.svelte-1n46o8q{margin:0;font-size:.9rem;font-weight:700;color:#fff;letter-spacing:2px}.header-right.svelte-1n46o8q{display:flex;align-items:center;gap:1rem}.default-select-wrap.svelte-1n46o8q select:where(.svelte-1n46o8q){background:#000;color:#0fc;border:1px solid #444;padding:2px 5px;font-size:.75rem;border-radius:4px;outline:none}.options-btn.svelte-1n46o8q{background:transparent;border:1px solid transparent;color:#ccc;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.options-btn.svelte-1n46o8q:hover{color:#fff}.options-btn.active.svelte-1n46o8q{color:#0fc;border-color:#0fc}.status-bar-outer.svelte-1n46o8q{width:100%;background-color:#1a1a24;border-bottom:1px solid #333}.status-bar.svelte-1n46o8q{display:flex;flex-wrap:wrap;padding:.5rem;font-size:.85rem;max-width:1200px;margin:0 auto}.stat.svelte-1n46o8q{flex:1;display:flex;flex-direction:column;align-items:center;padding:.25rem;min-width:70px;border-right:1px solid #333}.stat.svelte-1n46o8q:last-child{border-right:none}.stat.svelte-1n46o8q span:where(.svelte-1n46o8q){color:#888;font-size:.65rem;margin-bottom:.15rem}.stat.svelte-1n46o8q input:where(.svelte-1n46o8q){background:transparent;border:none;color:#0fc;font-family:inherit;font-weight:700;text-align:center;font-size:.85rem;width:100%;outline:none}.main-content.svelte-1n46o8q{flex:1;display:flex;flex-direction:column;overflow:hidden}.editor-section.svelte-1n46o8q{flex:1;display:flex;justify-content:center;overflow:hidden;padding:1rem;background-color:#080808}.editor-container.svelte-1n46o8q{width:100%;max-width:900px;height:100%}textarea.svelte-1n46o8q{width:100%;height:100%;background-color:#030303;color:#0f0;border:1px solid #222;padding:1rem;font-family:inherit;font-size:.95rem;resize:none;outline:none;line-height:1.6;border-radius:4px;box-shadow:inset 0 0 10px #00000080}textarea.svelte-1n46o8q:focus{border-color:#444}.footer-controls.svelte-1n46o8q{width:100%;background-color:#1a1a1a;border-top:1px solid #333}.footer-inner.svelte-1n46o8q{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;max-width:1200px;margin:0 auto}.playback-controls.svelte-1n46o8q{display:flex;gap:.8rem}.icon-btn.svelte-1n46o8q{background:#2a2a2a;color:#ccc;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:8px;cursor:pointer;border:1px solid #444}.icon-btn.svelte-1n46o8q:hover{background:#3a3a3a;color:#fff}.icon-btn.active.svelte-1n46o8q{color:#0fc;border-color:#f0f;background:#f0f;color:#000}.sys-msg.svelte-1n46o8q{flex:1;margin:0 1.5rem;font-size:.8rem;color:#f0f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.btn-primary.svelte-1n46o8q{background:transparent;border:1px solid #00ffcc;color:#0fc;font-weight:700;border-radius:4px;padding:.5rem 1.2rem;cursor:pointer;transition:all .2s;text-transform:uppercase}.btn-primary.svelte-1n46o8q:hover{background:#0fc;color:#000}.options-overlay.svelte-1n46o8q{position:fixed;inset:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000}.options-content.svelte-1n46o8q{background:#1a1a24;border:1px solid #444;padding:2rem;border-radius:8px;width:90%;max-width:500px}.options-content.svelte-1n46o8q h3:where(.svelte-1n46o8q){margin-top:0;border-bottom:1px solid #333;padding-bottom:.5rem;color:#f0f}.option-group.svelte-1n46o8q{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.option-group.svelte-1n46o8q label:where(.svelte-1n46o8q){font-size:.75rem;color:#888;text-transform:uppercase}.option-group.svelte-1n46o8q select:where(.svelte-1n46o8q){background:#0d0d12;color:#fff;border:1px solid #333;padding:.5rem;border-radius:4px;outline:none}.toggle-btn.svelte-1n46o8q{background:#2a2a35;color:#fff;border:1px solid #444;padding:.5rem;border-radius:4px;cursor:pointer}.toggle-btn.active.svelte-1n46o8q{background:#0fc;color:#000;border-color:#0fc}.template-grid.svelte-1n46o8q{display:grid;grid-template-columns:1fr;gap:.5rem}.template-grid.svelte-1n46o8q button:where(.svelte-1n46o8q){background:#222;border:1px solid #333;color:#ccc;padding:.4rem;font-size:.75rem;border-radius:4px;text-align:left}.template-grid.svelte-1n46o8q button:where(.svelte-1n46o8q):hover{border-color:#0fc;color:#fff}.close-options.svelte-1n46o8q{width:100%;padding:.75rem;margin-top:1rem;background:transparent;border:1px solid #ff00ff;color:#f0f;border-radius:4px;cursor:pointer}.close-options.svelte-1n46o8q:hover{background:#f0f;color:#000}.zen.svelte-1n46o8q .window-header:where(.svelte-1n46o8q),.zen.svelte-1n46o8q .status-bar-outer:where(.svelte-1n46o8q){display:none!important}@media(max-width:768px){.window-header.svelte-1n46o8q{flex-direction:column;padding:.75rem;gap:.75rem}.titles.svelte-1n46o8q{order:-1;width:100%}.title.svelte-1n46o8q{font-size:.85rem}.status-bar.svelte-1n46o8q .stat:where(.svelte-1n46o8q){min-width:30%;border:none}.footer-inner.svelte-1n46o8q{flex-direction:column;gap:1rem;text-align:center}.sys-msg.svelte-1n46o8q{margin:0}.editor-container.svelte-1n46o8q{max-width:100%}}@media(max-width:480px){.status-bar.svelte-1n46o8q .stat:where(.svelte-1n46o8q){min-width:45%}}