/* Creative controls v0.12: keep the piano roll and sound selection visible. */
#editor .editorSection{display:flex;flex-direction:column;min-height:0}
#editor .rollScroll{flex:1;min-height:180px;height:auto!important}
#editor .creativeTabs,#sounds .creativeTabs{display:flex;gap:5px;flex:none;margin-top:6px}
.creativeTabs button{flex:1;min-width:0;padding:7px 4px;font-size:11px;border-radius:7px}
.creativeTabs button[aria-selected=true]{background:#b99262;color:#1f180f;border-color:#f0c68b;font-weight:700}
.creativeDeck{flex:none;min-height:76px;max-height:155px;overflow:auto;border:1px solid #776044;border-radius:8px;padding:7px;background:#28221c}
.creativePane[hidden]{display:none!important}
.creativePane{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.creativePane .noteInspector{width:100%;margin:0}
.creativePane .feelTools{margin:0}
.creativePane .noteContext{margin:0}
.creativeLane{width:100%;min-width:0}
.creativeLane .laneHeader{margin:0}
.creativeLane #velocityLane{height:65px!important;min-height:55px;margin:2px 0}
.creativeAuto,.creativeAutoChoice{display:flex;align-items:center;gap:6px;flex-wrap:wrap;width:100%}
.creativeAutoChoice button{font-size:10px;padding:4px 8px}
.creativeAutoChoice button.active{background:#b99262;color:#221b14}
.creativeAutoChoice span,.creativeHelp{font-size:10px;color:#cbb89a;margin:2px 0}
#sounds .soundsSection{display:flex;flex-direction:column;min-height:0}
#sounds .creativeSoundSummary{flex:none;padding:6px 10px;background:#3a3026;border:1px solid #80684b;border-radius:6px;font-size:11px;color:#e3cfac}
#sounds .creativeDeck{flex:1;min-height:0;max-height:none;overflow:auto}
#sounds .creativePane{height:100%;align-content:start}
#sounds .creativePane .soundDesk{width:100%;height:100%;min-height:0;margin:0}
#sounds .creativeShape{display:flex;flex-wrap:wrap;gap:15px;align-items:center;width:100%;justify-content:space-around}
#sounds .creativeKnob{display:flex;align-items:center;flex-direction:column;gap:8px;min-width:115px;padding:10px;border:1px solid #71583a;border-radius:12px;background:#30271e}
#sounds .creativeKnob input{width:110px;accent-color:#c7a272}
#sounds .creativeKnob output{font:12px monospace;color:#ead1a4}
#sounds .creativeInfo{max-width:650px;line-height:1.5;color:#e5d1b2}
@media(max-width:700px){.creativeTabs button{font-size:10px}#editor .rollScroll{min-height:130px}#sounds .creativeKnob{min-width:90px}}