.banks{max-width:260px;overflow-x:auto;scrollbar-width:thin;flex-shrink:1}.pattern-controls{min-width:0}.pattern-actions{flex-shrink:0}#pattern-note{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}#studio{width:min(1020px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px}#studio p{font-size:14px;line-height:1.55;color:#555;margin:12px 0}#studio h3{font-size:15px;font-weight:600;margin:14px 0}#studio label{font:12px Arial,sans-serif;color:#444}#studio select{font-size:13px;padding:7px}#studio button{font-size:12px}#studio [hidden]{display:none!important}.studio-tabs{display:flex;gap:4px;margin:20px 0 16px;border-bottom:1px solid #ddd;padding-bottom:10px;overflow:auto}.studio-tabs button{padding:9px 14px;border-color:transparent}.studio-tabs button[aria-pressed=true]{background:#222;color:white}.studio-context,.studio-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.studio-context{border-bottom:1px solid #ddd;padding-bottom:14px}.studio-context label,.studio-actions label{gap:8px}.studio-context #studio-play{margin-left:auto}.song-heading{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:12px}#song-order{display:flex;flex-wrap:wrap;gap:8px;max-height:270px;overflow:auto;padding:12px 0 18px}.song-slot{display:flex;flex-direction:column;gap:8px;background:#fafafa;border:1px solid #ddd;padding:10px;width:109px}.song-number{font:10px var(--mono);color:#777}.song-slot select{font-size:20px!important;text-align:center}.song-slot>div{display:flex;gap:3px}.song-slot button{padding:4px 7px}.song-slot button:disabled{opacity:.3}#song-summary{font-size:12px;color:#666}#song-mode[aria-pressed=true]{background:#222;color:white}.piano-scroll,.automation-scroll{overflow-x:auto;padding:14px 0}.piano-scroll{max-height:420px}#piano{display:grid;grid-template-columns:58px repeat(16,minmax(26px,1fr));grid-template-rows:22px repeat(12,25px);gap:2px;min-width:620px}.piano-step{font:10px var(--mono);text-align:center;color:#666}.piano-key{font-size:11px;display:flex;align-items:center}.piano-cell{padding:0!important;border:1px solid #e5e5e5;background:#fafafa;min-width:0}.piano-cell.note-selected{border-color:#999}.piano-cell.note-tail{background:color-mix(in srgb,var(--track) 12%,white);border-bottom:3px solid color-mix(in srgb,var(--track) 45%,white)}.piano-cell.note-on{background:color-mix(in srgb,var(--track) 35%,white);border-color:var(--track);color:#222}.piano-cell:hover{background:#ddd}.studio-help{font-size:12px!important}#note-selection{font-size:12px;color:#555}#automation-grid{display:grid;grid-template-columns:repeat(16,minmax(38px,1fr));gap:7px;min-width:715px}.automation-step{background:#fafafa;border:1px solid #ddd;display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 4px}.automation-step input[type=range]{writing-mode:vertical-lr;direction:rtl;appearance:auto;width:20px;height:150px;margin:0;accent-color:#555}.automation-step input[type=checkbox]{accent-color:#444;width:16px;height:16px;cursor:pointer}.automation-step output{font-size:12px}.file-section+.file-section{border-top:1px solid #ddd;margin-top:20px;padding-top:5px}#share-result{margin-top:12px}#share-url{display:block;width:100%;font:11px/1.5 var(--mono);resize:vertical;border:1px solid #ccc;margin:7px 0;padding:10px}#share-status{font-size:12px;margin-left:10px}#midi-report{font-size:12px!important;border-left:2px solid #999;padding-left:10px}#midi-report:empty{display:none}
@media(max-width:1000px){.banks{max-width:140px}.pattern-controls{gap:6px}.sequence-tools{gap:10px}}
@media(max-width:680px){header nav button{padding:4px;font-size:9px}header nav{gap:0}h1{font-size:23px}.banks{max-width:85px}.pattern-controls{gap:2px}.sequence-tools{gap:4px}#chain{font-size:8px;padding:4px}#preset{max-width:79px}.sound-top button{font-size:10px}.sound-top #notes-open{padding:4px 6px}#studio{padding:16px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.studio-tabs{gap:0;margin:14px 0 12px}.studio-tabs button{padding:8px 9px;font-size:11px!important}.studio-context{gap:8px}.studio-context #studio-play{margin-left:0}#studio p{font-size:13px}.song-heading{align-items:flex-start}#song-order{max-height:270px}.song-slot{width:100px}.studio-actions{gap:8px}.studio-context label{font-size:11px!important}.piano-scroll{max-height:380px}}