:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f7f3ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:#172033;cursor:pointer;background:#fffaf1;border:1px solid #cfd6df;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;min-height:44px;font-weight:700;transition:transform .14s,border-color .14s,background .14s;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.42;transform:none}button:hover{border-color:#14b8a6;transform:translateY(-1px)}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #f59e0b}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 40px}.app-header{grid-template-columns:minmax(0,1fr) 180px;align-items:end;gap:24px;padding:24px 0;display:grid}.app-header h1{color:#111827;letter-spacing:0;max-width:780px;margin:0;font-size:clamp(2rem,6vw,4.8rem);line-height:.98}.release-pill{color:#fff;background:#172033;border-radius:999px;align-items:center;min-height:28px;margin-top:12px;padding:4px 10px;font-size:.8rem;font-weight:900;display:inline-flex}.app-header p{color:#4b5563;max-width:660px;margin:14px 0 0;font-size:1rem;line-height:1.7}.eyebrow{color:#0f766e;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.77rem;font-weight:800}.now-playing{background:#fffaf1;border-left:4px solid #14b8a6;align-content:center;gap:4px;min-height:132px;padding:18px;display:grid}.now-playing span,.now-playing small{color:#5b6472;font-weight:700}.now-playing strong{color:#111827;font-size:1.7rem}.workspace-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:start;gap:18px;display:grid}.panel{background:#fffdf8;border:1px solid #d8ded8;border-radius:8px;padding:20px;box-shadow:0 14px 32px #1118270f}.panel h2{color:#111827;margin:0 0 16px;font-size:1.1rem}.panel-heading,.transport-panel{gap:16px;display:grid}.panel-heading{grid-template-columns:1fr auto;align-items:start}.transport-actions{grid-template-columns:1.3fr 1fr 1fr;gap:10px;display:grid}.primary-button{color:#fff;background:#14b8a6;border-color:#0f766e}.bpm-control{color:#374151;grid-template-columns:auto minmax(120px,1fr) 84px;align-items:center;gap:12px;font-weight:800;display:grid}input[type=range]{accent-color:#14b8a6;width:100%}.number-input{color:#111827;background:#fff;border:1px solid #cfd6df;border-radius:8px;width:100%;min-height:42px;padding:0 10px;font-weight:800}.pattern-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:4px;padding:14px;display:grid}.drum-add-row{grid-template-columns:minmax(0,1fr) 104px;align-items:end;gap:10px;display:grid}.drum-add-row label,.chord-add-row label{color:#374151;gap:6px;font-weight:800;display:grid}.drum-add-row select,.bar-stepper input,.chord-add-row select,.chord-block select,.chord-length-grid input,.bass-pattern-select select,.guitar-pattern-select select,.score-name-field input{color:#172033;background:#fff;border:1px solid #cfd6df;border-radius:8px;width:100%;min-height:44px;padding:0 10px;font-weight:800}.pattern-card span,.muted-panel p{color:#64748b;line-height:1.6}.step-grid{grid-template-columns:repeat(16,minmax(0,1fr));gap:clamp(2px,.7vw,6px);min-width:0;margin-top:16px;display:grid}.step{aspect-ratio:1;color:#334155;background:#fff;border:1px solid #d5dde7;border-radius:6px;place-items:center;min-width:0;font-size:.7rem;font-weight:900;display:grid}.step.active{color:#fff;background:#ef4444;border-color:#ef4444}.preset-list{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.preset-chip,.status-pill{color:#4b5563;background:#eef2f7;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:800}.preset-chip.selected,.status-pill{color:#111827;background:#f59e0b}.drum-block-list{gap:10px;margin-top:16px;display:grid}.drum-block{background:#fff;border:1px solid #d8ded8;border-radius:8px;grid-template-columns:minmax(0,1fr) 88px 128px;align-items:center;gap:12px;padding:12px;display:grid}.drum-block[draggable=true]{cursor:grab}.drum-block.active{border-color:#ef4444;box-shadow:inset 4px 0 #ef4444}.drum-block.dragging{cursor:grabbing;opacity:.58}.drum-block-main{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;display:grid}.drum-block-main p{color:#64748b;margin:3px 0 0;font-size:.86rem;line-height:1.35}.block-index{aspect-ratio:1;color:#fff;background:#172033;border-radius:8px;place-items:center;width:34px;font-size:.82rem;font-weight:900;display:grid}.bar-stepper{color:#4b5563;gap:4px;font-size:.78rem;font-weight:800;display:grid}.block-actions{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.block-actions button{min-height:40px;padding:0;font-size:1.2rem}.chord-add-row{grid-template-columns:minmax(0,1fr) 104px;align-items:end;gap:10px;display:grid}.chord-strip{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:16px;display:grid}.chord-block{background:#fff;border:1px solid #d8ded8;border-radius:8px;gap:10px;padding:12px;display:grid}.chord-block.active{border-color:#ef4444;box-shadow:inset 0 4px #ef4444}.chord-block-head{grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;display:grid}.chord-block-head span{aspect-ratio:1;color:#fff;background:#172033;border-radius:8px;place-items:center;font-size:.78rem;font-weight:900;display:grid}.chord-length-grid{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.chord-length-grid label{color:#4b5563;gap:4px;font-size:.78rem;font-weight:800;display:grid}.chord-actions{grid-template-columns:repeat(3,minmax(42px,1fr));gap:6px;display:grid}.chord-actions button{min-height:40px;padding:0;font-size:1.1rem}.current-chord{color:#64748b;background:#f8fafc;border-radius:8px;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;margin-top:16px;padding:12px;font-weight:800;display:grid}.current-chord strong{color:#111827;font-size:1.4rem}.current-chord small{justify-self:end}.bass-panel,.guitar-panel{gap:16px;display:grid}.bass-pattern-select,.guitar-pattern-select{color:#374151;gap:6px;font-weight:800;display:grid}.bass-status,.guitar-status{background:#f8fafc;border-radius:8px;gap:6px;padding:14px;display:grid}.bass-status span,.bass-status small,.guitar-status span,.guitar-status small{color:#64748b;font-weight:800;line-height:1.45}.bass-status strong,.guitar-status strong{color:#111827;font-size:1.6rem}.score-panel{gap:16px;display:grid}.score-name-field{color:#374151;gap:6px;font-weight:800;display:grid}.score-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.score-actions button,.import-button{color:#172033;cursor:pointer;background:#fffaf1;border:1px solid #cfd6df;border-radius:8px;justify-content:center;align-items:center;min-height:44px;font-weight:800}.import-button{text-align:center;display:inline-flex}.import-button input{display:none}.score-message{color:#155e75;background:#ecfeff;border-radius:8px;margin:0;padding:10px 12px;font-weight:800;line-height:1.5}.save-limit{color:#64748b;gap:4px;font-weight:800;display:grid}.save-limit span{color:#111827}.saved-score-list{gap:10px;display:grid}.saved-score,.saved-score-actions{gap:8px;display:grid}.saved-score{background:#fff;border:1px solid #d8ded8;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:12px}.saved-score.active{border-color:#14b8a6;box-shadow:inset 4px 0 #14b8a6}.saved-score strong,.saved-score small{display:block}.saved-score small,.empty-state{color:#64748b;line-height:1.5}.saved-score-actions{grid-template-columns:repeat(2,minmax(58px,1fr))}.saved-score-actions button{min-height:38px}.business-panel{border-top:1px solid #d8ded8;grid-template-columns:minmax(0,.42fr) minmax(0,1fr);gap:20px;margin-top:28px;padding:24px 0 0;display:grid}.business-panel h2{color:#111827;margin:0;font-size:1.05rem}.business-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.business-list div{background:#fffdf8;border:1px solid #d8ded8;border-radius:8px;padding:12px}.business-list dt{color:#64748b;margin-bottom:4px;font-size:.78rem;font-weight:900}.business-list dd{color:#172033;overflow-wrap:anywhere;margin:0;font-weight:800}.business-list dd span{color:#0f766e}.business-list a{color:#0f766e;text-underline-offset:3px;text-decoration-thickness:2px}.mixer-list{gap:14px;display:grid}.mixer-row{grid-template-columns:132px minmax(0,1fr);align-items:center;gap:14px;display:grid}.toggle,.volume-control{color:#243041;align-items:center;gap:10px;font-weight:800;display:flex}.toggle input{accent-color:#14b8a6;width:20px;height:20px}.volume-control span{color:#64748b;text-align:right;min-width:32px}.placeholder-blocks{grid-template-columns:repeat(4,minmax(58px,1fr));gap:10px;display:grid}.placeholder-blocks span{color:#fff;background:#172033;border-radius:8px;place-items:center;min-height:52px;font-weight:900;display:grid}@media (max-width:820px){.app-header,.workspace-grid,.business-panel{grid-template-columns:1fr}.now-playing{min-height:auto}}@media (max-width:560px){.app-shell{width:min(100% - 20px,1180px);padding-top:12px}.transport-actions,.score-actions,.bpm-control,.mixer-row,.drum-add-row,.chord-add-row,.current-chord,.drum-block,.saved-score{grid-template-columns:1fr}.current-chord small{justify-self:start}.block-actions{grid-template-columns:repeat(3,minmax(44px,1fr))}.step-grid{gap:4px}.panel{padding:16px}.business-list{grid-template-columns:1fr}}