.hand-marking-right{position:relative}.hand-marking-right:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px dashed white;border-radius:calc(.375rem - 2px);pointer-events:none;z-index:1}.measure-number{position:absolute;left:-28px;top:6px;width:20px;font-size:10px;color:#6b7280;font-family:monospace;display:flex;align-items:center;justify-content:flex-end;pointer-events:none}.measure-loop-strip--hidden{visibility:hidden;pointer-events:none}.measure-loop-strip{position:absolute;left:-44px;top:-2px;bottom:-6px;width:6px;border:none;border-radius:4px;background:#47556966;cursor:pointer;transition:background .2s ease,box-shadow .2s ease}.measure-loop-strip:before{content:"";position:absolute;left:-10px;right:-10px;top:0;bottom:0;cursor:pointer}.measure-loop-strip[data-measure-index="0"]{top:4px;border-radius:3px 3px 0 0}.measure-loop-strip:hover{background:#06b6d480}.loop-measure-selected{background:#06b6d414;border-radius:4px}.loop-measure-selected .measure-loop-strip{background:linear-gradient(180deg,#06b6d4e6,#22d3eee6,#06b6d4e6);box-shadow:0 0 8px #06b6d499,0 0 16px #06b6d44d}.loop-measure-selected .measure-loop-strip:hover{background:linear-gradient(180deg,#22d3ee,#67e8f9,#22d3ee);box-shadow:0 0 12px #06b6d4cc,0 0 24px #06b6d466}.measure-loop-strip[data-measure-last=true]{bottom:4px;border-radius:0 0 3px 3px}.measure-loop-strip[data-measure-index="0"][data-measure-last=true]{border-radius:3px}.loop-measure-selected:first-child .measure-loop-strip,.loop-measure-selected[data-range-start=true] .measure-loop-strip{border-radius:3px 3px 0 0}.loop-measure-selected:last-child .measure-loop-strip,.loop-measure-selected[data-range-end=true] .measure-loop-strip{border-radius:0 0 3px 3px}.loop-measure-selected[data-range-start=true][data-range-end=true] .measure-loop-strip{border-radius:3px}.portrait-message{display:none}@media screen and (orientation: portrait) and (max-width: 800px){#mainApp,header,#loadingScreen{display:none!important}body{overflow:hidden;background:#1b2026}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#1b2026;z-index:1}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10000;background:none}}@media screen and (orientation: portrait) and (max-width: 800px){.portrait-message{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#393e4699;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(6,182,212,.2);color:#f3f4f6;padding:2rem 1.5rem;border-radius:1rem;text-align:center;z-index:10001;max-width:280px;width:90%;box-shadow:0 8px 32px #0006;animation:fadeInScalePortrait .5s ease-out}.portrait-message-icon{font-size:3rem;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#06b6d41a;border-radius:50%;border:2px solid rgba(6,182,212,.3);animation:pulseRotate 3s ease-in-out infinite}.portrait-message-title{font-size:1.25rem;font-weight:600;margin:0;color:#f3f4f6;letter-spacing:-.01em}.portrait-message-text{font-size:.9rem;color:#9ca3af;line-height:1.5;margin:0;font-weight:400}@keyframes pulseRotate{0%,to{transform:rotate(0) scale(1);border-color:#06b6d44d}50%{transform:rotate(90deg) scale(1.05);border-color:#06b6d499}}@keyframes fadeInScalePortrait{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #06b6d44d}50%{box-shadow:0 0 30px #06b6d499}}#loadingScreen{animation:fadeInScale .3s ease-out}#loadingScreen .animate-pulse{animation:pulseGlow 2s ease-in-out infinite}body{overflow-x:auto;min-width:664px!important}#mainApp{min-width:664px!important}header{min-width:664px!important}.file-picker{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;z-index:2}.cell.dragging{opacity:.5;transform:scale(.9);pointer-events:none}.cell.drag-over{border:2px dashed #06b6d4!important;background:#06b6d433!important;transform:scale(1.05);box-shadow:0 0 15px #06b6d466}.cell.drop-invalid{border:2px dashed #ef4444!important;background:#ef444433!important}.cell[draggable=true]{cursor:grab}.cell[draggable=true]:active{cursor:grabbing}.track-title[draggable=true]{cursor:grab}.track-title[draggable=true]:active{cursor:grabbing}.track-wrap{transition:margin .12s ease,transform .12s ease,background-color .12s ease,height .12s ease}.track-wrap.track-dragging{opacity:.7;transform:scale(.995)}.track-placeholder{border:2px dashed #06b6d4;border-radius:10px;background:#06b6d414;margin:8px 0}.selection-box{position:fixed;border:2px dashed #3b82f6;background:#3b82f61a;pointer-events:none;z-index:9999;border-radius:4px}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;top:100%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;margin-top:5px;z-index:1000}.tooltip:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-bottom-color:#000000e6;margin-top:1px;opacity:0;transition:opacity .2s;z-index:1000}.tooltip:hover:after,.tooltip:hover:before{opacity:1;transform:translate(-50%) translateY(2px)}.tooltip[data-managed=true]:after,.tooltip[data-managed=true]:before{display:none!important}.custom-tooltip{position:fixed;z-index:10000;max-width:min(280px,calc(100vw - 16px));background:#000000e6;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;line-height:1.2;pointer-events:none;box-shadow:0 2px 12px #00000059}.custom-tooltip[data-placement=top]:after,.custom-tooltip[data-placement=bottom]:after{content:"";position:absolute;left:50%;transform:translate(-50%);border:6px solid transparent}.custom-tooltip[data-placement=top]:after{bottom:-12px;border-top-color:#000000e6}.custom-tooltip[data-placement=bottom]:after{top:-12px;border-bottom-color:#000000e6}:root{--btn-h: 36px;--btn-radius: 10px;--btn-border: rgba(255, 255, 255, .08);--btn-bg: rgba(255, 255, 255, .04);--btn-bg-hover: rgba(255, 255, 255, .08)}.btn{display:inline-flex;align-items:center;justify-content:center;height:var(--btn-h);min-width:var(--btn-h);padding:0 10px;border-radius:var(--btn-radius);border:1px solid var(--btn-border);background:var(--btn-bg);color:#e5e7eb;transition:background-color .15s ease,border-color .15s ease,transform .05s ease;-webkit-user-select:none;user-select:none}.btn:hover{background:var(--btn-bg-hover);border-color:#ffffff29}.btn:active{transform:translateY(1px)}.btn-icon{width:var(--btn-h);padding:0}.toggle-flag-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:2px solid rgba(255,255,255,.15);background:#ffffff0d;color:#9ca3af;cursor:pointer;transition:all .2s ease,transform .1s ease;-webkit-user-select:none;user-select:none}.toggle-flag-btn:hover{background:#ffffff1a;border-color:#ffffff40;color:#d1d5db}.toggle-flag-btn:active{transform:scale(.95)}.toggle-flag-btn.active{background:#06b6d433;border-color:#06b6d499;color:#06b6d4;box-shadow:0 0 12px #06b6d44d}.toggle-flag-btn.active:hover{background:#06b6d440;border-color:#06b6d4b3}.badge{display:inline-flex;align-items:center;justify-content:center;height:var(--btn-h);padding:0 12px;border-radius:var(--btn-radius);background:#ffffff08;border:1px solid var(--btn-border);color:#e5e7eb}.input-ghost{height:var(--btn-h);border-radius:var(--btn-radius);background:#ffffff08;border:1px solid var(--btn-border);color:#e5e7eb;padding:0 12px}.range-ghost{height:4px}select.input-ghost{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23e5e7eb' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:32px;cursor:pointer;transition:all .15s ease;border:1px solid rgba(255,255,255,.08)!important;box-sizing:border-box!important}select.input-ghost:hover{background-color:#ffffff14;border-color:#ffffff29!important}select.input-ghost:focus{outline:none!important;border-color:#06b6d4!important;box-shadow:0 0 0 2px #06b6d433!important}select.input-ghost option{background-color:#1e293b!important;color:#e5e7eb!important;padding:8px 12px!important;border:none!important;outline:none!important;font-size:14px!important;line-height:1.4!important;box-sizing:border-box!important}select.input-ghost option:hover{background-color:#334155!important}select.input-ghost option:checked{background-color:#06b6d4!important;color:#fff!important;font-weight:500!important}select.input-ghost:focus option{border:none!important;outline:none!important}select.input-ghost:-moz-focusring{color:transparent!important;text-shadow:0 0 0 #e5e7eb!important;border:none!important}select.input-ghost:-moz-focusring option{color:#e5e7eb!important;border:none!important}select.input-ghost::-webkit-select-placeholder{color:#9ca3af!important}select.input-ghost::-ms-expand{display:none!important}select.input-ghost option:first-child{border-top-left-radius:4px!important;border-top-right-radius:4px!important}select.input-ghost option:last-child{border-bottom-left-radius:4px!important;border-bottom-right-radius:4px!important}select.input-ghost,select.input-ghost:focus,select.input-ghost:active,select.input-ghost:hover{border:1px solid rgba(255,255,255,.08)!important;outline:none!important}select.input-ghost option,select.input-ghost option:focus,select.input-ghost option:active,select.input-ghost option:hover,select.input-ghost option:checked{border:none!important;outline:none!important;box-shadow:none!important}select.input-ghost:focus{border-color:#06b6d4!important;box-shadow:0 0 0 2px #06b6d433!important}#steps.input-ghost,#steps.input-ghost:focus,#steps.input-ghost:active,#steps.input-ghost:hover{border:1px solid rgba(255,255,255,.08)!important;outline:none!important}#steps.input-ghost option,#steps.input-ghost option:focus,#steps.input-ghost option:active,#steps.input-ghost option:hover,#steps.input-ghost option:checked{border:none!important;outline:none!important;box-shadow:none!important;background-color:#1e293b!important;color:#e5e7eb!important}select.input-ghost,select.input-ghost *,select.input-ghost *:before,select.input-ghost *:after{border-color:transparent!important;outline-color:transparent!important}select.input-ghost:focus,select.input-ghost:focus-within,select.input-ghost:focus-visible{border-color:#06b6d4!important;outline:none!important}select.input-ghost option:focus,select.input-ghost option:focus-within,select.input-ghost option:focus-visible{border:none!important;outline:none!important;box-shadow:none!important}select.input-ghost,select.input-ghost option,select.input-ghost:focus,select.input-ghost:focus option,select.input-ghost:hover,select.input-ghost:hover option{border:none!important;outline:none!important;box-shadow:none!important;background-color:#1e293b!important}select.input-ghost:not(:focus){border:1px solid rgba(255,255,255,.08)!important}select.input-ghost:focus{border:1px solid #06b6d4!important;box-shadow:0 0 0 2px #06b6d433!important}@media (min-width: 1024px){.sticky-toolbar-section{position:sticky;top:60px;z-index:40;background:#1b2026;padding-top:1rem;margin-top:-.75rem;width:100vw;margin-left:calc(50% - 50vw);box-sizing:border-box;padding-left:calc((100vw - 45rem)/2 + .75rem);padding-right:calc((100vw - 45rem)/2 + .75rem);overflow-x:clip}}.settings-tab{cursor:pointer;transition:all .2s ease}.settings-tab.active{background-color:#8b5cf61a}.settings-tab-content{display:block}.settings-tab-content.hidden{display:none}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;height:24px;padding:0;margin:4px 0}input[type=range]::-webkit-slider-runnable-track{background:#ffffff1a;height:6px;border-radius:3px;border:1px solid rgba(255,255,255,.05)}input[type=range]::-moz-range-track{background:#ffffff1a;height:6px;border-radius:3px;border:1px solid rgba(255,255,255,.05)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:18px;width:18px;border-radius:50%;background:currentColor;border:2px solid rgba(255,255,255,.9);cursor:pointer;margin-top:-7px;box-shadow:0 2px 8px #0000004d;transition:transform .1s ease,box-shadow .1s ease}input[type=range]::-moz-range-thumb{height:18px;width:18px;border-radius:50%;background:currentColor;border:2px solid rgba(255,255,255,.9);cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:transform .1s ease,box-shadow .1s ease}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 3px 12px #0006}input[type=range]:hover::-moz-range-thumb{transform:scale(1.15);box-shadow:0 3px 12px #0006}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.25);box-shadow:0 4px 16px #00000080}input[type=range]:active::-moz-range-thumb{transform:scale(1.25);box-shadow:0 4px 16px #00000080}input[type=range]:hover::-webkit-slider-runnable-track{background:#ffffff26}input[type=range]:hover::-moz-range-track{background:#ffffff26}input[type=range]:focus{outline:none}input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #06b6d44d,0 2px 8px #0000004d}input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 3px #06b6d44d,0 2px 8px #0000004d}input[type=range].accent-purple-500::-webkit-slider-thumb{background:#a855f7}input[type=range].accent-purple-500::-moz-range-thumb{background:#a855f7}input[type=range].accent-cyan-500::-webkit-slider-thumb{background:#06b6d4}input[type=range].accent-cyan-500::-moz-range-thumb{background:#06b6d4}input[type=range].accent-primary::-webkit-slider-thumb{background:#8b5cf6}input[type=range].accent-primary::-moz-range-thumb{background:#8b5cf6}@keyframes drawerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes drawerSlideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes backdropFadeOut{0%{opacity:1}to{opacity:0}}#tapTempoBtn{transition:all .2s ease;position:relative}#tapTempoBtn.tap-idle{background:#ffffff0a;border-color:#ffffff14}#tapTempoBtn.tap-active{background:#06b6d426;border-color:#06b6d466;animation:tapPulse .4s ease-out}#tapTempoBtn.tap-calculating{background:#10b98126;border-color:#10b98166;animation:tapPulse .4s ease-out}@keyframes tapPulse{0%{transform:scale(1);box-shadow:0 0 #06b6d466}50%{transform:scale(1.05);box-shadow:0 0 0 6px #06b6d400}to{transform:scale(1);box-shadow:0 0 #06b6d400}}