.sketch-machine-container[data-astro-cid-5itko6im]{max-width:1200px;margin:0 auto;padding:2rem 1rem 6rem}.page-header[data-astro-cid-5itko6im]{text-align:center;margin-bottom:3rem}.page-title[data-astro-cid-5itko6im]{font-size:3.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#1a1a1a,#666);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(max-width:640px){.page-title[data-astro-cid-5itko6im]{font-size:2.5rem}}.description[data-astro-cid-5itko6im]{color:#666;font-size:1.1rem}.transport-bar[data-astro-cid-5itko6im]{background:#fff;padding:1.5rem 2rem;border-radius:20px;display:flex;align-items:center;gap:3rem;box-shadow:0 10px 30px #0000000d;border:1px solid #f0f0f0;margin-bottom:3rem;position:relative;z-index:100}@media(max-width:768px){.transport-bar[data-astro-cid-5itko6im]{flex-direction:column;gap:1.5rem;align-items:stretch;padding:1rem;margin-left:-1.25rem;margin-right:-1.25rem;border-radius:12px}}.playback-controls[data-astro-cid-5itko6im]{display:flex;gap:.75rem}.btn-primary[data-astro-cid-5itko6im],.btn-secondary[data-astro-cid-5itko6im]{padding:.75rem 1.5rem;border-radius:12px;border:none;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.btn-primary[data-astro-cid-5itko6im]{background:#1a1a1a;color:#fff}.btn-primary[data-astro-cid-5itko6im]:hover:not(:disabled){background:#333;transform:translateY(-2px)}.btn-primary[data-astro-cid-5itko6im]:disabled{opacity:.5}.btn-secondary[data-astro-cid-5itko6im]{background:#f0f0f0;color:#1a1a1a}.btn-secondary[data-astro-cid-5itko6im]:hover:not(:disabled){background:#e5e5e5;transform:translateY(-2px)}.bpm-control[data-astro-cid-5itko6im]{display:flex;flex-direction:column;gap:.4rem;min-width:180px}.bpm-control[data-astro-cid-5itko6im] label[data-astro-cid-5itko6im]{font-size:.85rem;font-weight:700;color:#444}input[data-astro-cid-5itko6im][type=range]{accent-color:#1a1a1a;cursor:pointer}.volume-controls[data-astro-cid-5itko6im]{display:flex;gap:1.5rem;align-items:center;padding-left:2rem;border-left:1px solid #eee}@media(max-width:768px){.volume-controls[data-astro-cid-5itko6im]{padding-left:0;border-left:none;justify-content:space-between;flex-wrap:wrap}.vol-item[data-astro-cid-5itko6im]{width:45%}}.vol-item[data-astro-cid-5itko6im]{display:flex;flex-direction:column;gap:.25rem;width:100px}.vol-item[data-astro-cid-5itko6im] label[data-astro-cid-5itko6im]{font-size:.7rem;font-weight:800;text-transform:uppercase;color:#999;letter-spacing:.05em}.vol-item[data-astro-cid-5itko6im] input[data-astro-cid-5itko6im][type=range]{height:4px;background:#eee;border-radius:2px}.machine-section[data-astro-cid-5itko6im]{margin-bottom:4rem}.section-header[data-astro-cid-5itko6im]{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem}.section-title[data-astro-cid-5itko6im]{font-size:1.5rem;font-weight:700;color:#1a1a1a}.synth-settings[data-astro-cid-5itko6im]{display:flex;gap:1rem;align-items:center}@media(max-width:900px){.section-header[data-astro-cid-5itko6im]{flex-direction:column;align-items:flex-start;gap:1rem}.synth-settings[data-astro-cid-5itko6im]{flex-wrap:wrap;width:100%}}.select-input[data-astro-cid-5itko6im]{padding:.5rem 1rem;border-radius:10px;border:1px solid #eee;background:#fcfcfc;font-weight:600;color:#444;cursor:pointer}.octave-controls[data-astro-cid-5itko6im]{display:flex;align-items:center;gap:.75rem;background:#f0f0f0;padding:.25rem .5rem;border-radius:10px}.btn-icon[data-astro-cid-5itko6im]{width:32px;height:32px;border-radius:8px;border:none;background:#fff;cursor:pointer;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000000d}#octave-display[data-astro-cid-5itko6im]{font-family:monospace;font-weight:700;min-width:30px;text-align:center}.drum-machine-card[data-astro-cid-5itko6im],.synth-machine-card[data-astro-cid-5itko6im]{background:#fff;border-radius:24px;padding:2rem;box-shadow:0 20px 40px #0000000d;border:1px solid #f0f0f0}.sequencer-scroll-container[data-astro-cid-5itko6im]{overflow-x:auto;margin:0 -.5rem;padding:0 .5rem}.sequencer-grid[data-astro-cid-5itko6im]{display:grid;grid-template-columns:80px 1fr;gap:8px 1rem;align-items:center}@media(max-width:640px){.sequencer-grid[data-astro-cid-5itko6im]{grid-template-columns:60px minmax(600px,1fr);gap:4px .5rem}.drum-machine-card[data-astro-cid-5itko6im]{padding:.75rem .5rem;margin-left:-1.25rem;margin-right:-1.25rem;border-radius:12px}}.track-label[data-astro-cid-5itko6im]{font-size:.75rem;font-weight:700;color:#888;text-transform:uppercase}.step-indicators[data-astro-cid-5itko6im],.track-row[data-astro-cid-5itko6im]{display:grid;grid-template-columns:repeat(16,1fr);gap:8px}.step-indicator[data-astro-cid-5itko6im]{height:6px;border-radius:3px;background:#eee}.step-indicator[data-astro-cid-5itko6im].current{background:#da62c4;box-shadow:0 0 8px #da62c499}.step-btn[data-astro-cid-5itko6im]{width:100%;aspect-ratio:1;border-radius:8px;border:1px solid #eee;background:#fcfcfc;cursor:pointer}.step-btn[data-astro-cid-5itko6im].active{background:linear-gradient(135deg,#7c3aed,#da62c4);border-color:transparent}.lane-label[data-astro-cid-5itko6im]{font-size:.9rem;font-weight:700;color:#666;margin:2rem 0 1rem;text-transform:uppercase;letter-spacing:.05em}.lane-label[data-astro-cid-5itko6im]:first-child{margin-top:0}.piano-roll-container[data-astro-cid-5itko6im],.chord-grid-container[data-astro-cid-5itko6im]{overflow-x:auto;border:1px solid #eee;border-radius:12px;background:#fafafa;margin-bottom:2rem}.piano-roll-grid[data-astro-cid-5itko6im],.chord-grid[data-astro-cid-5itko6im]{display:grid;min-width:1340px;height:500px;background:#fff}.chord-grid[data-astro-cid-5itko6im]{height:240px}.pitch-label{background:#f8f8f8;border-right:2px solid #ddd;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;font-size:.7rem;font-weight:700;color:#888;font-family:monospace;position:sticky;left:0;z-index:10}.pitch-label.black-key{background:#f0f0f0;color:#aaa}.pitch-label.degree-header{background:#f0f4ff;color:#5c7cfa;font-size:.8rem}.grid-cell{border-right:1px solid #eee;border-bottom:1px solid #eee;cursor:pointer;position:relative;transition:background .1s;background:#fff}.grid-cell:hover{background:#f0f0f0}.grid-cell.bar-divider{border-left:2px solid #ddd}.grid-cell.beat-divider{border-left:1px solid #ddd}.grid-cell.out-of-scale{background:#f9f9f9;opacity:.6}.grid-cell.active{background:#7c3aed;z-index:1}.grid-cell.current{background:#da62c41a}.lead-cell.active{background:#7c3aed;box-shadow:inset 0 0 10px #0000001a}.chord-cell.active{background:#10b981}.chord-cell.chord-7{background:#3b82f6}.chord-cell.chord-sus4{background:#f59e0b}.grid-column.current{background:#da62c41a}.degree-label{position:absolute;left:4px;top:4px;font-size:.65rem;font-weight:800;color:#ccc;pointer-events:none;z-index:2}.chord-name-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:800;color:#fff;pointer-events:none;z-index:5;text-shadow:0 1px 3px rgba(0,0,0,.3)}.chord-name-label.long-label{transform:translate(-38%,-50%);font-size:.68rem}.chord-type-selector[data-astro-cid-5itko6im]{display:flex;gap:.5rem;padding:1rem;background:#fff;border-top:1px solid #eee}.chord-tips[data-astro-cid-5itko6im]{padding:.2rem 1rem 1.2rem;font-size:.75rem;color:#888;background:#fff;font-weight:500}.chord-type-btn[data-astro-cid-5itko6im]{padding:.4rem 1rem;border-radius:8px;border:1px solid #eee;background:#f9f9f9;font-size:.8rem;font-weight:600;cursor:pointer}.chord-type-btn[data-astro-cid-5itko6im].active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.btn-text[data-astro-cid-5itko6im]{background:transparent;border:none;color:#666;font-weight:600;cursor:pointer}.btn-text[data-astro-cid-5itko6im]:hover{color:#f43f5e}@media(max-width:768px){.transport-bar[data-astro-cid-5itko6im]{flex-direction:column;gap:1.5rem;align-items:stretch}.playback-controls[data-astro-cid-5itko6im]{justify-content:center}.bpm-control[data-astro-cid-5itko6im]{min-width:unset}.synth-machine-card[data-astro-cid-5itko6im]{padding:.75rem .5rem;margin-left:-1.25rem;margin-right:-1.25rem;border-radius:12px}}