[hidden]{display:none!important}
.source-tools{flex-wrap:wrap}.revision-tools{display:flex;align-items:center;gap:7px;padding:5px 14px;border-bottom:1px solid var(--border);font-size:10px}.revision-tools select{font-size:10px;flex:1;min-width:80px;padding:4px}.revision-tools button{font-size:10px;padding:4px 7px}.code-stack{flex:1;min-width:0;min-height:0;position:relative}.code-stack #editor,.code-stack #code-colors{position:absolute;inset:0;margin:0;width:100%;height:100%;font-family:inherit;font-size:13px;line-height:1.7;font-weight:400;font-variant-ligatures:none;letter-spacing:normal;tab-size:2;padding:0 18px 24px 3px;white-space:pre;overflow:auto;border:0;border-radius:0}.code-stack #code-colors{pointer-events:none;color:#c6e0db;scrollbar-width:none}.code-stack #code-colors::-webkit-scrollbar{display:none}.code-stack #editor{color:transparent;caret-color:#e3f7ee;-webkit-text-fill-color:transparent;background:transparent}.code-stack #editor::selection{background:#689d8366}.code-keyword{color:#d5acf0}.code-string{color:#b6d69a}.code-number{color:#edc28f}.code-function{color:#94b8ed}.code-comment{color:#718697}.code-error{text-decoration:underline wavy var(--red);text-underline-offset:3px;text-decoration-thickness:1.4px}#lint-state{font-size:10px;padding:0;border:0;background:none;color:var(--dim)}#editor[aria-invalid=true]{outline:0}@media(forced-colors:active){.code-stack #code-colors{display:none}.code-stack #editor{color:CanvasText;-webkit-text-fill-color:CanvasText}}
.studio-toolbar .tag{display:inline}#score-info{display:inline}
.topbar{height:auto;min-height:64px;flex-wrap:wrap}.topbar nav{flex-wrap:wrap}.transport{padding-bottom:9px}.transport button{padding:6px 9px;font-size:12px}
.timeline-bar{display:flex;align-items:center;gap:8px;padding:0 22px 12px;border-bottom:1px solid var(--border);font-size:11px;color:var(--dim);flex-wrap:wrap}.timeline-bar #seek{width:auto;min-width:140px;flex:1;cursor:ew-resize}.timeline-bar label{display:flex;align-items:center;gap:4px}.timeline-bar button{padding:3px 7px}.timeline-bar output{font-size:10px;min-width:80px}.timeline-bar select{max-width:150px;font-size:11px}input[type=checkbox]{accent-color:var(--accent)}
.source-tools{display:flex;gap:5px;padding:6px 14px;border-bottom:1px solid var(--border)}.source-tools button{font-size:10px;padding:3px 8px}#studio-source{margin-left:auto}.view-tabs{display:flex;gap:4px}.view-tabs button{font-size:10px;padding:4px 7px;letter-spacing:0}.view-tabs button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
.track{position:relative}.track-head{flex-wrap:wrap;margin-bottom:5px}.track-head button{margin-left:0}.track-head .note-count{margin-left:auto}.track-head button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.track-controls{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--dim);margin-bottom:9px;flex-wrap:wrap}.track-controls input[type=range]{width:100px}.track-controls label{display:flex;align-items:center;gap:7px}.track-controls select{max-width:150px;font-size:10px;padding:3px}.track-controls button{font-size:10px;padding:3px 7px}.track canvas{cursor:ew-resize;touch-action:none}.track .playhead{position:absolute;top:75px;bottom:10px;width:1px;background:#e6fff4;pointer-events:none;left:0;display:none}
.studio-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.studio-toolbar{display:flex;align-items:center;gap:7px;padding:8px 12px;flex-wrap:wrap;flex-shrink:0}.studio-toolbar label{display:flex;gap:5px;align-items:center;font-size:10px;color:var(--dim)}.studio-toolbar select{font-size:11px;max-width:185px}.studio-toolbar button{font-size:11px;padding:5px 8px}.studio-toolbar input[type=range]{width:85px}.piano-scroll{overflow:auto;position:relative;flex:1;min-height:150px;max-height:440px;background:#10171e;border-block:1px solid var(--border)}#piano-space{position:relative;height:1536px;min-width:100%}#piano-roll{position:sticky;left:0;height:1536px;border:0;border-radius:0;touch-action:none;outline-offset:-2px;cursor:crosshair;background:#10171e}.note-form{display:flex;flex-wrap:wrap;gap:7px;padding:9px 12px;font-size:10px;border-bottom:1px solid var(--border)}.note-form label{display:flex;flex-direction:column;gap:3px;color:var(--dim)}.note-form input{width:75px;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:5px}.note-form button{align-self:flex-end;font-size:10px;padding:5px 8px}.studio-help{font-size:10px;line-height:1.6;color:var(--dim);padding:0 12px 8px;margin:0}.studio-panel pre{margin:0;padding:12px;font-size:11px;white-space:pre-wrap;overflow:auto;line-height:1.7;flex:1}#piano-info{flex:1;min-width:90px}
.catalog-controls{display:flex;gap:7px;align-items:center;margin:10px 0;font-size:11px}.catalog-controls span{margin-left:auto;color:var(--dim)}#catalog-files{max-height:38vh;overflow:auto;border:1px solid var(--border);border-radius:4px;margin-top:8px}.catalog-row{display:flex!important;align-items:center;gap:10px!important;padding:8px 10px;border-bottom:1px solid var(--border);margin:0!important;font-size:11px;overflow-wrap:anywhere}.catalog-row input{width:auto!important}.catalog-row span:first-of-type{flex:1}.catalog-row small{font-size:10px;color:var(--dim);white-space:nowrap}#catalog-status,#catalog-info{white-space:pre-wrap;font-size:11px}#catalog-pack{max-width:260px}.reference-dialog input[type=text]{width:100%}.track .track-id{cursor:pointer}.loop-region{color:var(--accent)}
@media(max-width:1000px){.topbar{padding:12px 14px}.transport{padding:10px 14px}.timeline-bar{padding:0 14px 10px}.brand>.tag{display:none}.transport .spacer{display:none}.time{margin:0 4px}.volume{display:flex}.output-panel{min-height:500px}.console{height:155px}.console pre{height:105px}}