#notice{min-height:24px;color:#bcd9e5}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0}.actions label{display:flex;align-items:center;gap:8px}.metrics{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.metric{background:#0a1724;border:1px solid #294057;border-radius:7px;padding:12px;min-width:85px;font-size:12px;color:#91acbe}.metric b{display:block;margin-top:7px;color:#d8ecf4;font-size:16px;overflow-wrap:anywhere}.panel h2{font-size:15px}.panel h3{font-size:14px;color:#b9d6e5}.panel audio{width:100%;margin:12px 0}.panel canvas{width:100%;height:110px;display:block;background:#060d17;border:1px solid #263d53;border-radius:6px}.panel pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#9cbacf;font-size:12px;max-height:260px;overflow:auto}.transport{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;font-family:monospace;color:#b6dfed;background:#0b1727;padding:14px;border:1px solid #283e58;border-radius:7px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.channels{display:flex;gap:8px;overflow-x:auto;padding:8px 0 16px;max-width:100%}.channel{min-width:108px;flex:0 0 108px;border:1px solid #2b4359;border-radius:6px;padding:10px;background:#101c2c}.channel.muted{opacity:.6}.channel b{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel meter{display:block;width:100%;height:12px;margin:10px 0}.channel button{font-size:11px;padding:5px 8px;margin-right:4px}.channel button[aria-pressed=true]{background:#317788;color:#effbff;border-color:#82cad9}.pattern-scroll{max-height:440px;overflow:auto;border:1px solid #2a435e;border-radius:7px;background:#060c15}.pattern-scroll table{border-collapse:collapse;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;width:max-content;min-width:100%}.pattern-scroll th{position:sticky;top:0;z-index:2;background:#142237;color:#8ba9bc;text-align:left}.pattern-scroll td,.pattern-scroll th{padding:4px 12px;border-right:1px solid #192a3f;white-space:pre;min-width:150px}.pattern-scroll td:first-child,.pattern-scroll th:first-child{min-width:40px;position:sticky;left:0;background:#0e1929;color:#7297ac;z-index:1}.pattern-scroll th:first-child{z-index:3}.pattern-scroll tr:nth-child(4n+1){background:#0b1422}.pattern-scroll tr.playing td{background:#213c54;color:#fff;box-shadow:inset 0 1px #6fa6b9,inset 0 -1px #6fa6b9}.note{color:#b5e8f4}.instrument{color:#d2b1dd}.effect{color:#e0c69c}.empty{color:#45627b}.sample-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:24px}.instrument-list{max-height:390px;overflow:auto;display:flex;flex-direction:column;gap:5px}.instrument-list button{text-align:left;overflow-wrap:anywhere}.instrument-list button[aria-pressed=true]{border-color:#8bc6d9;background:#223f53}#sampleList{max-height:240px;overflow:auto;font-size:12px}#sampleList p{border-bottom:1px solid #263d52;padding:8px}.render-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.render-settings label{display:flex;flex-direction:column;gap:8px;font-size:13px}.render-settings input{width:100%;box-sizing:border-box}.panel progress{width:100%}.warnings{color:#e0bd91}#archiveList{max-height:50vh;overflow:auto}#quota,#engine{color:#9ebdcf;font-size:13px}@media(max-width:650px){.sample-grid,.render-settings{grid-template-columns:1fr}.transport{font-size:12px}.pattern-scroll table{font-size:11px}.pattern-scroll td,.pattern-scroll th{min-width:140px;padding:4px 8px}.actions button{flex:1 1 auto}.metric{min-width:70px;padding:9px}.metric b{font-size:14px}}

.channel meter::-webkit-meter-bar{background:#20334a;border:0;border-radius:3px}.channel meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#567d9f,#a3d9e5,#cfb887)}.channel meter::-moz-meter-bar{background:linear-gradient(90deg,#567d9f,#a3d9e5,#cfb887)}