@media (max-width: 600px) and (hover: none) and (pointer: coarse) {
  body {
    padding-bottom: 112px;
    padding-bottom: calc(92px + max(env(safe-area-inset-bottom, 0px), 20px));
  }

  main.svelte-oxrnxe {
    padding-bottom: 160px;
    padding-bottom: calc(132px + max(env(safe-area-inset-bottom, 0px), 28px));
  }

  .bottom-nav.svelte-1xkxv2n {
    padding-bottom: 28px;
    padding-bottom: calc(10px + max(env(safe-area-inset-bottom, 0px), 18px));
  }

  .queue-sheet.svelte-1xkxv2n {
    padding-bottom: 124px;
    padding-bottom: calc(96px + max(env(safe-area-inset-bottom, 0px), 28px));
  }

  .timeline.svelte-1uef6zn {
    height: 80px;
    border-radius: 12px;
    margin-bottom: 6px;
  }

  .trim-handle.svelte-1uef6zn {
    width: 34px;
  }

  .trim-handle-bar.svelte-1uef6zn {
    width: 8px;
    height: 46px;
  }

  .playhead.svelte-1uef6zn {
    width: 34px;
  }

  .playhead-head.svelte-1uef6zn {
    width: 16px;
    height: 16px;
  }
}

.timeline.svelte-1uef6zn {
  border-radius: 12px;
  border: 2px solid var(--border);
  box-shadow: inset 0 0 0 1px rgba(167, 139, 250, .22);
  overscroll-behavior: contain;
  -webkit-user-select: none;
  user-select: none;
}

.timeline.svelte-1uef6zn:after {
  content: "";
  position: absolute;
  inset: 0;
  border-top: 2px solid rgba(196, 181, 253, .7);
  border-bottom: 2px solid rgba(196, 181, 253, .7);
  pointer-events: none;
  z-index: 3;
}

.dim-overlay.svelte-1uef6zn {
  background: rgba(0, 0, 0, .72);
  backdrop-filter: grayscale(.7) brightness(.65);
}

.dim-left.svelte-1uef6zn {
  box-shadow: inset -2px 0 var(--purple-300);
}

.dim-right.svelte-1uef6zn {
  box-shadow: inset 2px 0 var(--purple-300);
}

.trim-handle.svelte-1uef6zn {
  width: 28px;
  z-index: 6;
}

.trim-handle-bar.svelte-1uef6zn {
  width: 7px;
  height: 40px;
  background: #fafafa;
  border: 2px solid var(--purple-500);
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .55), 0 2px 8px rgba(0, 0, 0, .55);
}

.trim-handle.svelte-1uef6zn:hover .trim-handle-bar:where(.svelte-1uef6zn),
.trim-handle.svelte-1uef6zn:active .trim-handle-bar:where(.svelte-1uef6zn) {
  background: #fff;
  width: 8px;
}

.playhead.svelte-1uef6zn {
  width: 26px;
  z-index: 7;
}

.playhead-head.svelte-1uef6zn {
  width: 12px;
  height: 12px;
  background: var(--warning);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, .55);
}

.playhead-line.svelte-1uef6zn {
  width: 3px;
  background: var(--warning);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .55);
}

.segment-marker.svelte-1uef6zn {
  width: 3px;
  background: var(--warning);
  opacity: 1;
}

.editor-section.svelte-oxrnxe {
  gap: 12px;
}

@media (max-width: 600px) and (hover: none) and (pointer: coarse) {
  .trim-handle.svelte-1uef6zn {
    width: 34px;
  }

  .trim-handle-bar.svelte-1uef6zn {
    width: 8px;
    height: 46px;
  }

  .playhead.svelte-1uef6zn {
    width: 34px;
  }

  .playhead-head.svelte-1uef6zn {
    width: 16px;
    height: 16px;
  }
}