:root{--unit:20px;--name:80px;--bar:80px;--ink:#1e1e1e;--line:#dedede;--accent:#99ff73;--typeface-regular:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:14px/20px var(--typeface-regular);letter-spacing:-.4px;background-image:linear-gradient(#d6d6d6 1px,transparent 1px),linear-gradient(90deg,#d6d6d6 1px,transparent 1px),linear-gradient(#ececec 1px,transparent 1px),linear-gradient(90deg,#ececec 1px,transparent 1px);background-size:80px 80px,80px 80px,20px 20px,20px 20px;background-position:0 0}button,input{font:inherit;color:inherit}button{border:0;border-radius:0;cursor:pointer;touch-action:manipulation}button:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:2px;z-index:5}main{width:var(--workspace-width,min(640px,calc(100% - 40px)));margin:80px 0 40px var(--workspace-left,20px)}.page-header{height:40px;display:flex;align-items:flex-start;justify-content:space-between}.identity{display:flex;gap:8px;align-items:center;background:white;height:20px}.identity svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}h1{font-size:14px;font-weight:400;margin:0;line-height:20px}.publisher,.source-link{color:#777;font-size:12px;text-decoration:none}.publisher:hover,.source-link:hover{color:var(--ink);text-decoration:underline}.prototype{font-size:12px;background:#eee;padding:0 4px;margin-left:8px}.session-name{font-size:12px;background:white;color:#777;padding-left:8px}.transport{position:fixed;top:0;right:0;z-index:1000;display:flex;justify-content:flex-end;align-items:flex-start;height:20px;gap:0;background:white}.transport-left{display:flex;align-items:flex-start;gap:0}.play-button{display:flex;align-items:center;gap:0;background:var(--accent);height:20px;width:20px;padding:0;line-height:20px;min-width:20px;justify-content:center}.play-icon{font-size:9px}.stop-button{height:20px;width:20px;line-height:20px;background:#eee;font-size:9px}.tempo{display:flex;gap:4px;align-items:center;margin-left:8px}.tempo input{width:30px;height:20px;padding:0;border:0;background:none;appearance:textfield;font-variant-numeric:tabular-nums}.tempo input::-webkit-inner-spin-button{appearance:none}.tempo span,.time-signature{font-size:12px;color:#777}#message{font-size:12px;line-height:20px;background:#fff}#message:empty{display:none}.session{position:relative;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#ccc #fff}.arrangement{width:640px;min-width:640px;background:#fff}.track-row{position:relative;width:640px;height:20px}.track-info{position:absolute;left:0;top:0;z-index:5;display:flex;width:80px;height:20px;background:transparent;align-items:stretch;pointer-events:none}.track-name{display:block;width:80px;height:20px;line-height:20px;padding:0 4px;border:0;border-left:1px solid transparent;border-top:1px solid transparent;background:transparent;font-weight:400;font-size:14px;overflow:hidden;white-space:nowrap}.track-controls{display:flex;align-items:center;gap:2px;width:40px;padding:0 3px}.track-controls button{height:16px;width:16px;padding:0;background:#eee;font-size:10px;line-height:16px;text-align:center}.track-controls .muted{background:#333;color:white}.track-controls .soloed{background:var(--accent)}.clips{position:relative;display:grid;grid-template-columns:repeat(4,160px);height:20px;background-image:linear-gradient(90deg,#ececec 1px,transparent 1px);background-size:20px 20px}.clip{position:relative;display:block;width:160px;height:20px;border:0;border-left:1px solid var(--line);border-top:1px solid var(--line);background:#fafafa;padding:0;overflow:hidden}.clip:nth-child(2n){background:#f0f0f0}.clip:hover{background:#e2f6dc}.clip.active{background:var(--accent)}.waveform{position:absolute;left:3px;top:2px;width:calc(100% - 6px);height:15px;pointer-events:none;color:#565656}.active .waveform{color:#295a1c}.silent .waveform{opacity:.25}.playhead{position:absolute;left:0;top:0;width:1px;height:20px;background:#337826;pointer-events:none;z-index:4}.playhead[hidden]{display:none}footer{height:40px;display:flex;justify-content:space-between;align-items:center;gap:16px;background:white}.master{display:flex;align-items:center;gap:8px}.master label{font-size:12px;color:#777}.master input{width:60px}.meter{height:4px;width:20px;background:#eee}.meter i{display:block;height:100%;width:0;background:#66c64b}input[type=range]{appearance:none;height:2px;background:#ddd;border:0;cursor:pointer;border-radius:0}input[type=range]::-webkit-slider-thumb{appearance:none;background:#333;width:5px;height:12px;border-radius:0}input[type=range]::-moz-range-thumb{background:#333;width:5px;height:12px;border:0;border-radius:0}.hint{color:#888;font-size:12px;margin:0}.below{display:flex;justify-content:space-between;color:#999;font-size:12px;margin-top:20px;gap:12px}.below>span{background:#fff}kbd{font:inherit;border:1px solid #ddd;padding:0 3px;background:white;color:#777}@media(max-width:560px){main{margin-top:40px}.session-name,.time-signature{display:none}.transport{gap:0}.transport-left{gap:0}.below{flex-direction:column;gap:0}.hint{font-size:11px}.publisher{font-size:11px}.prototype{margin-left:2px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

body{min-height:100svh;display:flex;flex-direction:column}main{flex-shrink:0}

.timing{display:flex;width:40px;height:20px;gap:0;background:#eee;margin-left:0}.timing .tempo{display:block;width:40px;height:20px;margin:0}.timing .tempo input{display:block;width:40px;height:20px;text-align:center;line-height:20px;padding:0;font-size:14px}.timing .time-signature{display:block;width:40px;height:20px;border-left:1px solid #fff;text-align:center;line-height:20px;font-size:14px;color:var(--ink)}

.track-name{position:relative;padding:0 32px 0 17px}.track-label{display:block;font-size:12px;opacity:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-controls{position:absolute;right:1px;top:1px;width:32px;height:16px;padding:0;gap:0;background:transparent;pointer-events:none}.track-controls button{flex:0 0 16px;width:16px;height:16px;background:#fff;opacity:0;pointer-events:none}.track-controls button+button{border-left:1px solid #ddd}.track-surface:hover .track-controls button,.track-surface:focus-within .track-controls button,.track-controls button[aria-pressed="true"]{opacity:1;pointer-events:auto}.track-controls .muted{background:#333;color:#fff}.track-controls .soloed{background:var(--accent)}@media(hover:none){.track-controls button{opacity:1;pointer-events:auto}}

.vertical-section{width:80px}.vertical-track{position:relative;width:80px}.vertical-lane{position:relative;width:80px;height:640px}.vertical-clips{display:grid;grid-template-rows:repeat(4,160px);width:80px;height:640px}.vertical-clip{width:80px;height:160px}.vertical-clip .waveform{left:3px;top:3px;width:calc(100% - 6px);height:calc(100% - 6px)}.vertical-playhead{left:0;top:0;width:80px;height:1px}

.track-surface:hover .track-name,.track-surface:focus-within .track-name{background:#eee;border-color:var(--line)}.track-surface:hover .track-label,.track-surface:focus-within .track-label{opacity:1}@media(hover:none){.track-name{background:#eee;border-color:var(--line)}.track-label{opacity:1}}

.track-play{position:absolute;left:1px;top:1px;width:16px;height:16px;padding:0;background:#fff;font-size:9px;line-height:16px;opacity:0;pointer-events:none}.track-surface:hover .track-play,.track-surface:focus-within .track-play,.track-play[aria-pressed="true"]{opacity:1;pointer-events:auto}.track-play[aria-pressed="true"]{background:var(--accent)}@media(hover:none){.track-play{opacity:1;pointer-events:auto}}

body{display:block}main{position:relative;width:100%;min-width:100%;min-height:100svh;margin:0}.session,.arrangement,#tracks,.vertical-section,#vertical-track{display:contents}.track-surface{position:absolute;z-index:10;touch-action:none;user-select:none;border-radius:4px;overflow:hidden}.track-row{width:640px;height:20px}.vertical-track{width:80px;height:640px}.clip{cursor:grab;touch-action:none}.track-label{pointer-events:auto;cursor:grab}.track-surface.dragging{outline:1px solid var(--ink)}.moving-track,.moving-track .clip,.moving-track .track-label{cursor:grabbing}.track-surface.dragging .track-name{background:#eee;border-color:var(--line)}.track-surface.dragging .track-label,.track-surface.dragging .track-play,.track-surface.dragging .track-controls button{opacity:1}.track-surface.dragging .track-play,.track-surface.dragging .track-controls button{pointer-events:auto}#message{position:fixed;left:20px;bottom:20px;z-index:100;max-width:calc(100vw - 40px)}@media(max-width:560px){main{margin:0}}

.clips{width:100%;height:100%;grid-template-columns:repeat(4,minmax(0,1fr))}.clip{width:100%;height:100%}.waveform{height:calc(100% - 4px)}.playhead{height:100%}.vertical-lane,.vertical-clips{width:100%;height:100%}.vertical-clips{grid-template-rows:repeat(4,minmax(0,1fr))}.vertical-clip{width:100%;height:100%}.vertical-playhead{width:100%;height:1px}.resize-handle{position:absolute;right:0;bottom:0;z-index:7;width:12px;height:12px;padding:0;background:transparent;cursor:nwse-resize;touch-action:none;opacity:0}.resize-handle::after{content:'';position:absolute;right:2px;bottom:2px;width:5px;height:5px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}.track-surface:hover .resize-handle,.track-surface:focus-within .resize-handle,.track-surface.resizing .resize-handle{opacity:1}.resizing-track,.resizing-track .clip,.resizing-track .resize-handle{cursor:nwse-resize}@media(hover:none){.resize-handle{opacity:1}}

.vertical-track .clips,.vertical-track .vertical-clips{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(4,minmax(0,1fr))}.track-row .vertical-clips{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}.vertical-track .waveform{left:3px;top:3px;width:calc(100% - 6px);height:calc(100% - 6px)}.track-row .waveform{left:3px;top:2px;width:calc(100% - 6px);height:calc(100% - 4px)}.context-menu{position:absolute;z-index:2000;width:120px;height:20px;background:#fff;box-shadow:0 0 0 1px var(--line)}.context-menu[hidden]{display:none}.context-menu button{display:block;width:120px;height:20px;line-height:20px;padding:0 4px;text-align:left;font-size:12px;background:#eee}.context-menu button:hover,.context-menu button:focus-visible{background:var(--accent);outline:0}

.clip{background:var(--track-rest,#fafafa)}.clip:nth-child(2n){background:var(--track-alt,#f0f0f0)}.clip:hover{background:var(--track-hover,#e2f6dc)}.clip.active{background:var(--track-color,var(--accent))}.active .waveform{color:var(--track-active-ink,#295a1c)}.playhead{background:var(--track-active-ink,#337826)}.track-play[aria-pressed="true"],.track-controls .soloed{background:var(--track-color,var(--accent));color:var(--track-active-ink,var(--ink))}.context-menu{height:80px}.color-label{height:20px;line-height:20px;padding:0 4px;font-size:12px;background:#eee}.color-palette{display:grid;grid-template-columns:repeat(6,20px);grid-auto-rows:20px;background:#eee}.context-menu .color-swatch{position:relative;width:20px;height:20px;padding:0;background:#eee}.color-swatch span{display:block;width:16px;height:16px;margin:2px}.color-swatch[aria-checked="true"]::after{content:'✓';position:absolute;inset:0;text-align:center;line-height:20px;font-size:11px;color:var(--swatch-ink)}.context-menu .color-swatch:hover,.context-menu .color-swatch:focus-visible{background:#333}

.track-name{padding:0 4px 0 17px}.track-label{font-size:14px}.track-controls{z-index:6}.vertical-track .track-controls{top:auto;bottom:1px;left:1px;right:auto}.track-row.compact-track .resize-handle{right:45px}

.track-surface{transition:left 150ms cubic-bezier(.2,.7,.2,1),top 150ms cubic-bezier(.2,.7,.2,1)}.track-surface.dragging{transition:none}@media(prefers-reduced-motion:reduce){.track-surface{transition:none}}

.track-surface.selected{outline:1px solid var(--ink);outline-offset:-1px}#selection-marquee{position:absolute;z-index:900;pointer-events:none;border:1px solid var(--ink);background:#1e1e1e08}#selection-marquee[hidden]{display:none}

/* At the default display scale, both orientations use eight squares per bar. */
.clip,.clip:nth-child(2n){border:0;background-color:var(--track-rest,#fafafa);background-image:repeating-linear-gradient(90deg,var(--track-rest,#fafafa) 0 var(--clip-span,320px),var(--track-alt,#f0f0f0) var(--clip-span,320px) calc(var(--clip-span,320px)*2))}.vertical-track .clip{background-image:repeating-linear-gradient(180deg,var(--track-rest,#fafafa) 0 var(--clip-span,320px),var(--track-alt,#f0f0f0) var(--clip-span,320px) calc(var(--clip-span,320px)*2))}.clip.active,.clip.active:nth-child(2n){background-image:none;background-color:var(--track-color,var(--accent))}.clip:hover:not(.active){background-image:none;background-color:var(--track-hover,#e2f6dc)}.track-surface::after{content:'';position:absolute;inset:0;border:1px solid var(--line);border-radius:inherit;pointer-events:none;z-index:1}.track-row .waveform{left:0;top:2px}.vertical-track .waveform{left:3px;top:0}

.canvas-playhead{position:absolute;display:block;z-index:2;margin:0;padding:0;border:0;background:var(--ink);cursor:pointer;touch-action:manipulation}.canvas-playhead::before{content:'';position:absolute;inset:0 -4px}.canvas-playhead.down::before{inset:-4px 0}.canvas-playhead.paused{opacity:.5}.canvas-playhead:focus-visible{outline:1px solid var(--ink);outline-offset:2px}

.trim-handle{position:absolute;right:0;top:50%;transform:translateY(-50%);width:12px;height:12px;padding:0;background:transparent;z-index:7;opacity:0;cursor:ew-resize;touch-action:none}.trim-handle::after{content:'';position:absolute;right:1px;top:2px;width:1px;height:8px;background:var(--ink)}.vertical-track .trim-handle{top:auto;right:auto;bottom:0;left:50%;transform:translateX(-50%);cursor:ns-resize}.vertical-track .trim-handle::after{right:auto;top:auto;left:2px;bottom:1px;width:8px;height:1px}.track-surface:hover .trim-handle,.track-surface:focus-within .trim-handle,.track-surface.trimming .trim-handle{opacity:1}.track-row .track-controls{right:13px}.trimming-track .track-row,.trimming-track .track-row .clip{cursor:ew-resize}.trimming-track .vertical-track,.trimming-track .vertical-track .clip{cursor:ns-resize}@media(hover:none){.trim-handle{opacity:1}}

.loop-boundaries{position:absolute;inset:0;z-index:3;pointer-events:none;color:#565656;opacity:.65}.loop-boundary{position:absolute;top:0;bottom:0;width:0;border-left:1px dashed currentColor}.vertical-track .loop-boundary{top:auto;bottom:auto;left:0;right:0;width:auto;height:0;border-left:0;border-top:1px dashed currentColor}.track-surface:has(.clip.active) .loop-boundaries{color:var(--track-active-ink,#295a1c)}

.canvas-playhead-track{position:absolute;z-index:1;background:#fff;box-shadow:inset 0 0 0 1px var(--line);pointer-events:none;color:var(--ink);overflow:hidden}.canvas-playhead-track.paused{opacity:.5}.canvas-loop-stop{position:absolute;left:2px;top:2px;width:16px;height:16px;padding:0;line-height:16px;font-size:9px;background:#fff;color:var(--ink);pointer-events:auto;z-index:2}.canvas-loop-stop:hover,.canvas-loop-stop:focus-visible{background:#eee;color:var(--ink)}.canvas-loop-progress{position:absolute;top:0;bottom:0;width:1px;background:var(--ink)}.canvas-playhead-track.down .canvas-loop-progress{left:0;right:0;bottom:auto;width:auto;height:1px}.canvas-playhead-track::after{content:'';position:absolute;right:0;top:0;bottom:0;border-right:1px dashed var(--line)}.canvas-playhead-track.down::after{left:0;right:0;top:auto;bottom:0;border-right:0;border-bottom:1px dashed var(--line)}.sweep-track-heads{position:absolute;inset:0;z-index:4;pointer-events:none}.sweep-track-head{position:absolute;top:0;bottom:0;width:1px;background:var(--ink)}.vertical-track .sweep-track-head{left:0;right:0;bottom:auto;top:0;width:auto;height:1px}.track-surface:has(.clip.active) .sweep-track-head{background:var(--ink)}

.view-button{width:80px;height:20px;padding:0;line-height:20px;background:#eee;font-size:12px;border-right:1px solid #fff}.view-button:hover{background:#ddd}.view-button[aria-pressed="true"]{background:var(--accent)}.notation{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;overflow:visible}.silent .notation{opacity:.25}

#piano-track{display:contents}.notation{color:#1e1e1e}.active .notation{color:var(--track-active-ink,#295a1c)}

.track-surface[hidden]{display:none}.history-button{width:20px;height:20px;line-height:20px;padding:0;background:#eee;font-size:16px}.history-button:hover:not(:disabled){background:#ddd}.history-button:disabled{color:#aaa;cursor:default}.context-menu{height:auto}

.reset-button{height:20px;width:40px;padding:0;line-height:20px;background:#eee;font-size:12px}.reset-button:hover{background:#ddd}

.arrangement-button{height:20px;width:20px;padding:0;line-height:20px;background:var(--ink);color:white;font-size:9px}.arrangement-button:hover{background:#444}

.canvas-playhead-track[hidden]{display:none}

#global-loop-controls,.white-loop-controls{display:flex;height:20px;gap:0}.white-loop-controls button{height:20px;width:20px;padding:0;line-height:20px;background:#fff;color:var(--ink);font-size:9px}.white-loop-controls button:hover{background:#eee}

.global-loop-resize{position:absolute;z-index:30;width:12px;height:12px;padding:0;background:#fff;box-shadow:0 0 0 1px var(--line);cursor:ew-resize;touch-action:none}.global-loop-resize::after{content:"";position:absolute;top:2px;bottom:2px;left:5px;width:1px;background:var(--ink)}.global-loop-resize.down{cursor:ns-resize}.global-loop-resize.down::after{top:5px;bottom:auto;left:2px;right:2px;width:auto;height:1px}

.track-loop-indicator{position:absolute;top:2px;right:49px;z-index:6;width:16px;height:16px;line-height:16px;text-align:center;font-size:14px;color:var(--track-active-ink,var(--ink));background:var(--track-color,var(--accent));pointer-events:none}.track-loop-indicator[hidden]{display:none}

.vertical-track .track-loop-indicator{top:auto;bottom:49px;left:2px;right:auto}

.track-zoom-tag{position:absolute;z-index:6;top:2px;right:69px;display:flex;align-items:center;gap:2px;height:16px;padding:0 3px;background:#ffffffdf;color:var(--ink);font-size:10px;line-height:16px;border-radius:3px;pointer-events:auto}.track-zoom-tag svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.2}.track-zoom-tag[hidden]{display:none}.vertical-track .track-zoom-tag{top:auto;bottom:70px;right:auto;left:2px}

.clip.active,.clip.active:nth-child(2n),.track-loop-indicator{background-color:var(--track-display-color,var(--track-color,var(--accent)))}

.track-pitch-handle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:8;min-width:16px;height:16px;padding:0 2px;line-height:16px;font-size:10px;background:#ffffffdd;border-radius:3px;cursor:ns-resize;touch-action:none;opacity:0}.track-surface:hover .track-pitch-handle,.track-surface:focus-within .track-pitch-handle,.track-pitch-handle[data-active="true"]{opacity:1}

.save-button,#load-arrangement{height:20px;padding:0;line-height:20px;background:#eee;color:var(--ink);font:inherit;font-size:12px;border:0;border-radius:0}.save-button{width:40px}#load-arrangement{width:60px}.save-button:hover,#load-arrangement:hover{background:#ddd}

.white-loop-controls button.muted{background:var(--ink);color:#fff}.white-loop-controls button.soloed{background:#a0ff6b;color:var(--ink)}

.canvas-playhead-track{background:color-mix(in srgb,var(--region-color,#fff) 70%,transparent);border-radius:4px}
.white-loop-controls{position:absolute;z-index:40;width:80px;border-radius:4px 4px 0 0;overflow:hidden;box-shadow:0 0 0 1px #00000014;background:var(--region-color,#fff)}
.white-loop-controls button{background:var(--region-color,#fff)}.white-loop-controls button:hover{background:color-mix(in srgb,var(--region-color,#fff) 80%,#fff)}

.arrangement-block{position:absolute;z-index:15;height:80px;border-radius:4px;background:#dceeff;box-shadow:inset 0 0 0 1px #b6cede;overflow:hidden;touch-action:none;cursor:grab}.arrangement-block.selected{outline:1px solid var(--ink)}.arrangement-block[hidden]{display:none}.block-waveform{position:absolute;inset:0;width:100%;height:80px;fill:#405a6b;pointer-events:none}.block-controls,.block-end-controls{position:absolute;top:0;display:flex;height:20px;background:#dceeff;z-index:3}.block-controls{left:0}.block-end-controls{right:0}.arrangement-block button{width:20px;height:20px;padding:0;background:#dceeff;font-size:10px}.block-name{padding:0 4px;max-width:160px;overflow:hidden;white-space:nowrap}.block-end-controls span{width:20px;text-align:center}.arrangement-block button.muted{background:var(--ink);color:white}.arrangement-block button.soloed{background:var(--accent)}.block-playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--ink);pointer-events:none}.arrangement-block-menu{z-index:1100}.arrangement-block-menu button{width:160px}

.arrangement-block-menu{width:160px}.arrangement-block-menu button[hidden]{display:none}

#undo[hidden],#redo[hidden],#play[hidden],#play-arrangement[hidden],#stop[hidden]{display:none}#track-menu #track-view{width:120px;text-align:left;padding:0 4px}

.transport{display:none}

.music-header{position:fixed;top:0;left:0;right:0;z-index:1000;height:20px;line-height:20px;padding:0 4px;background:#1e1e1e;color:#fff;font-size:14px}

.arrangement-compact{position:absolute;z-index:45;width:20px;height:20px;padding:3px;background:#fff;border-radius:0 4px 0 4px;color:var(--ink)}.arrangement-compact[hidden]{display:none}.arrangement-compact svg{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.3}.arrangement-compact:hover{background:#eee}.block-name[hidden]{display:none}

.arrangement-block{background:#fafafa;box-shadow:inset 0 0 0 1px var(--line)}.block-waveform{fill:#565656}.arrangement-block.playing{background:var(--accent)}.arrangement-block.playing .block-waveform{fill:#295a1c}.block-controls,.block-end-controls,.arrangement-block button{background:#fafafa}.arrangement-block.playing .block-controls,.arrangement-block.playing .block-end-controls,.arrangement-block.playing button{background:var(--accent)}.block-controls{background:transparent!important}.block-controls button,.block-end-controls>button:not(.block-expand),.block-end-controls>span{opacity:0}.arrangement-block:hover .block-controls button,.arrangement-block:focus-within .block-controls button,.arrangement-block:hover .block-end-controls>button,.arrangement-block:focus-within .block-end-controls>button,.arrangement-block button[aria-pressed="true"],.arrangement-block .block-end-controls>span:not([hidden]){opacity:1}.block-end-controls{background:transparent!important}.arrangement-block button.muted{background:var(--ink);color:#fff}.arrangement-block button.soloed{background:var(--accent)}.block-expand svg{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.3;margin:auto}.block-expand{border-radius:0 4px 0 4px}

.arrangement-block.expanded-arrangement{overflow:visible;background:transparent;box-shadow:inset 0 0 0 1px #dedede;z-index:8}.expanded-arrangement-tracks{position:absolute;inset:0;pointer-events:none}.expanded-arrangement-tracks[hidden]{display:none}.expanded-preview-track{position:absolute;overflow:hidden;border-radius:4px;box-shadow:inset 0 0 0 1px var(--line)}.expanded-preview-track .waveform{color:#565656}.arrangement-block.editing-arrangement{pointer-events:none}.editing-arrangement .block-controls,.editing-arrangement .block-end-controls,.editing-arrangement .arrangement-move-grip{pointer-events:auto}.arrangement-move-grip{position:absolute;top:-20px;left:0;width:20px;height:20px;background:#eee;text-align:center;cursor:grab;touch-action:none;z-index:45}.arrangement-move-grip[hidden]{display:none}.expanded-arrangement .block-controls,.expanded-arrangement .block-end-controls{top:-20px}.expanded-arrangement .block-controls{left:20px}.expanded-arrangement .block-controls button,.expanded-arrangement .block-end-controls button{opacity:1}.expanded-arrangement .block-waveform[hidden]{display:none}

.arrangement-block .block-waveform{height:100%}.arrangement-block .block-trim,.arrangement-block .block-resize{background:transparent;opacity:0}.arrangement-block:hover .block-trim,.arrangement-block:hover .block-resize,.arrangement-block:focus-within .block-trim,.arrangement-block:focus-within .block-resize{opacity:1}.arrangement-block .block-trim{top:50%;right:0;z-index:7;width:12px;height:12px}.arrangement-block .block-resize{right:0;bottom:0;z-index:7;width:12px;height:12px}.arrangement-block .block-trim[hidden],.arrangement-block .block-resize[hidden]{display:none}.block-loop-boundary{stroke:currentColor;stroke-width:1;stroke-dasharray:3 3;fill:none;opacity:.45}@media(hover:none){.arrangement-block .block-trim,.arrangement-block .block-resize{opacity:1}}

.track-controls button.linked-control,.arrangement-block button.linked-control{background:#594dff!important;color:#fff!important;opacity:1}

.marquee-cut{position:absolute;z-index:901;width:20px;height:20px;padding:0;background:#fff;box-shadow:0 0 0 1px var(--line);font-size:14px}.marquee-cut[hidden]{display:none}.arrangement-block.vertical-block .block-playhead{width:auto;height:1px;left:0;right:0;bottom:auto}.arrangement-block.vertical-block .block-trim{top:auto;right:auto;bottom:0;left:50%;transform:translateX(-50%);cursor:ns-resize}.arrangement-block.vertical-block .block-trim::after{right:auto;top:auto;left:2px;bottom:1px;width:8px;height:1px}