:root{--theme-accent: #14b8a6;--theme-accent-rgb: 20 184 166;--tone-slider-track: #4b5563;--tone-slider-cache-buffer: #f59e0b}.toolbar-toggle-button{border:1px solid transparent;background:#262626;color:#a3a3a3}.toolbar-toggle-button:hover{background:#404040;border-color:#525252;color:#fff}.toolbar-toggle-button--active{color:rgb(var(--theme-accent-rgb) / .95);background:rgb(var(--theme-accent-rgb) / .2);border-color:rgb(var(--theme-accent-rgb) / .55)}.toolbar-toggle-button--active:hover{background:rgb(var(--theme-accent-rgb) / .26);border-color:rgb(var(--theme-accent-rgb) / .7);color:#fff}.toolbar-action-item{border:1px solid transparent;color:#e5e5e5}.toolbar-action-item:hover{background:#262626}.toolbar-action-item--active{color:rgb(var(--theme-accent-rgb) / .95);background:rgb(var(--theme-accent-rgb) / .16);border-color:rgb(var(--theme-accent-rgb) / .4)}.toolbar-action-item--active:hover{background:rgb(var(--theme-accent-rgb) / .22);border-color:rgb(var(--theme-accent-rgb) / .55)}@supports (background: color-mix(in srgb,white 50%,transparent)){.toolbar-toggle-button--active{color:color-mix(in srgb,var(--theme-accent) 70%,white);background:color-mix(in srgb,var(--theme-accent) 20%,transparent);border-color:color-mix(in srgb,var(--theme-accent) 55%,#111827 45%)}.toolbar-toggle-button--active:hover{background:color-mix(in srgb,var(--theme-accent) 26%,transparent);border-color:color-mix(in srgb,var(--theme-accent) 70%,#111827 30%)}.toolbar-action-item--active{color:color-mix(in srgb,var(--theme-accent) 68%,white);background:color-mix(in srgb,var(--theme-accent) 16%,transparent);border-color:color-mix(in srgb,var(--theme-accent) 45%,#111827 55%)}.toolbar-action-item--active:hover{background:color-mix(in srgb,var(--theme-accent) 22%,transparent);border-color:color-mix(in srgb,var(--theme-accent) 60%,#111827 40%)}}.tone-slider{position:relative;height:18px;border-radius:9999px;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;transition:filter .14s ease;outline:none;--value-pct: 50%;--precision-scale: 1}.tone-slider:hover{filter:brightness(1.08)}.tone-slider__track,.tone-slider__fill{position:absolute;left:0;top:50%;height:2px;border-radius:9999px;transform:translateY(-50%);pointer-events:none}.tone-slider__track{width:100%;background:var(--tone-slider-track)}.tone-slider__fill{width:var(--value-pct);background:transparent}.tone-slider__handle{position:absolute;left:var(--value-pct);top:50%;width:4px;height:16px;border-radius:2px;background:var(--theme-accent);box-shadow:0 0 8px #14b8a659;transform:translate(-50%,-50%) scaleY(calc(1 + (1 - var(--precision-scale)) * .45));transform-origin:center;transition:transform .12s ease,box-shadow .12s ease,width .12s ease;pointer-events:none}.tone-slider:hover .tone-slider__handle{width:5px}.tone-slider:active .tone-slider__handle{width:6px}.tone-slider:focus-visible{box-shadow:0 0 0 3px #14b8a640}.window-bbox{position:absolute;pointer-events:none;box-sizing:border-box;border-width:.15rem;border-radius:2px;box-shadow:0 0 0 1px #00000059}.window-bbox--display{z-index:13;border-style:solid;border-color:#2dd4bf33}.window-bbox--data{z-index:14;border-style:dashed;border-color:#facc1566}.sequence-scrubber{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;height:4px;background:transparent;outline:none;padding:0;margin:2px 0}.sequence-scrubber::-webkit-slider-runnable-track{height:3px;border-radius:9999px;background:#404040}.sequence-scrubber::-moz-range-track{height:3px;border-radius:9999px;background:#404040}.sequence-scrubber::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:9999px;background:var(--theme-accent);box-shadow:0 0 6px #14b8a680;cursor:pointer;margin-top:-3.5px;transition:transform .1s ease,box-shadow .1s ease}.sequence-scrubber::-moz-range-thumb{width:10px;height:10px;border:none;border-radius:9999px;background:var(--theme-accent);box-shadow:0 0 6px #14b8a680;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.sequence-scrubber:hover::-webkit-slider-thumb,.sequence-scrubber:active::-webkit-slider-thumb{transform:scale(1.3);box-shadow:0 0 10px #14b8a6b3}.sequence-scrubber:hover::-moz-range-thumb,.sequence-scrubber:active::-moz-range-thumb{transform:scale(1.3);box-shadow:0 0 10px #14b8a6b3}