/* Read-only canonical Video Studio Tips walkthrough. */
.video-beta-2-static .video-beta-2-walkthrough-backdrop { background:transparent; }
.video-beta-2-static .video-beta-2-walkthrough-highlight {
  border-color:var(--accent-warm)!important;
  box-shadow:0 0 0 5px color-mix(in srgb,var(--accent-warm) 16%,transparent),0 0 0 9999px rgba(18,16,15,.28),0 12px 40px var(--shadow)!important;
}
.video-beta-2-static .video-beta-2-walkthrough-card {
  box-sizing:border-box;width:min(370px,calc(100vw - 28px));max-width:none;padding:20px;
  border-color:var(--line)!important;background:var(--layer-3)!important;color:var(--text)!important;
  box-shadow:0 24px 70px var(--shadow)!important;
}
.video-beta-2-static .video-beta-2-walkthrough-card .crafty-tour-kicker { color:var(--accent-warm)!important; }
.video-beta-2-static .video-beta-2-walkthrough-card h3 { color:var(--text)!important; }
.video-beta-2-static .video-beta-2-walkthrough-card p { color:var(--text-soft)!important; }
.video-beta-2-static .video-beta-2-walkthrough-card .crafty-tour-progress i { background:var(--line)!important; }
.video-beta-2-static .video-beta-2-walkthrough-card .crafty-tour-progress i.active { background:var(--accent-warm)!important; }
.video-beta-2-static .video-beta-2-walkthrough-card .crafty-tour-actions { justify-content:flex-start; }
.video-beta-2-static .video-beta-2-walkthrough-card .crafty-tour-actions .skip {
  border:0!important;background:transparent!important;color:var(--text-faint)!important;
}
.video-beta-2-static .video-beta-2-walkthrough-card button:focus-visible,
.video-beta-2-static .video-beta-2-walkthrough-navigation button:focus-visible,
.video-beta-2-static #video-beta-2-walkthrough-trigger:focus-visible {
  outline:3px solid var(--focus)!important;outline-offset:3px!important;
}
.video-beta-2-static .video-beta-2-walkthrough-progress { margin-bottom:10px; }
.video-beta-2-static .video-beta-2-walkthrough-navigation {
  position:fixed;z-index:2003;right:0;bottom:max(18px,env(safe-area-inset-bottom));left:0;display:flex;justify-content:center;
  padding:0 18px;pointer-events:none;
}
.video-beta-2-static .video-beta-2-walkthrough-navigation-shell {
  display:grid;box-sizing:border-box;width:min(100%,520px);grid-template-columns:minmax(132px,.72fr) minmax(176px,1fr);gap:8px;padding:8px;
  border:1px solid color-mix(in srgb,var(--line-strong) 78%,transparent);border-radius:20px;
  background:color-mix(in srgb,var(--layer-3) 92%,transparent);box-shadow:0 24px 64px -22px var(--shadow),0 7px 22px -14px var(--shadow),inset 0 1px 0 color-mix(in srgb,#fff 58%,transparent);
  -webkit-backdrop-filter:blur(18px) saturate(1.18);backdrop-filter:blur(18px) saturate(1.18);pointer-events:auto;
}
.video-beta-2-static .video-beta-2-walkthrough-navigation button {
  position:relative;isolation:isolate;display:inline-flex;box-sizing:border-box;width:100%;height:52px;align-items:center;justify-content:center;gap:10px;padding:0 20px;
  border:1px solid var(--line-strong);border-radius:13px;background:var(--layer-4);color:var(--text);
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 52%,transparent);font:inherit;font-size:12px;font-weight:800;letter-spacing:.005em;line-height:1;
  white-space:nowrap;cursor:pointer;pointer-events:auto;transition:transform .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease;
}
.video-beta-2-static .video-beta-2-walkthrough-navigation button svg {
  width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;
}
.video-beta-2-static .video-beta-2-walkthrough-continue {
  border-color:transparent!important;background:var(--brand-gradient)!important;color:#fff!important;
  box-shadow:0 13px 28px -16px color-mix(in srgb,var(--accent-warm) 72%,var(--shadow)),inset 0 1px 0 rgba(255,255,255,.3)!important;
}
.video-beta-2-static .video-beta-2-walkthrough-navigation button:hover:not(:disabled) {
  transform:translateY(-2px);box-shadow:0 12px 24px -18px var(--shadow),inset 0 1px 0 color-mix(in srgb,#fff 60%,transparent);
}
.video-beta-2-static .video-beta-2-walkthrough-continue:hover:not(:disabled) {
  background:var(--brand-gradient)!important;filter:saturate(1.08) brightness(1.03);
}
.video-beta-2-static .video-beta-2-walkthrough-navigation button:active:not(:disabled) { transform:translateY(0) scale(.985); }
.video-beta-2-static .video-beta-2-walkthrough-navigation button:disabled {
  border-color:var(--line);background:color-mix(in srgb,var(--layer-4) 82%,var(--line));color:var(--text-faint);opacity:.58;cursor:not-allowed;transform:none;box-shadow:none;pointer-events:none;filter:none;
}
.video-beta-2-static .video-beta-2-walkthrough-continue.is-try-now { filter:saturate(1.08); }
.video-beta-2-static .video-beta-2-walkthrough-continue.is-try-now svg { transform:translate(1px,-1px); }
.video-beta-2-static #header #video-beta-2-walkthrough-trigger {
  position:static;z-index:auto;display:inline-flex;box-sizing:border-box;width:auto;height:48px;margin:0;gap:9px;
  padding:0 17px 0 8px;border:0;border-radius:999px;background:var(--brand-gradient);color:#fff;
  box-shadow:0 15px 34px -15px color-mix(in srgb,var(--accent-warm) 65%,transparent),0 5px 14px color-mix(in srgb,var(--shadow) 55%,transparent);
  font-size:12px;font-weight:850;letter-spacing:.01em;transform:none;filter:none;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.video-beta-2-static #header #video-beta-2-walkthrough-trigger span {
  display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(255,255,255,.68);border-radius:50%;background:rgba(255,255,255,.94);
  color:var(--accent-warm);box-shadow:0 3px 10px color-mix(in srgb,var(--shadow) 38%,transparent);font-size:10px;
}
.video-beta-2-static #header #video-beta-2-walkthrough-trigger:hover { filter:saturate(1.09);transform:translateY(-2px); }
.video-beta-2-static #header #video-beta-2-walkthrough-trigger:active { transform:translateY(0);filter:saturate(1.03); }
.video-beta-2-static #header #video-beta-2-walkthrough-trigger[aria-pressed="true"] {
  box-shadow:0 0 0 3px color-mix(in srgb,#fff 82%,transparent),0 0 0 6px color-mix(in srgb,var(--accent-warm) 38%,transparent),0 15px 34px -15px color-mix(in srgb,var(--accent-warm) 65%,transparent);
}
.video-beta-2-static .video-beta-2-walkthrough-sr-only {
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;
}
@media (min-width:761px) and (max-width:1120px) {
  .video-beta-2-static .video-beta-2-walkthrough-backdrop { background:rgba(18,16,15,.28); }
  .video-beta-2-static .video-beta-2-walkthrough-highlight { display:none!important; }
  .video-beta-2-static .video-beta-2-walkthrough-card {
    left:50%!important;right:auto!important;top:auto!important;width:min(370px,calc(100vw - 28px))!important;
    transform:translateX(-50%);
  }
}
@media (max-width:760px) {
  .video-beta-2-static .video-beta-2-walkthrough-backdrop { background:rgba(18,16,15,.28); }
  .video-beta-2-static .video-beta-2-walkthrough-highlight { display:none!important; }
  .video-beta-2-static .video-beta-2-walkthrough-card {
    position:fixed!important;top:auto!important;box-sizing:border-box!important;max-width:none!important;
  }
  .video-beta-2-static .video-beta-2-walkthrough-navigation { bottom:max(10px,env(safe-area-inset-bottom));padding:0 10px; }
  .video-beta-2-static .video-beta-2-walkthrough-navigation-shell { grid-template-columns:minmax(104px,.72fr) minmax(142px,1fr);gap:6px;padding:6px;border-radius:17px; }
  .video-beta-2-static .video-beta-2-walkthrough-navigation button { height:48px;gap:8px;padding:0 14px;border-radius:11px;font-size:11.5px; }
  .video-beta-2-static .video-beta-2-walkthrough-navigation button svg { width:17px;height:17px; }
  .video-beta-2-static #header #video-beta-2-walkthrough-trigger { height:44px;padding:0 13px 0 7px;font-size:11px; }
  .video-beta-2-static #header #video-beta-2-walkthrough-trigger span { width:28px;height:28px; }
}
@media (max-width:360px) {
  .video-beta-2-static .video-beta-2-walkthrough-navigation { padding:0 8px; }
  .video-beta-2-static .video-beta-2-walkthrough-navigation-shell { grid-template-columns:minmax(94px,.7fr) minmax(126px,1fr); }
  .video-beta-2-static .video-beta-2-walkthrough-navigation button { padding:0 10px; }
}
@media (prefers-reduced-motion:reduce) {
  .video-beta-2-static .video-beta-2-walkthrough-highlight,
  .video-beta-2-static .video-beta-2-walkthrough-navigation button,
  .video-beta-2-static #video-beta-2-walkthrough-trigger { transition:none!important; }
  .video-beta-2-static .video-beta-2-walkthrough-navigation button:hover:not(:disabled),
  .video-beta-2-static .video-beta-2-walkthrough-navigation button:active:not(:disabled),
  .video-beta-2-static #video-beta-2-walkthrough-trigger:hover,
  .video-beta-2-static #video-beta-2-walkthrough-trigger:active { transform:none!important; }
}
