/* @v1d/web-kit 0.12.0, built from Cutkit cde4b0249 tools/studio_static/kit/tokens.css. Generated: Cutkit's kit is the only copy, never edit this one. */
:root {

  --bg: #121316;
  --fg: #f2f4f7;
  --card: #1c1d20;
  --panel: #121316;
  --raised: #1c1d20;
  --muted: #8b939e;
  --border: #2a2b2e;
  --input: #121316;
  --control: #373c44;
  --segment-on: var(--control);
  --scrollbar-gutter: stable; --scrollbar-width: thin;
  --scrollbar-thumb: var(--control); --scrollbar-track: transparent;
  --mask-opaque: #000;
  --accent: #f2f4f7;
  --on-accent: #121316;
  --marker: #eec649; --marker-fill: #49391d;
  --problem: #ff8a3d; --problem-fill: #4a2a17;
  --live: #3ccf7a;
  --face: #2c2f36;
  --fact-yellow: #ffcc33; --fact-green: #1bc279; --fact-violet: #bc80fa; --fact-blue: #3bc8f8; --fact-red: #eb483c; --fact-orange: #ff8a3d; --fact-neutral: #a6a39a;

  --chapter-tip: #000000b3; --chapter-tip-text: #ffffff;
  --track-video: #83b0e4; --track-video-fill: #24334c; --track-video-selected: #455f81; --track-video-selected-text: #dae7f7;
  --track-graphics: #cba8ef; --track-graphics-fill: #3a2a4c; --track-graphics-selected: #6d5685; --track-graphics-selected-text: #efe5fa;
  --track-audio: #e498c1; --track-audio-fill: #47273a; --track-audio-selected: #7e4f69; --track-audio-selected-text: #f7e0ec;
  --beat: #5be2cd; --beat-fill: #1c3e3c;

  --code-key: var(--track-video); --code-string: var(--beat); --code-number: var(--marker); --code-keyword: var(--track-graphics); --code-flag: var(--track-audio); --code-comment: var(--muted); --code-punct: var(--muted);
  --kind-tile: 32px; --kind-tile-small: 26px; --kind-tile-tiny: 20px;

  --kind-tile-radius: 8px; --kind-tile-radius-small: 7px; --kind-tile-radius-tiny: 5px; --kind-tile-edge-w: 1px; --kind-tile-ground: 100%;
  --kind-edge: 42%;

  --event-1: #ffcc33; --event-2: #1bc279; --event-3: #eb483c;
  --exit: var(--event-1);
  --break: var(--event-3);
  --hit: #b2bac5;
  --warn: var(--problem);
  --upload-refused: var(--fact-red);
  --sel: #f2f4f7;
  --gold: #d9b45c;
  --picture: #050505;
  --scrim: rgba(5, 5, 5, .78);
  --shadow: rgba(0, 0, 0, .6);
  --on-warn: #1f1e1d;
  --radius: 10px;
  --radius-small: 6px;
  --workspace-card-radius: 14px;
  --type-small: 12px; --type-body: 13px; --type-heading: 16px; --type-page: 18px;
  --control-h: 32px;

  --button-h: var(--control-h); --button-h-small: 28px; --button-pad: 12px; --button-pad-small: 8px; --button-gap: 6px;
  --button-font: 13px; --button-font-small: 12px; --button-primary-min: 120px; --button-reach: auto;
  --hover: var(--raised); --accent-hover: color-mix(in oklab, var(--accent) 88%, white);
  --panel-fill: var(--card); --panel-edge: var(--border); --panel-radius: calc(var(--radius) + 2px); --panel-pad: 14px; --panel-gap: 10px;
  --panel-title: 13px; --panel-lead-title: var(--type-heading);
  --menu-fill: var(--panel); --menu-edge: var(--border); --menu-radius: 14px; --menu-pad: 6px; --menu-row-h: 36px; --menu-row-pad: 10px;

  --font: ui-sans-serif, system-ui, "Inter", "Segoe UI", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --tl-bg: var(--bg); --tl-panel: var(--panel); --tl-line: var(--border); --tl-text: #f2f4f7; --tl-muted: #8b939e; --tl-wave: var(--track-audio);
  --tl-wave-low: #c8457f; --tl-wave-mid: var(--track-audio); --tl-wave-high: #fbe6f1;
  --tl-energy-low: #0d1117; --tl-energy-mid: #13171d; --tl-energy-high: #1a1f25;
  --tl-energybar-low: #656c75; --tl-energybar-mid: #9da5b0; --tl-energybar-high: #d2dae6;
  --tl-phrase: #5f656f; --tl-beat: var(--track-audio); --tl-louder: #cbd3df; --tl-quieter: #838b96;
  --tl-hit-bass-in: #cdd6e2; --tl-hit-drums-in: #b3bbc6; --tl-hit-vocals-in: #a0a8b3; --tl-hit-other: #89919b;

  --band-exit: rgb(255, 204, 51); --band-breakoff: rgb(235, 72, 60); --band-music: rgb(180, 176, 166);
  --tl-music-hit-drop: #e2ebf7; --tl-music-hit-rise: #b2bac5; --tl-music-hit-phrase: #747c86; --tl-music-hit-other: #747c86;

  --tl-clip: var(--track-video-fill); --tl-clip-alt: var(--track-video-fill); --tl-clip-sel: var(--track-video-selected); --tl-breather: #302d22;
  --tl-gutter: var(--bg);

  --tl-mark-exit: #ffcc33; --tl-mark-usable_end: #9aa0a0;
  --tl-head: #f2f4f7; --tl-warn: var(--problem); --tl-switch: #a0a8b3; --tl-window: rgba(255,255,255,.12);
  --tl-picked-edge: #5be2cd;
  --tl-fade: rgba(242,244,247,.33); --tl-pointer: rgba(255,255,255,.22); --tl-tip: rgba(14,16,19,.94); --tl-label-bg: rgba(14,16,19,.82);
  --tl-well: var(--bg); --tl-scrim: rgba(18,19,22,.86);

  --tl-dimension: #575e67; --tl-guide-music: rgba(228, 152, 193, .24);
  --tl-sync-guide: var(--tl-text); --tl-sync-guide-w: 1.5px; --tl-gesture-dim: .4; --tl-sync-marker-grow: 1.5px;

  --tl-capsule-h-compact: 24px; --tl-capsule-h-wide: 28px;
  --tl-capsule-cut-w-compact: 14px; --tl-capsule-cut-w-wide: 16px;
  --tl-capsule-bar-compact: 2px; --tl-capsule-bar-wide: 2.2px;
  --tl-capsule-min-compact: 26px; --tl-capsule-min-wide: 34px;
  --tl-capsule-tie-compact: 6px; --tl-capsule-tie-wide: 8px;
  --tl-crossfade-h: 24px; --tl-crossfade-drop: 4px;
  --tl-figure-font-compact: 12px ui-sans-serif, system-ui; --tl-figure-font-wide: 12px ui-sans-serif, system-ui;
  --tl-label-font-compact: 12px ui-sans-serif, system-ui; --tl-label-font-wide: 12px ui-sans-serif, system-ui;
  --tl-small-font-compact: 12px ui-sans-serif, system-ui; --tl-small-font-wide: 12px ui-sans-serif, system-ui;
  --tl-mono-font-compact: 12px ui-monospace, monospace; --tl-mono-font-wide: 12px ui-monospace, monospace;
  --tl-figure-under: 12px; --tl-figure-room: 8px;
  --tl-crossfade-figure-top: 10px;

  --tl-clip-inset-compact: 1.5px; --tl-clip-inset-wide: 2px;
  --tl-clip-radius-compact: 7px; --tl-clip-radius-wide: 9px;
  --tl-clip-edge-compact: 3px; --tl-clip-edge-wide: 3px;
  --tl-picked-w: 3px; --tl-picked-in: 1px;
  --tl-covered-compact: rgba(14, 16, 19, .55); --tl-covered-wide: rgba(14, 16, 19, .5);
  --tl-clip-hover: var(--tl-text); --tl-clip-hover-light: .6;

  --tl-layer-line: #9aa8b8; --tl-layer-line-w: 2px; --tl-layer-inset: 1px; --tl-layer-gap: 4px;
  --tl-layer-radius-compact: 5px; --tl-layer-radius-wide: 6px;

  --tl-title-fill: var(--track-graphics-fill); --tl-title-text: var(--track-graphics); --tl-title-tracking: .4px; --tl-title-radius: 5px;
  --tl-title-font-compact: 700 12px ui-sans-serif, system-ui; --tl-title-font-wide: 700 12px ui-sans-serif, system-ui;
  --tl-title-h-compact: 18px; --tl-title-h-wide: 20px; --tl-title-pad-compact: 5px; --tl-title-pad-wide: 6px;

  --tl-marker-r-compact: 6px; --tl-marker-r-wide: 6.5px; --tl-marker-ring: 1.5px; --tl-marker-rough-fill: .3; --tl-marker-rough-ring: .8;
  --tl-marker-glow: 10px;
  --tl-marker-tick: rgba(242, 244, 247, .45); --tl-marker-row-compact: 12px; --tl-marker-row-wide: 14px;

  --tl-sync-w-compact: 2.5px; --tl-sync-w-wide: 3px; --tl-near-w: 2px; --tl-near-alpha: .45; --tl-tie-lit: 1px;
  --tl-sync-stop-compact: 8px; --tl-sync-stop-wide: 7px;
  --tl-sync-figure-x-compact: 9px; --tl-sync-figure-x-wide: 10px; --tl-sync-figure-y: 4px;

  --tl-moment: var(--track-video); --tl-music: var(--track-audio); --tl-tie: var(--accent);
  --tl-music-dim: .45;
  --tl-pick-dim: .3;
  --tl-cluster-grow: 1.5px;
  --tl-beat-r-compact: 1.6px; --tl-beat-r-wide: 1.8px; --tl-beat-flash: 200ms;
  --tl-bar-r-compact: 2.8px; --tl-bar-r-wide: 3px; --tl-phrase-r: 3.4px;
  --tl-hit-size-compact: 12px; --tl-hit-size-wide: 13px; --tl-hit-ring-gap: 2.5px;
  --tl-music-row-compact: 30px; --tl-music-row-wide: 22px;

  --tl-wave-bar-width-compact: 1.8px; --tl-wave-bar-width-wide: 2.2px;
  --tl-wave-bar-gap-compact: 2.1px; --tl-wave-bar-gap-wide: 3.7px;
  --tl-wave-alpha-compact: .85; --tl-wave-alpha-wide: .9;
  --tl-wave-reach-compact: .92; --tl-wave-reach-wide: .9;
  --tl-song-name-icon: 12px;
  --tl-song-name-radius-compact: 6px; --tl-song-name-radius-wide: 5px;
  --tl-song-name-pad-left: 4px; --tl-song-name-pad-right: 6px;
  --tl-sound-wave: var(--track-audio); --tl-sound-wave-off: #7f95b5;
  --tl-sound-wave-alpha-compact: .75; --tl-sound-wave-alpha-wide: .9; --tl-sound-wave-off-alpha: .3;
  --tl-sound-row-h: 24px; --tl-sound-row-off-h: 22px; --tl-sound-row-folded-h: 14px;
  --tl-sound-off-fill: #25303f; --tl-sound-off-text: #c9d6ea;
  --tl-ruler-font-compact: 12px ui-sans-serif, system-ui; --tl-ruler-font-wide: 12px ui-sans-serif, system-ui;
  --tl-ruler-text-compact: #8a8a8a; --tl-ruler-text-wide: #8b939e; --tl-ruler-label-gap: 64px;
  --tl-head-label-offset: 12px; --tl-head-width: 1.5px; --tl-head-alpha: .9;
  --tl-overview-height-compact: 32px; --tl-overview-height-wide: 30px; --tl-overview-radius: 3px;
  --tl-strip-left: 138px; --tl-strip-right: 32px; --tl-strip-arrow: 32px;
  --tl-phone-v1: 64px;
  --tl-overview-track: #1d1d1d; --tl-overview-window: #4a4a4a;

  --tl-desktop-tools-from: 1100px; --tl-toolbar-font-size: 12px; --tl-toolbar-icon-size: 13px; --tl-toolbar-gap: 16px;
  --tl-transport-chip-font-size: 13px; --tl-transport-chip-radius: 8px; --tl-transport-chip-padding: 6px 8px;

  --tl-fold-h: 12px; --tl-chip: 26px; --tl-readable: 24px;
  --tl-header-leading-compact: 12px; --tl-header-leading-wide: 60px;
  --tl-header-trailing-compact: 32px; --tl-header-trailing-wide: 0px;
  --tl-header-label-size-compact: 12px; --tl-header-label-size-wide: 12px;
  --tl-header-main-size-compact: 12px; --tl-header-main-size-wide: 13px;
  --tl-header-main-weight: 700; --tl-header-secondary: #8a8a8a; --tl-header-off-alpha: .45; --tl-header-icon-size: 14px;
  --tl-header-name-gap: 6px; --tl-header-cell-min-width: 44px;
  --tl-header-width-compact: 28px; --tl-header-width-wide: 60px; --tl-header-letter-space: .06em;
  --note-width: 250px; --note-inset: 14px; --note-padding-compact: 7px 10px; --note-padding-wide: 10px;
  --note-fill: var(--raised); --note-border: var(--border);
  --phone-action-height: 40px; --phone-action-border: #333; --phone-action-icon-size: 16px; --phone-action-weight: 600;
  --phone-transport-fill: #161616; --phone-timecode: var(--track-video);
  --phone-gutter: 12px;
  --agent-connect-radius: 9px;
  --proposal-outline: #9aa3ad;

  --ease-out: cubic-bezier(.2, .8, .2, 1);
  --dur-press: 110ms;
  --dur-quick: 180ms;
  --dur-panel: 280ms;
  --press-scale: .97;
  --lift: 0 6px 18px var(--shadow);
  color-scheme: dark;

  scrollbar-gutter: var(--scrollbar-gutter);
  scrollbar-width: var(--scrollbar-width);
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

:where(*) { scrollbar-width: var(--scrollbar-width); }
@media (prefers-reduced-motion: reduce) {
  :root { --dur-press: 0ms; --dur-quick: 0ms; --dur-panel: 0ms; --press-scale: 1; }
}

@media (max-width: 899px) {
  :root { --button-h: 40px; --button-h-small: 40px; --button-reach: 100%; --menu-row-h: 44px; }
  body :is(.note, .hint, .tag, .rail-title, .media-where, .media-song-meta, .media-again,
    .shot-range, .shot-chip, .source-bar .sb-word, .source-bar .sb-caption,
    .still .still-tile, .vcard .vauthor, .vcard .vhead .hint, .media-songs-head .part-seg button,
    .fs-time, .version-line, .status, .viewer-hud, .cut-next-tag) { font-size: 12px; }
}