:root{color-scheme:light dark;--bg: light-dark(#e9eae7, #222523);--panel: light-dark(#f9faf7, #2c302d);--head: light-dark(#f0f2ed, #323831);--ink: light-dark(#333c31, #e5e9df);--sub: light-dark(#657060, #adb6a6);--line: light-dark(#ced3c9, #50584c);--fine: light-dark(#e9ece5, #363d34);--beat: light-dark(#dce1d6, #414a3c);--sage: light-dark(#e0e8d5, #46553c);--note: light-dark(#65784e, #bdce9e);--header-height: 70px;--page-gutter: 26px;--page-top: 22px;font:14px/1.4 Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}@media(max-width:800px){:root{--page-gutter: 12px;--page-top: 18px}}.notification-stack{position:fixed;z-index:100;right:20px;bottom:20px;width:min(440px,calc(100vw - 40px));display:grid;gap:10px;pointer-events:none}.toast{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 6px 24px #0002;pointer-events:auto}.toast button{margin:4px}.toast p{margin:0 0 8px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,select,input{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:7px 10px;min-height:36px}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:hover:not(:disabled){border-color:var(--note)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--note);outline-offset:2px}a{color:inherit;text-decoration:none}h1{font:400 34px/1.15 Georgia,serif;margin:0}h2{font:400 26px Georgia,serif;margin:0 0 20px}small,.metadata{color:var(--sub);font-size:12px}small{display:block}.primary{background:var(--ink);color:var(--panel);border-color:var(--ink)}.view-switch{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:12px}.view-switch button{background:transparent;border:0}.view-switch button[aria-pressed=true]{background:var(--panel)}.mobile-view{display:none}.eyebrow{color:var(--sub);text-transform:uppercase;font-size:11px;letter-spacing:1.2px;margin:0 0 7px}.heading-row,.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.heading-row{justify-content:space-between;margin-bottom:20px}.breadcrumbs{display:flex;align-items:center;gap:4px;margin-bottom:18px}.breadcrumbs button{background:none;border:0}.file-row{display:grid;grid-template-columns:minmax(0,1fr) 160px 124px 132px;min-height:60px;border-bottom:1px solid var(--line);align-items:center;gap:14px}.file-name{display:flex;align-items:center;gap:12px;text-align:left;background:transparent;border:0;width:100%;min-height:48px}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tile{display:block;background:var(--panel);border-radius:16px;padding:18px;min-height:130px}.tile .file-name{font-size:21px}.tile .metadata{display:block;padding-left:12px}.dialog-backdrop{position:fixed;inset:0;background:#0005;display:grid;place-items:center;z-index:50}.dialog{background:var(--panel);padding:28px;border-radius:16px;width:min(440px,calc(100vw - 32px))}.dialog label{display:grid;gap:8px;margin-bottom:22px}.dialog .actions{justify-content:flex-end}.title-input{font:400 34px Georgia,serif;background:transparent;border:0;border-radius:0;padding:4px 0}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--line)}.toolbar label{display:flex;align-items:center;gap:7px}input[type=number]{width:80px}.bench{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-top:20px;overflow:hidden}.section-title{font:400 26px Georgia,serif}.grid-layout{display:grid;grid-template-columns:174px minmax(0,1fr)}.track-labels{border-right:1px solid var(--line)}.ruler{height:80px;border-bottom:1px solid var(--line);position:relative;padding:12px}.ruler span{position:absolute;top:30px;padding:4px}.track-label-group{position:relative;border-bottom:1px solid var(--line)}.track-label-group strong{position:absolute;top:12px;left:10px;font-size:12px;max-width:105px}.lane-label{height:48px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;font-size:11px}.grid-scroll{overflow-x:auto}.grid-area{min-width:100%;background:repeating-linear-gradient(135deg,transparent 0 5px,#65784e12 5px 6px)}.note-lane{height:48px;position:relative;background-color:var(--panel);background-image:linear-gradient(to right,var(--beat) 1px,transparent 1px),linear-gradient(to right,var(--fine) 1px,transparent 1px);border-bottom:1px solid var(--fine)}.note-target{position:absolute;height:47px;min-height:0;top:0;border:0;padding:0;background:transparent;border-radius:0}.note-target span,.note{width:12px;height:28px;border-radius:4px}.note-target span{display:none;position:absolute;left:4px;top:10px;background:#65784e60}.note-target:hover span,.note-target:focus-visible span{display:block}.note{position:absolute;top:10px;padding:0;min-height:0;border:0;background:var(--note);z-index:2}.note:hover{background:#ad6858}.sequence{display:flex;min-height:200px;overflow:auto;background:repeating-linear-gradient(135deg,transparent 0 5px,#65784e12 5px 6px)}.sequence-entry{display:flex;gap:5px;align-items:flex-start;padding:12px;background:var(--panel);border-right:1px solid var(--line)}.sequence-entry label{display:flex;align-items:center}.conflict{background:var(--panel);padding:20px;border:1px solid #ad6858}@media(max-width:700px){.view-switch{display:none}.mobile-view{display:block}.file-row{grid-template-columns:1fr}.file-row .metadata{display:none}.tiles{grid-template-columns:1fr}.title-input{max-width:100%}}.timeline-sections{height:48px;display:flex;background:var(--head);border-bottom:1px solid var(--line)}.timeline-section{flex-shrink:0;border-right:1px solid var(--line);position:relative;display:flex;align-items:center}.section-controls{position:sticky;left:0;display:flex;gap:4px;align-items:center;background:var(--head);padding:4px;max-width:100%}.section-controls input{width:52px}.section-controls label{display:flex;align-items:center}.timeline-ruler{height:56px;position:relative;background:var(--panel);border-bottom:1px solid var(--line)}.timeline-ruler span{position:absolute;padding:5px}.arrangement-ruler{height:104px;display:flex;align-items:end;padding:12px;border-bottom:1px solid var(--line)}.trailing-add{margin:5px 18px;border-style:dashed}.track-menu{position:absolute;top:40px;left:10px;z-index:5}summary{cursor:pointer;padding:4px 8px;list-style:none}details{position:relative}.menu-panel{position:absolute;z-index:10;top:100%;left:0;background:var(--panel);box-shadow:0 8px 24px #0003;border:1px solid var(--line);border-radius:10px;padding:8px;width:230px}.menu-panel button{display:block;width:100%;text-align:left;border:0}.menu-panel label{display:grid;padding:8px}.bar-controls{position:absolute;top:12px;display:flex;align-items:center}.bar-controls>span{position:static}.editor-fields{border:0;margin:0;padding:0;min-width:0}.grid-area{position:relative}.playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--ink);z-index:4;pointer-events:none}.playhead[hidden]{display:none}app-editor .transport{display:flex;align-items:center;gap:6px;flex-shrink:0}app-editor .transport>button{width:40px;height:40px;min-height:40px;padding:8px}app-editor .transport>button:not(.primary){background:transparent;border-color:transparent}app-editor .transport>button[aria-pressed=true]{background:var(--sage);border-color:var(--note)}app-editor .document-actions[hidden]{display:none}@media(max-width:800px){app-editor .transport{gap:3px}app-editor .transport>button{width:34px;height:36px;min-height:36px;padding:6px}}button[aria-pressed=true]{background:var(--sage)}.timeline-sections{position:relative;z-index:6}.bar-controls{z-index:6}.title-input{width:min(580px,100%)}.drag-grip{display:inline-block;cursor:grab;padding:8px;-webkit-user-select:none;user-select:none}.beat-number{top:32px!important;font-size:11px;color:var(--sub)}.ruler .beat-number{top:54px!important}.piece-description{display:flex;gap:12px;align-items:center;color:var(--sub);font-size:12px;margin-bottom:12px}.piece-description textarea{flex:1;border:1px solid var(--line);border-radius:8px;background:transparent;resize:vertical;padding:6px}.file-columns{display:grid;grid-template-columns:minmax(0,1fr) 160px 124px 132px;gap:14px;padding:8px 12px;font-size:12px;color:var(--sub);border-bottom:1px solid var(--line)}.file-row.selected-folder{outline:1px solid var(--note);outline-offset:-1px;border-radius:11px}.tile-description{margin:8px 12px;color:var(--sub)}@media(max-width:700px){.file-columns{display:none}}.section-tail-add{position:absolute;top:18px;border-style:dashed;background:transparent}input{accent-color:var(--note)}.menu-panel.instrument-options{max-height:min(320px,calc(100dvh - 32px));overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--sub) var(--panel);padding:6px}.menu-panel.instrument-options button{display:flex;width:100%;justify-content:flex-start;text-align:left;border:0;border-radius:5px;padding:10px 12px;background:transparent}.menu-panel.instrument-options button:hover,.menu-panel.instrument-options button:focus-visible{background:var(--sage)}.empty-arrangement{min-height:240px;display:grid;place-items:center;padding:32px}.bar-boundary{position:absolute;top:80px;bottom:0;width:2px;background:var(--line);pointer-events:none;z-index:1}.arrangement-boundary{top:104px}.document-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.document-buttons{display:flex;align-items:center;gap:8px}.document-buttons>button{height:40px;min-width:108px;padding:7px 12px}.document-buttons .discard{border:1px solid var(--line);background:transparent}.menu-panel.section-actions{width:260px;padding:4px 0;max-height:calc(100dvh - 24px);overflow-y:auto}.section-actions .menu-group{padding:4px 6px}.section-actions .menu-group+.menu-group{border-top:1px solid var(--line)}.menu-panel.section-actions button{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:8px;min-height:36px;border-radius:5px;background:transparent;font-size:12px}.section-actions button:hover:not(:disabled),.section-actions button:focus-visible{background:var(--sage)}.section-actions .menu-icon{width:18px;flex-shrink:0;text-align:center;font-size:16px}.section-actions .menu-caption{padding:8px 8px 4px;font-size:11px;color:var(--sub)}.section-actions .section-choices{max-height:180px;overflow-y:auto}.menu-panel.section-actions .remove-action{color:light-dark(#9a6155,#d39b88)}.timeline-section.drop-target:after{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;border-radius:2px;background:var(--note);box-shadow:0 0 0 2px var(--panel);z-index:8;pointer-events:none}.timeline-section.drop-target.drop-after:after{left:auto;right:0}.timeline-section.drop-target .section-controls{background:var(--sage)}.section-picker>summary{display:flex;align-items:center;gap:10px;min-height:36px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.file-icon{display:inline-flex;width:20px;flex-shrink:0;color:var(--sub)}.file-icon svg,.tree-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.folder-tree .file-row{position:relative;min-height:48px;border-bottom:0}.folder-tree .file-name{position:relative;gap:8px;min-height:48px;border-radius:5px}.tree-toggle{display:inline-flex;align-items:center;justify-content:center;width:20px;flex-shrink:0;color:var(--sub)}.tree-toggle.open svg{transform:rotate(90deg)}.tree-guides{position:absolute;top:0;bottom:0;left:22px;width:calc(var(--tree-depth) * 32px);background:repeating-linear-gradient(to right,var(--line) 0 1px,transparent 1px 32px);pointer-events:none}.folder-tree .file-row.selected-folder{outline:0;border-radius:0}.folder-tree .selected-folder .file-name{background:color-mix(in srgb,var(--sage) 35%,transparent)}.folder-tree .file-name:hover{background:color-mix(in srgb,var(--sage) 50%,transparent)}.folder-tree .file-name:focus-visible{outline:2px solid var(--note);outline-offset:-2px}.folder-name{container-type:inline-size}.folder-name .entry-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-count{display:none;flex:0 0 70px;margin-left:16px;color:var(--sub);font-size:12px;white-space:nowrap}.folder-preview{display:none;flex:1;min-width:0;margin-left:16px;color:var(--sub);font-size:12px}.folder-preview-names{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-preview-more{flex-shrink:0;white-space:pre}@container (min-width: 360px){.folder-count{display:inline}}@container (min-width: 620px){.folder-name .entry-title{flex:0 1 218px}.folder-preview{display:flex}}app-library .file-row{position:relative}app-library .entry-actions{grid-column:4;justify-self:end;padding-right:8px}app-library .desktop-actions{display:flex;align-items:center;gap:4px}app-library .desktop-actions button{display:grid;place-items:center;width:36px;height:36px;padding:7px;background:transparent;border:0;color:var(--sub)}app-library .desktop-actions button:hover,app-library .desktop-actions button:focus-visible{background:var(--sage);color:var(--ink)}app-library .desktop-actions svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}app-library .tablet-actions{display:none}@media(max-width:1024px){app-library .file-row,app-library .file-columns{grid-template-columns:minmax(0,1fr) 48px}app-library .file-row .metadata,app-library .file-columns span:nth-child(2),app-library .file-columns span:nth-child(3){display:none}app-library .folder-preview{display:none}app-library .entry-actions{grid-column:2}app-library .desktop-actions{display:none}app-library .tablet-actions{display:block;position:relative}app-library .tablet-actions summary{display:grid;place-items:center;width:40px;height:40px;cursor:pointer;list-style:none;font-size:24px;line-height:1}app-library .tablet-actions summary::-webkit-details-marker{display:none}app-library .tablet-actions summary:hover,app-library .tablet-actions summary:focus-visible{background:var(--sage)}app-library .row-action-menu{position:absolute;top:100%;right:0;z-index:10;width:160px;padding:5px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #0004}app-library .row-action-menu button{display:block;width:100%;padding:8px 10px;text-align:left;background:transparent;border:0}app-library .row-action-menu button:hover,app-library .row-action-menu button:focus-visible{background:var(--sage)}app-library .file-row:has(.row-actions[open]){z-index:10}}@media(max-width:700px){app-library .file-row{grid-template-columns:minmax(0,1fr)}app-library .entry-actions{display:none}}app-dropdown{display:inline-block}app-dropdown .dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:36px;padding:7px 10px;font-size:12px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.dropdown-trigger svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}.dropdown-trigger:focus-visible{outline:2px solid var(--note);outline-offset:2px}.dropdown-panel{position:fixed;inset:auto;margin:0;padding:5px;width:max-content;max-width:calc(100vw - 16px);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--ink);box-shadow:0 8px 24px #0004;font:12px/1.4 Segoe UI,sans-serif;scrollbar-color:var(--sub) var(--panel)}.dropdown-option{display:flex;align-items:center;gap:8px;min-height:36px;padding:8px 12px 8px 6px;border-radius:5px;cursor:pointer}.dropdown-option.active{background:var(--sage)}.dropdown-option[aria-selected=true]{font-weight:600}.dropdown-check{width:16px;flex-shrink:0;color:var(--note)}.dropdown-swatch{display:inline-block;width:16px;height:16px;border-radius:50%;border:1px solid #0002;flex-shrink:0}app-editor .menu-panel.section-add-options{width:220px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;padding:6px;border-radius:12px;box-shadow:0 10px 28px #0002}app-editor .menu-panel.section-add-options button{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:6px;background:transparent;text-align:left;overflow-wrap:anywhere}app-editor .menu-panel.section-add-options button:hover{background:var(--sage)}app-editor .menu-panel.section-add-options button:focus-visible{outline:2px solid var(--note);outline-offset:-2px}app-editor .section-add-options hr{border:0;border-top:1px solid var(--line);margin:5px 6px}app-editor .section-option-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;color:var(--sub)}app-editor .section-dot{width:12px;height:12px;border-radius:50%}app-editor .timeline-section,app-editor button,app-editor summary{-webkit-user-select:none;user-select:none}app-editor .timeline-section input{-webkit-user-select:text;user-select:text}app-editor .bench{display:flex;flex-direction:column}app-editor .bench>*{min-width:0}app-editor .bench>.view-controls{order:1;margin:0;padding:12px 16px;border-top:1px solid var(--line)}app-editor .speed-control input[type=range]{width:90px}app-editor .speed-control input[type=number]{width:58px;padding:4px}@media(max-width:800px){app-editor .bench{display:flex;flex-direction:column}app-editor .bench>.view-controls{order:1;margin:0;padding:8px;gap:8px;border-bottom:0;border-top:1px solid var(--line)}app-editor .bench .view-controls label.grid-control{display:none}app-editor .track-label-group strong{max-width:82px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}app-editor .track-label-group .track-menu{left:7px;right:auto;top:32px}app-editor .lane-label{font-size:0;padding-right:6px}app-editor .lane-label:after{content:attr(data-short);font-size:10px}}app-editor .section-color-picker{margin-left:auto;margin-right:8px}app-editor .editing .inline-bar-actions{right:40px}app-editor .editing .timeline-section.active-section .section-color-picker{margin-left:0;position:sticky;right:0}app-editor .toolbar .finish-section{margin-left:auto;background:var(--sage);border-color:var(--note);font-weight:600;white-space:nowrap}app-editor .section-name-controls .section-edit-flag{flex:0 0 auto;overflow:visible;padding:2px 7px;border:1px solid var(--section-color);border-radius:12px;font-size:11px;font-weight:400}app-editor .section-delete-slot{position:relative}app-editor .delete-section[aria-disabled=true]{color:var(--sub);opacity:.55}app-editor .section-delete-reason{display:none;position:absolute;z-index:30;left:27px;top:0;width:max-content;max-width:240px;padding:7px 9px;border:1px solid var(--line);border-radius:7px;background:var(--panel);box-shadow:0 4px 12px #0004;font-size:12px;font-weight:400;white-space:normal}app-editor .section-delete-slot:hover .section-delete-reason,app-editor .section-delete-slot:focus-within .section-delete-reason,app-editor .section-delete-reason.open{display:block}app-editor .exit-edit-dialog p{color:var(--sub);margin:0 0 20px}app-editor .exit-edit-dialog .actions{display:flex;gap:8px;flex-wrap:wrap}app-editor .section-color-picker summary{display:flex;align-items:center;justify-content:center;width:32px;min-height:32px;padding:6px}app-editor .section-color-picker .menu-panel{min-width:140px}app-editor .section-color-picker button{width:100%;justify-content:flex-start}app-editor .empty-track-grid{height:144px;display:grid;place-items:center;background:repeating-linear-gradient(135deg,var(--panel) 0 8px,color-mix(in srgb,var(--line) 60%,var(--panel)) 8px 9px)}app-editor .grid-area .empty-track-grid .instrument-create>summary{background:var(--sage);border:1px solid var(--note);border-radius:8px;padding:8px 14px;min-height:40px;font-size:13px}app-editor .playhead-handle{pointer-events:auto;touch-action:none;position:absolute;top:48px;left:0;width:32px;height:36px;min-height:36px;padding:0;background:transparent;border:0;cursor:ew-resize}