.editor-output-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.arranger{margin-top:22px;scroll-margin-top:20px;--track-width:166px;--track-height:100px}.arranger .section-heading{flex-wrap:wrap;border-bottom:1px solid var(--line)}.arr-project-heading{display:flex;align-items:center;gap:10px;min-width:0}.arr-project-heading input{background:none;border:0;border-bottom:1px solid transparent;color:#d7e0cd;max-width:250px;width:180px;font-size:12px;padding:6px 0}.arr-project-heading input:focus{border-color:var(--accent)}.arr-heading-title{flex-wrap:wrap}.arr-heading-title h2{font-size:14px}.arr-unsaved{font-size:9px;color:#c3b781;white-space:nowrap}.arr-project-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.arr-project-actions button{padding:7px 9px;font-size:10px}.arr-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 20px;flex-wrap:wrap}.arr-transport,.arr-display-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.arr-time{font:15px Consolas,monospace;letter-spacing:.5px;color:var(--accent);min-width:63px}.arr-time small{font-size:10px;color:#8fa17e}.arr-timeline-length{font:10px Consolas,monospace;color:#93a186}.arr-transport .play-button{width:35px;height:35px}.arr-toolbar-divider{height:22px;width:1px;background:var(--line);margin:0 3px}.arr-display-controls label,.arr-add-controls label{display:flex;align-items:center;gap:7px;color:#a9b49f;font-size:10px;white-space:nowrap}.arranger select,.arranger input[type=number]{background:#161c12;border:1px solid #414b37;color:#c8d9b8;border-radius:5px;padding:6px 8px;font-size:11px}.arranger select{max-width:160px}.arr-zoom{font:10px Consolas,monospace;min-width:28px;color:#b2c39e;text-align:center}.arr-addbar{padding:0 20px 14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.arr-add-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.arr-add-current{color:var(--accent);border-color:#66784a;background:#323d25}.arr-add-current svg{height:15px;width:15px}.arr-source-name{font-size:10px;color:#99aa88;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arr-add-track{margin-left:auto}.arr-scroll{overflow:auto;max-height:559px;scrollbar-width:thin;scrollbar-color:#58654a #151a12;border-top:1px solid #3e4735;border-bottom:1px solid #3e4735;position:relative;overscroll-behavior-x:contain;background:#151a13}.arr-ruler-row,.arr-track-row{display:flex;min-width:max-content;position:relative}.arr-ruler-row{height:34px;position:sticky;top:0;z-index:6;background:#20271b}.arr-ruler-title{width:var(--track-width);min-width:var(--track-width);position:sticky;left:0;z-index:7;background:#242c1f;color:#859875;padding:11px 13px;font-size:8px;letter-spacing:1.3px;border-right:1px solid #404d34}.arr-ruler{position:relative;height:34px;cursor:crosshair;border-bottom:1px solid #414c36;touch-action:none}.arr-tick{position:absolute;bottom:0;display:flex;align-items:flex-start;height:16px;border-left:1px solid #5b6b47;padding-left:5px;color:#9dac8e;font:9px Consolas,monospace;pointer-events:none}.arr-track-head{width:var(--track-width);min-width:var(--track-width);height:var(--track-height);position:sticky;left:0;z-index:5;border-right:1px solid #44533a;border-bottom:1px solid #36402e;background:#232b20;padding:12px;cursor:pointer}.arr-track-head.selected{background:#303b26;box-shadow:inset 3px 0 var(--track-color)}.arr-track-title{display:flex;align-items:center;gap:7px;margin-bottom:9px}.arr-track-number{color:var(--track-color);font:9px Consolas,monospace}.arr-track-title input{width:92px;max-width:100%;background:transparent;border:0;color:#dce8d0;font-size:10px;outline-offset:2px}.arr-track-select{border:0;background:transparent;padding:0;color:var(--track-color);font-size:10px}.arr-track-buttons{display:flex;align-items:center;gap:5px}.arr-ms{width:23px;height:22px;border:1px solid #515e43;background:#293224;color:#a6b895;border-radius:4px;font:10px Consolas,monospace}.arr-ms[aria-pressed=true]{border-color:#d5ec89;background:#d5ec89;color:#27331c}.arr-track-volume{display:flex;align-items:center;gap:7px;flex:1;margin-left:4px}.arr-track-volume input[type=range]{width:49px;margin:0;background:#65764f}.arr-track-volume output{font:8px Consolas,monospace;color:#98aa86}.arr-track-remove{position:absolute;right:6px;top:7px;width:22px;height:22px}.arr-track-remove svg{width:12px;height:12px}.arr-track-head .arr-track-title input{width:99px;padding-right:10px}.arr-track-subtitle{font-size:8px;color:#8fa17e;margin-top:8px}.arr-lane{position:relative;height:var(--track-height);background-color:#151c12;background-image:linear-gradient(to right,#73895720 1px,transparent 1px),linear-gradient(to right,#7389570b 1px,transparent 1px);border-bottom:1px solid #33412b;touch-action:none}.arr-track-row:nth-child(odd) .arr-lane{background-color:#181f14}.arr-lane.drop-target{background-color:#304221!important;box-shadow:inset 0 0 0 2px #accc79}.arr-track-row.track-quiet .arr-lane{opacity:.4}.arr-clip{position:absolute;top:12px;height:75px;min-width:4px;border:1px solid var(--track-color);background:var(--clip-bg);color:var(--track-color);border-radius:5px;overflow:hidden;cursor:grab;user-select:none;touch-action:none;padding:0;display:block;text-align:left;box-shadow:0 2px 7px #0002}.arr-clip:hover{filter:brightness(1.17)}.arr-clip.selected{box-shadow:0 0 0 2px #edf3df;z-index:2}.arr-clip.is-dragging{cursor:grabbing;opacity:.85;z-index:9}.arr-clip-name{position:absolute;left:7px;right:6px;top:5px;font-size:9px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;font-weight:600}.arr-clip canvas{position:absolute;top:23px;left:0;width:100%;height:36px;pointer-events:none;opacity:.8}.arr-clip-time{position:absolute;bottom:4px;left:7px;font:8px Consolas,monospace;opacity:.75;pointer-events:none;white-space:nowrap}.arr-playhead{position:absolute;top:0;bottom:0;width:1px;background:#f4f7e9;z-index:4;pointer-events:none;box-shadow:0 0 3px #0008}.arr-ruler .arr-playhead:before{position:absolute;left:-4px;top:0;content:'';border:4px solid transparent;border-top:7px solid #e6efcf}.arr-empty-message{position:absolute;left:25px;top:40px;font-size:10px;color:#718362;pointer-events:none;white-space:nowrap}.arr-inspector{display:flex;align-items:center;gap:12px;padding:15px 20px;flex-wrap:wrap;background:#20281b;border-bottom:1px solid var(--line)}.arr-inspector-title{color:#c6dcb0;max-width:180px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-right:2px}.arr-inspector label{display:flex;align-items:center;gap:6px;color:#a3b393;font-size:9px}.arr-inspector input[type=number]{width:68px;font:11px Consolas,monospace}.arr-inspector .arr-repeat-count{width:48px!important}.arr-inspector .button{min-height:30px;padding:6px 8px;font-size:10px}.arr-selection-detail{font:9px Consolas,monospace;color:#91a480}.arr-repeat-group{display:flex;align-items:center;gap:7px;border-left:1px solid #404d34;padding-left:12px;margin-left:auto}.arr-no-selection{color:#8c9e7a;font-size:10px;line-height:1.8}.arr-bottom{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;gap:16px}.arr-bottom p{font-size:9px;color:#92a77f;line-height:1.8}.arr-bottom p small{font-size:9px;display:block;color:#c0b780}.arr-bottom .export-button{flex-shrink:0}.arr-project-list{display:flex;flex-direction:column;gap:9px;margin-top:18px;max-height:330px;overflow:auto}.arr-project-item{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;background:#283122;border:1px solid #435136;border-radius:7px;padding:14px;color:#cbdcba}.arr-project-item span{max-width:260px;overflow:hidden;text-overflow:ellipsis}.arr-project-item small{display:block;margin-top:6px;font-size:9px;color:#95a680}.arr-open-footer{margin-top:20px;display:flex;flex-wrap:wrap;gap:9px}.arr-open-footer .button{font-size:10px}.arr-modal-note{font-size:10px;margin-top:17px}.arr-highlight{animation:arr-flash 1s ease-out}@keyframes arr-flash{0%{box-shadow:0 0 0 2px var(--accent)}100%{box-shadow:0 0 0 0 transparent}}
@media(max-width:1200px){.arranger{--track-width:148px}.arr-track-head{padding:11px 9px}.arr-track-volume input[type=range]{width:36px}.arr-track-title input{width:85px!important}.arr-project-heading input{max-width:160px}.arr-source-name{max-width:130px}.arr-repeat-group{margin-left:0}.editor-output-actions{gap:6px}.editor-output-actions .button{font-size:10px;padding-left:9px;padding-right:9px}}
@media(max-width:760px){.arranger{--track-width:134px;--track-height:95px}.arranger .section-heading{padding:15px}.arr-project-heading{width:100%}.arr-project-heading input{max-width:none;flex:1}.arr-project-actions{gap:4px}.arr-toolbar,.arr-addbar,.arr-inspector,.arr-bottom{padding-left:15px;padding-right:15px}.arr-track-volume input[type=range]{width:29px}.arr-track-title input{width:76px!important}.arr-track-volume output{font-size:7px}.arr-source-name{display:none}.arr-inspector-title{max-width:100%}.arr-bottom{align-items:stretch;flex-direction:column}.arr-display-controls{gap:6px}.arr-display-controls label{font-size:9px}.arr-add-controls{gap:7px}.arranger select{max-width:136px}.arr-clip{height:70px}.editor-output-actions{flex-direction:column;align-items:stretch}.editor-output-actions .button{width:100%;min-height:38px}.arr-project-actions .button{font-size:9px}.arr-add-track{margin-left:0}}
@media(max-width:580px){.app-header{height:auto;min-height:75px;flex-wrap:wrap;gap:10px;padding:14px 15px 0}.top-nav{order:3;width:100%;height:34px;gap:23px}.top-nav .nav-tab{font-size:11px}.header-actions{margin-left:auto}.arr-toolbar{gap:10px}.arr-transport{gap:7px}.arr-addbar{gap:9px}.arr-add-controls{width:100%}.arr-inspector{gap:10px}.arr-inspector-title{width:100%;font-size:12px}.arr-repeat-group{border-left:0;padding:0}.arr-project-heading input{width:150px}.arr-project-actions{width:100%}.arr-timeline-length{font-size:9px}.arr-toolbar-divider{margin:0}.arranger .section-heading>div{gap:8px}.arr-heading-title .count-badge{display:inline}.arr-add-controls label{font-size:9px}.arr-open-footer .button{flex:1}.arr-time{font-size:14px}.arr-bottom .export-button{font-size:11px}}
.arr-monitor-volume input[type=range]{width:68px;margin:0}
.arr-monitor-volume output{font:9px Consolas,monospace;min-width:26px;color:#adc48e}
.arr-library-hint{font-size:10px;color:#b8cba4;line-height:1.5}
.arr-library-drop{position:absolute;top:5px;bottom:5px;width:2px;background:#d8ee9b;box-shadow:0 0 8px #d8ee9b55;z-index:10;pointer-events:none}
.arr-library-drop>span{position:absolute;left:6px;top:0;padding:5px 7px;border:1px solid #a6bf75;border-radius:4px;background:#344424;color:#e5f0d7;white-space:nowrap;font:10px Consolas,monospace}
.arr-lane.library-drop-target{background-color:#273820!important;box-shadow:inset 0 0 0 1px #819b5f}
.arr-track-row.track-quiet .arr-lane.library-drop-target{opacity:1}
@media(max-width:760px){.arr-library-hint{width:100%}.arr-monitor-volume input[type=range]{width:60px}}

.arranger{--track-height:128px}
.arr-track-pan{display:grid;grid-template-columns:20px minmax(24px,1fr) 32px 18px;align-items:center;gap:4px;margin-top:8px;min-height:22px}
.arr-track-pan label{font-size:8px;color:#aabf98;cursor:pointer}
.arr-track-pan input[type=range]{width:100%;min-width:0;margin:0;background:linear-gradient(to right,#65764f 49%,#d5ec89 49%,#d5ec89 51%,#65764f 51%)}
.arr-track-pan output{font-size:8px;text-align:center;white-space:nowrap;color:#bdcea9}
.arr-pan-reset{width:18px;height:20px;min-height:0;padding:0;border:1px solid #515e43;border-radius:4px;background:#293224;color:#b4c79f;font:9px Consolas,monospace}
.arr-track-pan:focus-within label{color:var(--accent)}
@media(max-width:760px){.arranger{--track-height:124px}.arr-track-pan{gap:3px}}

.arr-inspector[hidden]{display:none}
.arr-inspector{padding:10px 16px;gap:10px}
.arr-inspector-title{max-width:160px}
.arr-inspector label{font-size:10px}
.arr-inspector .arr-repeat-group{gap:6px;padding-left:10px}
@media(max-width:760px){.arr-inspector{padding:10px 12px}.arr-inspector .arr-repeat-group{padding-left:0;border-left:0}}