/* Vuzzie's approved visual world. Operational contracts live in the existing modules. */
:root {
  color-scheme: dark;
  --bg: #070707;
  --sidebar: #111110;
  --surface: #121212;
  --surface-raised: #242421;
  --line: #35352f;
  --text: #f4f4ee;
  --muted: #b4b4ae;
  --purple: #fcff4f;
  --purple-hover: #e9ec43;
  --purple-ink: #070707;
  --purple-subtle: #2b2c1b;
  --brand-fill: #fcff4f;
  --brand-fill-hover: #e9ec43;
  --brand-fill-ink: #070707;
  --brand-card-top: #242421;
  --brand-card-bottom: #121212;
  --brand-card-muted: #d4d4c7;
  --brand-card-line: #575845;
  --accent: #fcff4f;
  --accent-hover: #e9ec43;
  --accent-soft: #2b2c1b;
  --accent-soft-hover: #383922;
  --accent-border: #b9bc40;
  --accent-ink: #070707;
  --focus: #fcff4f;
  --focus-ring: #fcff4f;
  --violet-ink: #070707;
  --action-ink: #070707;
  --error: #ffb1a7;
  --font: 'DM Sans', sans-serif;
  --display: 'Sora', sans-serif;
  --vuzzie-gutter: clamp(20px, 3.35vw, 64px);
  --vuzzie-header-height: 80px;
  --radius: 12px;
  --rail-width: 0px;
  --rail-offset: 0px;
  --workspace-panel-width: 390px;
}
body.vuzzie { font: 16px/1.6 var(--font); }
.vuzzie :is(button, input, select, textarea) { font-family: var(--font); }
.vuzzie h1, .vuzzie h2, .vuzzie h3 { font-family: var(--display); letter-spacing: -.035em; }
.vuzzie ::selection, .vuzzie .workspace-shell ::selection { color: #070707; background: var(--accent); }
.vuzzie :is(input, textarea) { caret-color: var(--accent); }
.vuzzie ::-webkit-scrollbar-thumb { background: #515147; }
.vuzzie .skip-link { z-index: 220; background: var(--accent); color: #070707; }
.vuzzie [hidden] { display: none !important; }
.vuzzie .workspace-shell, .vuzzie .workspace-shell[data-panel] { --content-offset: 0px; --rail-offset: 0px; margin: 0; width: 100%; }
.vuzzie .workspace-shell main { max-width: none; width: 100%; margin: 0; padding: 32px var(--vuzzie-gutter) 64px; min-height: calc(100dvh - 250px); }
.vuzzie .workspace-shell main > * { min-width: 0; }
.vuzzie .workspace-shell .button { min-height: 44px; padding: 12px 20px; font-size: 14px; font-weight: 600; }
.vuzzie .button-primary, .vuzzie .button-primary:not(:disabled):not([aria-disabled="true"]) { background: var(--accent); color: #070707; }
.vuzzie .button-secondary { background: #242421; color: var(--text); }
.vuzzie .button-secondary:hover:not(:disabled) { background: #35352e; }
.vuzzie .round-button { background: #282823; color: var(--muted); min-width: 36px; min-height: 36px; }
.vuzzie .button:hover:not(:disabled), .vuzzie .round-button:hover:not(:disabled) { translate: none; }
.vuzzie .button:hover .icon, .vuzzie .round-button:hover .icon { rotate: none; }
.vuzzie a:hover { text-underline-offset: 5px; }
.vuzzie :is(button, a, input, textarea, select, [tabindex]):focus-visible { outline: 2px solid var(--focus); outline-offset: 4px; }
.vuzzie .icon > svg { display: block; width: 100%; height: 100%; }

/* The brand header replaces the rail silhouette at every viewport. */
.vuzzie-navigation { position: sticky; top: 0; z-index: 110; }
.vuzzie .vuzzie-header { position: relative; z-index: 112; height: var(--vuzzie-header-height); padding: 0 var(--vuzzie-gutter); margin: 0; gap: 28px; background: #070707; border-bottom: 1px solid #2a2a27; }
.vuzzie-brand { display: flex; align-items: center; gap: 9px; flex: none; min-height: 44px; }
.vuzzie-brand img { display: block; width: 30px; height: 30px; }
.vuzzie-brand > span { font: 750 30px/1 var(--display); letter-spacing: -.04em; }
.vuzzie-primary { margin-inline: auto; }
.vuzzie-nav-links { display: flex; align-items: center; gap: 3px; padding: 0; margin: 0; list-style: none; }
.vuzzie-nav-trigger, .vuzzie-nav-direct { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 10px 12px; border-radius: 5px; color: var(--text); font-size: 13px; font-weight: 500; white-space: nowrap; background: transparent; }
.vuzzie-nav-trigger .icon { width: 14px; height: 14px; flex-basis: 14px; transition: transform 160ms; }
.vuzzie-nav-trigger[aria-expanded="true"] .icon { transform: rotate(180deg); }
.vuzzie-nav-trigger:hover, .vuzzie-nav-direct:hover, .vuzzie-nav-direct.active, .vuzzie-nav-trigger[aria-expanded="true"] { color: var(--accent); background: #22221e; }
.vuzzie .vuzzie-account-controls { gap: 16px; margin: 0; }
.vuzzie .vuzzie-account-controls .google-login { min-height: 40px; font-size: 12px; background: #242421; border: 1px solid #494941; padding: 10px 14px; }
.vuzzie .google-login:hover:not(:disabled) { background: #31312a; border-color: #81815f; }
.vuzzie .workspace-rail.vuzzie-account { display: inline-flex; position: static; inset: auto; flex: none; width: auto; height: auto; min-height: 0; padding: 0; margin: 0; background: transparent; border: 0; border-radius: 0; overflow: visible; }
.vuzzie .vuzzie-account .rail-account { width: 40px; height: 40px; background: #242421; border: 1px solid #494941; color: var(--text); }
.vuzzie .vuzzie-account .rail-account .icon { color: var(--text); }
.vuzzie .vuzzie-account .rail-account:hover { background: #35352e; border-color: var(--accent); }
.vuzzie-account-controls:has(.google-login:not([hidden])) .vuzzie-account { display: none; }
.vuzzie .header-credits { gap: 6px; font-size: 12px; min-height: 40px; }
.vuzzie .header-credits [data-credit-balance-unit] { color: var(--muted); }
.vuzzie .header-credits[data-empty="true"] { box-shadow: inset 0 0 0 1px #6b6c49; }
.vuzzie-mobile-toggle { display: none; width: 44px; height: 44px; padding: 10px; border-radius: 5px; }
.vuzzie-mobile-toggle .icon { width: 24px; height: 24px; }
.vuzzie-nav-scrim { position: fixed; inset: var(--vuzzie-header-height) 0 0; z-index: 109; background: rgb(0 0 0 / 60%); }
.vuzzie-mega { position: fixed; top: var(--vuzzie-header-height); left: 0; right: 0; z-index: 111; max-height: calc(100dvh - var(--vuzzie-header-height)); padding: 36px var(--vuzzie-gutter) 40px; overflow-y: auto; overscroll-behavior: contain; background: #111110; border-bottom: 1px solid #363631; }
.vuzzie-mega-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(220px, 1.05fr); gap: clamp(20px, 2.4vw, 44px); width: 100%; }
.vuzzie-mega h2 { margin: 0 0 22px; color: var(--muted); font: 500 12px/1.45 var(--font); letter-spacing: 0; }
.vuzzie .vuzzie-mega-link, .vuzzie .vuzzie-mega-link.rail-item { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: row; gap: 12px; width: 100%; min-height: 76px; padding: 10px 0; margin: 0 0 12px; text-align: left; background: transparent; color: var(--text); border-radius: 0; font-size: 14px; }
.vuzzie-mega-link > .icon { flex: none; width: 20px; height: 20px; color: var(--accent); margin-top: 1px; }
.vuzzie-mega-link > span:not(.icon) { display: grid; gap: 7px; }
.vuzzie-mega-link strong { font-size: 15px; font-weight: 550; line-height: 1.3; }
.vuzzie-mega-link small { max-width: 28ch; color: var(--muted); font-size: 12px; font-weight: 400; line-height: 1.6; }
.vuzzie-mega-link > .icon:last-child { margin: 3px 0 0 auto; width: 15px; height: 15px; color: var(--muted); }
.vuzzie-mega-link:hover strong, .vuzzie-mega-link:hover > .icon:last-child { color: var(--accent); }
.vuzzie .vuzzie-mega-link.rail-item[aria-expanded="true"]::after { display: none; }
.vuzzie-menu-feature { display: flex; flex-direction: column; justify-content: space-between; gap: 40px; min-height: 226px; padding: 28px; background: var(--accent); color: #070707; }
.vuzzie-menu-feature > strong { font: 650 clamp(25px, 2vw, 34px)/1.1 var(--display); letter-spacing: -.035em; }
.vuzzie-menu-feature > span { display: flex; justify-content: space-between; align-items: center; gap: 16px; font-size: 12px; font-weight: 600; }
.vuzzie-menu-feature .icon { width: 20px; height: 20px; }
.vuzzie-menu-feature:hover > span { text-decoration: underline; text-underline-offset: 5px; }
.vuzzie .vuzzie-workspace-location { gap: 12px; min-height: 52px; padding-block: 10px; margin: 0 var(--vuzzie-gutter); border-bottom: 1px solid var(--line); font-size: 12px; }
.vuzzie #workspace-location { color: var(--text); font-weight: 600; }
.vuzzie #workspace-context, .vuzzie .workspace-location-divider { color: var(--muted); }
.vuzzie-workspace-location > a { display: inline-flex; align-items: center; gap: 8px; margin-left: auto; color: var(--muted); }
.vuzzie-workspace-location > a:hover { color: var(--accent); }
.vuzzie-workspace-location > a > .icon { width: 14px; height: 14px; }

/* Public landing and cast: full width with large, authored frames. */
.vuzzie-home { margin: -32px calc(-1 * var(--vuzzie-gutter)) 0; }
.vuzzie-home-hero { display: grid; grid-template-columns: minmax(0, 1fr); gap: 42px; padding: 48px var(--vuzzie-gutter) 42px; }
.vuzzie-hero-copy { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); column-gap: 64px; align-items: start; }
.vuzzie-hero-copy h1 { grid-row: 1 / 4; max-width: 17ch; font: 600 clamp(44px, 4.1vw, 72px)/1.07 var(--display); letter-spacing: -.035em; }
.vuzzie-hero-copy h1 em { color: var(--accent); font-style: normal; }
.vuzzie-hero-copy > p { max-width: 43ch; font-size: 17px; line-height: 1.6; color: #bebeb5; margin: 0 0 20px; }
.vuzzie-hero-copy .button { justify-self: start; min-height: 50px; font-size: 15px; }
.vuzzie-hero-copy small { display: block; margin-top: 16px; color: var(--muted); font-size: 12px; }
.vuzzie-hero-reel { display: grid; grid-template-columns: minmax(0, 1.2fr) repeat(3, minmax(0, 1fr)); gap: 20px; align-items: end; min-width: 0; }
.vuzzie-reel-frame { display: block; position: relative; min-width: 0; width: 100%; height: auto; padding: 0; overflow: visible; border-radius: 12px; background: transparent; text-align: left; isolation: isolate; }
.vuzzie-reel-frame:nth-child(2) { transform: translateY(-22px); }
.vuzzie-reel-frame:nth-child(4) { transform: translateY(18px); }
.vuzzie-reel-frame .catalog-portrait { height: auto; width: 100%; }
.vuzzie-reel-frame .catalog-portrait > img { display: block; width: 100%; height: auto; object-fit: contain; border-radius: 12px; }
.vuzzie-reel-frame > img { display: block; width: 100%; height: 100%; object-fit: contain; }
.vuzzie-reel-frame .vuzzie-reel-caption { display: flex; flex-direction: column; gap: 5px; position: static; padding: 18px 0 0; background: transparent; }
.vuzzie-reel-caption strong { font: 600 22px/1.2 var(--display); }
.vuzzie-reel-caption small { font-size: 12px; color: #efefe1; }
.vuzzie-home-band { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; padding: 24px 0; margin: 0 var(--vuzzie-gutter); border-bottom: 1px solid var(--line); color: var(--muted); font-size: 14px; }
.vuzzie-home-band strong { color: var(--text); font-weight: 500; }
.vuzzie-home-band > span { display: inline-flex; align-items: center; gap: 10px; }
.vuzzie-home-section { padding: 80px var(--vuzzie-gutter) 24px; }
.vuzzie-home-section > h2 { font: 600 clamp(32px, 3.1vw, 54px)/1.12 var(--display); max-width: 17ch; }
.vuzzie-home-section > p { color: var(--muted); font-size: 17px; max-width: 48ch; margin: 18px 0 32px; }
.vuzzie-home-section details { max-width: 900px; border-top: 1px solid var(--line); padding: 20px 0; }
.vuzzie-home-section summary { cursor: pointer; font-size: 18px; font-weight: 500; }
.vuzzie-home-section details p { max-width: 70ch; margin: 16px 0 0; color: var(--muted); }
.vuzzie-home-section summary:focus-visible { outline: 2px solid var(--focus); outline-offset: 5px; }
.vuzzie-home-section .portfolio-masonry { columns: auto; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.vuzzie-home-section .portfolio-card { margin: 0; }

/* A short type roll and a fine frame focus carry the editorial motion. */
.vuzzie-type .vuzzie-word { display: inline-block; white-space: nowrap; }
.vuzzie-type .vuzzie-letter { display: inline-block; position: relative; vertical-align: top; clip-path: inset(-.15em -.08em); }
.vuzzie-type .vuzzie-letter-face { display: block; transform: translateY(0); }
.vuzzie-type .vuzzie-letter::after { content: attr(data-letter); position: absolute; inset: 0; color: var(--accent); transform: translateY(135%); pointer-events: none; }
.vuzzie-type .vuzzie-letter-face, .vuzzie-type .vuzzie-letter::after { transition: transform 380ms cubic-bezier(.16, 1, .3, 1); transition-delay: min(calc(var(--letter-index, 0) * 12ms), 80ms); }
.vuzzie :is(.vuzzie-reel-frame, .portfolio-card) .catalog-portrait { position: relative; border-radius: 12px; }
.vuzzie :is(.vuzzie-reel-frame, .portfolio-card) .catalog-portrait::after { content: ""; position: absolute; inset: 0; border: 1px solid var(--accent); border-radius: inherit; opacity: 0; pointer-events: none; transition: opacity 180ms ease-out; }
.vuzzie :is(.vuzzie-reel-caption strong, .portfolio-caption h3) { position: relative; transition: color 180ms ease-out; }
.vuzzie :is(.vuzzie-reel-caption strong, .portfolio-caption h3)::after { content: ""; position: absolute; left: 0; bottom: -4px; width: 32px; height: 1px; background: var(--accent); transform: scaleX(0); transform-origin: left; transition: transform 220ms cubic-bezier(.16, 1, .3, 1); }
.vuzzie :is(.vuzzie-reel-frame, .portfolio-card):focus-visible .catalog-portrait::after { opacity: 1; }
.vuzzie :is(.vuzzie-reel-frame, .portfolio-card):focus-visible :is(.vuzzie-reel-caption strong, .portfolio-caption h3) { color: var(--accent); }
.vuzzie :is(.vuzzie-reel-frame, .portfolio-card):focus-visible :is(.vuzzie-reel-caption strong, .portfolio-caption h3)::after { transform: scaleX(1); }

/* The video rail scrolls in JS; native scrolling remains its manual fallback. */
.vuzzie-motion-rail { --motion-gap: 20px; --motion-media-height: 320px; min-width: 0; }
.vuzzie-motion-header { display: flex; align-items: end; justify-content: space-between; flex-wrap: wrap; gap: 24px; }
.vuzzie-motion-header h2 { max-width: 17ch; font: 600 clamp(32px, 3.1vw, 54px)/1.12 var(--display); }
.vuzzie-motion-controls { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.vuzzie-motion-toggle, .vuzzie-motion-step { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; border: 1px solid var(--field-border, #494941); border-radius: 8px; color: var(--text); background: var(--surface-raised); font-size: 13px; font-weight: 600; transition: background-color 150ms ease-out, border-color 150ms ease-out; }
.vuzzie-motion-toggle { padding: 11px 16px; }
.vuzzie-motion-step { width: 44px; padding: 10px; flex: 0 0 44px; }
.vuzzie-motion-controls .icon { width: 16px; height: 16px; flex: 0 0 16px; }
.vuzzie-motion-controls button:disabled { opacity: .45; cursor: not-allowed; }
.vuzzie-motion-viewport { width: 100%; min-width: 0; overflow-x: auto; overflow-y: hidden; padding: 6px 0 16px; overscroll-behavior-x: contain; scrollbar-width: none; -ms-overflow-style: none; cursor: grab; user-select: none; -webkit-user-select: none; }
.vuzzie-motion-viewport::-webkit-scrollbar { display: none; width: 0; height: 0; }
.vuzzie-motion-viewport.is-dragging { cursor: grabbing; }
.vuzzie-motion-viewport:is(.is-dragging, .is-settling) { scroll-snap-type: none; scroll-behavior: auto; }
.vuzzie-motion-rail:not([data-motion-state="running"]) .vuzzie-motion-viewport:not(.is-dragging):not(.is-settling) { scroll-snap-type: x proximity; }
.vuzzie-motion-card { cursor: inherit; scroll-snap-align: start; }
.vuzzie-motion-viewport:focus-visible { outline-offset: -2px; }
.vuzzie-motion-track, .vuzzie-motion-group { display: flex; align-items: start; gap: var(--motion-gap); width: max-content; }
.vuzzie-motion-track { min-width: 100%; }
.vuzzie-motion-group { flex: 0 0 auto; }
.vuzzie-motion-card { display: block; width: min(calc(var(--motion-media-height) * var(--clip-ratio, .5625)), calc(100vw - 40px)); flex: 0 0 auto; min-width: 0; padding: 0; background: transparent; color: var(--text); border: 0; border-radius: 12px; text-align: left; }
.vuzzie-motion-media { display: block; position: relative; width: 100%; height: var(--motion-media-height); aspect-ratio: var(--clip-aspect, 9 / 16); overflow: hidden; border-radius: 12px; background: var(--surface); }
.vuzzie-motion-media :is(video, img) { display: block; width: 100%; height: 100%; object-fit: contain; border-radius: inherit; }
.vuzzie-motion-media::after { content: ""; position: absolute; inset: 0; border: 1px solid var(--accent); border-radius: inherit; opacity: 0; pointer-events: none; transition: opacity 180ms ease-out; }
.vuzzie-motion-caption { display: grid; gap: 4px; padding: 15px 0 0; }
.vuzzie-motion-caption strong { display: block; color: var(--text); font-size: 15px; font-weight: 600; line-height: 1.35; transition: color 180ms ease-out; }
.vuzzie-motion-caption small { display: block; color: var(--muted); font-size: 12px; line-height: 1.5; }
.vuzzie-motion-card:focus-visible { outline-offset: -2px; }
.vuzzie-motion-card:focus-visible .vuzzie-motion-media::after { opacity: 1; }
.vuzzie-motion-card:focus-visible .vuzzie-motion-caption strong { color: var(--accent); }
[data-vuzzie-motion-status] { margin-top: 16px; color: var(--muted); font-size: 12px; line-height: 1.6; }
.vuzzie-motion-rail:is([data-motion-state="paused"], [data-motion-state="manual"]) [data-motion-clone] { display: none; }

@media (hover: hover) and (pointer: fine) {
  .vuzzie-type:is(:hover, :focus-within) .vuzzie-letter-face { transform: translateY(-135%); }
  .vuzzie-type:is(:hover, :focus-within) .vuzzie-letter::after { transform: translateY(0); }
  .vuzzie :is(.vuzzie-reel-frame, .portfolio-card):hover .catalog-portrait::after { opacity: 1; }
  .vuzzie :is(.vuzzie-reel-frame, .portfolio-card):hover :is(.vuzzie-reel-caption strong, .portfolio-caption h3) { color: var(--accent); }
  .vuzzie :is(.vuzzie-reel-frame, .portfolio-card):hover :is(.vuzzie-reel-caption strong, .portfolio-caption h3)::after { transform: scaleX(1); }
  .vuzzie-motion-controls button:hover:not(:disabled) { background: var(--accent-soft); border-color: var(--accent-border); }
  .vuzzie-motion-card:hover .vuzzie-motion-media::after { opacity: 1; }
  .vuzzie-motion-card:hover .vuzzie-motion-caption strong { color: var(--accent); }
}
.vuzzie-workflow { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 6%; align-items: center; padding: 64px var(--vuzzie-gutter) 80px; border-bottom: 1px solid var(--line); }
.vuzzie-workflow-visual { min-width: 0; background: #1c1c1a; border-radius: 12px; }
.vuzzie-workflow-visual img { display: block; width: 100%; height: auto; object-fit: contain; border-radius: 12px; }
.vuzzie-workflow h2 { max-width: 14ch; font-size: clamp(32px, 3.1vw, 54px); line-height: 1.12; }
.vuzzie-workflow p { color: var(--muted); font-size: 17px; margin: 24px 0; }
.vuzzie-workflow dl { margin: 28px 0; border-top: 1px solid var(--line); }
.vuzzie-workflow dl > div { display: flex; gap: 24px; justify-content: space-between; padding: 20px 0; border-bottom: 1px solid var(--line); }
.vuzzie-workflow dt { font-weight: 500; }
.vuzzie-workflow dd { margin: 0; color: var(--muted); max-width: 25ch; font-size: 14px; }
.vuzzie-catalog-heading { display: flex; justify-content: space-between; align-items: end; flex-wrap: wrap; gap: 24px; margin-bottom: 32px; }
.vuzzie-catalog-heading h1 { font: 600 clamp(38px, 3.6vw, 64px)/1.1 var(--display); }
.vuzzie-catalog-heading p { margin-top: 16px; color: var(--muted); max-width: 50ch; font-size: 16px; }
.vuzzie .workspace-shell .portfolio-masonry { columns: auto; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); align-items: start; gap: 24px; }
.vuzzie .workspace-shell .portfolio-card { margin: 0; border-radius: 12px; overflow: hidden; }
.vuzzie .workspace-shell .portfolio-card.selected { outline: 2px solid var(--accent); outline-offset: 4px; }
.vuzzie .portfolio-card:hover { transform: none; box-shadow: none; }
.vuzzie .portfolio-card .catalog-portrait { display: block; width: 100%; aspect-ratio: var(--portrait-ratio, .75); }
.vuzzie .portfolio-card .catalog-portrait > img { display: block; width: 100%; height: auto; }
.vuzzie .portfolio-caption { position: static; padding: 17px 0 3px; background: transparent; }
.vuzzie .portfolio-caption h3 { font-size: 20px; }
.vuzzie .portfolio-caption span { color: var(--muted); font-size: 13px; }
.vuzzie .portfolio-pick { background: var(--accent); color: #070707; }
.vuzzie .workspace-shell .explore-grid-heading { border-color: var(--line); margin: 32px 0 24px; }
.vuzzie .workspace-shell .explore-grid-heading h2 { color: var(--text); font-size: 28px; }
.vuzzie .workspace-shell .catalog-results-status { color: var(--muted); font-size: 13px; }
.vuzzie .catalog-toolbar-actions .button { font-size: 13px; }

/* Contextual tools use a right-hand drawer; content never retains a rail offset. */
.vuzzie .workspace-panel { z-index: 100; top: calc(var(--vuzzie-header-height) + 12px); left: auto; right: 12px; bottom: 12px; width: min(var(--workspace-panel-width), calc(100vw - 24px)); height: calc(100dvh - var(--vuzzie-header-height) - 24px); border: 1px solid #46463d; border-radius: 12px; background: #111110; box-shadow: 0 18px 50px rgb(0 0 0 / 38%); scrollbar-color: #55554a transparent; }
.vuzzie .workspace-shell[data-panel="video"] { --workspace-panel-width: 420px; }
.vuzzie .workspace-backdrop:not([hidden]) { display: block; position: fixed; z-index: 95; inset: var(--vuzzie-header-height) 0 0; background: rgb(0 0 0 / 45%); }
.vuzzie .workspace-panel-heading { min-height: 70px; padding: 18px 24px; background: #111110; border-bottom-color: var(--line); }
.vuzzie .workspace-panel-heading h2 { font-size: 20px; }
.vuzzie .panel-close { width: 36px; height: 36px; color: var(--muted); }
.vuzzie .panel-close:hover { background: #292923; color: var(--text); }
.vuzzie .workspace-shell .catalog-filter-heading { padding: 24px; }
.vuzzie .catalog-filter-heading h3 { font-size: 23px; }
.vuzzie .workspace-shell .catalog-filter-heading p { color: var(--muted); font-size: 13px; }
.vuzzie .workspace-shell .catalog-filter-group { padding-inline: 24px; }
.vuzzie .catalog-filter-group legend { font-size: 14px; }
.vuzzie .workspace-shell .catalog-filter-choice { background: #242421; }
.vuzzie .workspace-shell .catalog-filter-choice .filter-label { font-size: 13px; padding: 11px; }
.vuzzie .workspace-shell .catalog-filter-actions { background: #111110; border-top-color: var(--line); padding: 16px 24px; }
.vuzzie .workspace-shell .catalog-filter-actions span { color: var(--muted); font-size: 12px; }
.vuzzie .workspace-shell .video-config-body { padding: 24px; scrollbar-color: #55554a transparent; }
.vuzzie .workspace-shell .video-configurator .visual-config-footer { padding: 20px 24px; background: #191917; border-top-color: var(--line); }
.vuzzie .workspace-shell .video-configurator .visual-config-footer .button { min-height: 46px; font-size: 14px; }
.vuzzie .workspace-shell .video-configurator .visual-config-footer > small { color: var(--muted); font-size: 12px; }
.vuzzie .workspace-shell .video-configurator .upload-zone { background: #1d1d19; border-color: #666648; }
.vuzzie .workspace-shell .video-configurator .upload-zone:hover { background: #27271e; border-color: var(--accent); }
.vuzzie .video-configurator .upload-zone strong { font-size: 14px; }
.vuzzie .video-configurator .upload-zone :is(small, span:not(.upload-icon)) { font-size: 12px; color: var(--muted); }
.vuzzie .video-configurator .selected-video .source-clip, .vuzzie .video-configurator .source-player { width: 100%; height: auto; object-fit: contain; max-height: 260px; background: #070707; }
.vuzzie .video-prompt-field textarea { background: #22221e; border-color: #494941; font-size: 14px; padding: 14px; }
.vuzzie .video-prompt-field textarea:focus { border-color: var(--accent); box-shadow: none; outline: 2px solid var(--accent); outline-offset: 3px; }
.vuzzie .video-prompt-field textarea::placeholder { color: var(--muted); }
.vuzzie .workspace-shell .video-prompt-label, .vuzzie .video-option legend { color: var(--text); font-size: 14px; }
.vuzzie .workspace-shell .video-prompt-label small { color: var(--muted); font-size: 12px; }
.vuzzie .video-option .segmented button { min-height: 40px; font-size: 13px; }
.vuzzie .segmented { background: #191917; border-color: #393930; }
.vuzzie .segmented button { color: var(--muted); }
.vuzzie .segmented button.selected:not(:disabled):not([aria-disabled="true"]) { background: var(--accent); color: #070707; }
.vuzzie .workspace-shell :is(.field-hint, .empty-motion-note, .video-meta) { color: var(--muted); font-size: 12px; }
.vuzzie .video-config-label, .vuzzie .video-configurator .cast-row > span { color: var(--text); font-size: 13px; }
.vuzzie .more-links a { color: var(--text); font-size: 14px; }
.vuzzie .more-links a small, .vuzzie .more-panel-foot > span:last-child { color: var(--muted); font-size: 12px; }
.vuzzie .more-links a > .icon, .vuzzie .more-links a > .icon:last-child { color: var(--muted); }
.vuzzie .more-links a:hover, .vuzzie .more-links a[aria-current="page"] { background: #292923; }
.vuzzie .more-panel-foot { border-color: var(--line); }

/* Library, account and ancillary routes inherit the same operational grammar. */
.vuzzie .workspace-shell .library-heading { margin-bottom: 32px; }
.vuzzie .library-heading h1 { font: 600 clamp(34px, 3.2vw, 54px)/1.12 var(--display); }
.vuzzie .library-heading p { color: var(--muted); font-size: 15px; margin-top: 14px; }
.vuzzie .library-tabs { gap: 30px; border-bottom-color: var(--line); margin-bottom: 22px; }
.vuzzie .library-tabs button { min-height: 44px; font-size: 14px; color: var(--muted); }
.vuzzie .library-tabs button[aria-pressed="true"] { color: var(--accent); }
.vuzzie .library-tabs button > span { color: var(--muted); font-size: 12px; }
.vuzzie .gallery-search, .vuzzie .gallery-select { min-height: 44px; height: 44px; background: #191917; border-color: #494941; }
.vuzzie .gallery-search input, .vuzzie .gallery-select select { font-size: 13px; color: var(--text); }
.vuzzie .gallery-select select option { background: #191917; }
.vuzzie .gallery-search input::placeholder, .vuzzie .gallery-search > .icon, .vuzzie .gallery-select > .icon, .vuzzie .gallery-density > .icon, .vuzzie .gallery-results { color: var(--muted); }
.vuzzie .gallery-search:focus-within { border-color: var(--accent); outline-color: var(--accent); }
.vuzzie .workspace-shell .motion-masonry { columns: auto var(--gallery-card-width, 250px); column-gap: 24px; }
.vuzzie .workspace-shell .media-card { margin-bottom: 26px; }
.vuzzie .workspace-shell .media-preview { background: #191917; border-radius: 12px; }
.vuzzie .workspace-shell .media-preview :is(img, video) { display: block; width: 100%; height: auto; object-fit: contain; }
.vuzzie .workspace-shell .motion-card:hover video { scale: 1; }
.vuzzie .media-caption, .vuzzie .asset-info h2 { color: var(--text); font-size: 13px; }
.vuzzie .media-caption small, .vuzzie .asset-info p, .vuzzie .asset-download { color: var(--muted); font-size: 12px; }
.vuzzie .asset-download:hover { background: #292923; color: var(--accent); }
.vuzzie .workspace-shell .asset-tag, .vuzzie .workspace-shell .video-favorite { background: #151511ed; color: var(--text); border-color: #44443b; }
.vuzzie .workspace-shell .video-favorite[aria-pressed="true"] { background: var(--accent); color: #070707; }
.vuzzie .info-page, .vuzzie .account-page, .vuzzie .pricing-page { max-width: none; margin: 0; }
.vuzzie .info-hero { background: #111110; border: 0; padding: 48px; }
.vuzzie .info-hero h1, .vuzzie .about-page .info-hero h1 { font-size: clamp(38px, 4vw, 68px); max-width: 17ch; }
.vuzzie .info-eyebrow { display: none; }
.vuzzie :is(.info-hero p, .info-text, .billing-state p, .account-referral p, .account-entry-detail, .info-video-note) { color: var(--muted); font-size: 15px; }
.vuzzie :is(.info-card, .info-steps li, .billing-state, .account-panel, .account-referral, .plan-block, .pricing-card, .pricing-context, .credit-notice-card) { background: #171715; border-color: #3d3d34; }
.vuzzie .info-steps li > span { background: var(--accent); color: #070707; }
.vuzzie .info-title { font-size: 28px; }
.vuzzie .account-grid { gap: 24px; }
.vuzzie .account-panel { padding: 28px; }
.vuzzie .account-panel h2 { color: var(--text); font-size: 20px; }
.vuzzie .account-facts dt, .vuzzie .account-facts dd { color: var(--muted); font-size: 13px; }
.vuzzie .account-facts dd { color: var(--text); }
.vuzzie .pricing-head h1 { font-size: clamp(38px, 3.5vw, 60px); }
.vuzzie .pricing-subscription-notice { background: #25251c; color: var(--text); }
.vuzzie .info-video-player { object-fit: contain; }
.vuzzie .ba .ba-stage video { object-fit: contain; }
.vuzzie .ba-seam { background: var(--accent); box-shadow: none; }
.vuzzie .ba-seam::before { display: none; }
.vuzzie .ba-handle, .vuzzie .ba-handle:hover, .vuzzie .ba.is-dragging .ba-handle { background: #242421; color: var(--text); box-shadow: none; backdrop-filter: none; }
.vuzzie .ed-config, .vuzzie .ed-panel { background: #161614; border-color: #3d3d34; }
.vuzzie .ed-root { --ed-panel: #161614; --ed-line: #3d3d34; --ed-field: #22221e; --ed-card: #191917; --ed-card-line: #3d3d34; }
.vuzzie .ed-config { top: calc(var(--vuzzie-header-height) + 24px); }
.vuzzie .ed-layout { gap: 32px; }
.vuzzie .ed-title, .vuzzie .ed-label, .vuzzie .ed-config h2 { color: var(--text); }
.vuzzie .ed-config input, .vuzzie .ed-config textarea, .vuzzie .ed-config select { background: #22221e; border-color: #48483f; }
.vuzzie .ed-config-head p, .vuzzie .ed-hint, .vuzzie .ed-label small, .vuzzie .ed-upload small, .vuzzie .ed-foot-note, .vuzzie .ed-label-row output, .vuzzie .ed-ref-name small, .vuzzie .ed-welcome > p, .vuzzie .ed-working-copy > p, .vuzzie .ed-step, .vuzzie .ed-welcome-steps p { color: var(--muted); font-size: 12px; }
.vuzzie .ed-config-foot { background: #191917; border-top-color: var(--line); }
.vuzzie .ed-upload { background: #1d1d19; border-color: #666648; }
.vuzzie .ed-upload:hover, .vuzzie .ed-upload.dragging { background: #27271e; }
.vuzzie .ed-example { color: var(--accent); }
.vuzzie .ed-example:hover { background: #383922; color: var(--accent); }
.vuzzie .ed-ref-name, .vuzzie .ed-field legend, .vuzzie .ed-label-row { color: var(--text); font-size: 13px; }
.vuzzie .ed-welcome-steps li > span { color: var(--accent); }
.vuzzie .ed-working-art { background: #151513; color: var(--muted); }
.vuzzie .ed-textarea::placeholder { color: var(--muted); }
.vuzzie .ed-textarea:focus { box-shadow: none; border-color: var(--accent); outline: 2px solid var(--accent); outline-offset: 3px; }
.vuzzie .ed-order-item :is(img, video), .vuzzie .ed-ref-thumb :is(img, video), .vuzzie .ed-working-art img { object-fit: contain; }
.vuzzie :is(.ed-clip-player > small, .ed-gallery-details summary) { color: var(--muted); }
.vuzzie .job-view .job-eta-queue { color: var(--accent); }
.vuzzie .job-view :is(.job-eta-percent, .job-status-label) { color: var(--muted); }
.vuzzie :is(.hd-pending, .hd-ready, .hd-preview) { background: var(--surface-raised); color: var(--text); }
.vuzzie .pin-row { background: #22221e; border-color: var(--line); }
.vuzzie .pin-row.is-marked { border-color: var(--accent-border); }
.vuzzie :is(.pin-state, .pin-message, .pin-bounds) { color: var(--muted); }
.vuzzie .pin-stage-note { color: var(--text); }
.vuzzie .pin-step { background: var(--surface-raised); }
.vuzzie .pin-step:hover:not(:disabled) { background: #35352f; }
.vuzzie .account-agents { background: #171715; border-color: var(--line); }
.vuzzie .agents-head h2 { color: var(--text); }
.vuzzie .agents-card { background: var(--surface); border-color: var(--line); }
.vuzzie .agents-card-icon { background: var(--accent-soft); color: var(--accent); }
.vuzzie .agents-chip { background: var(--accent-soft); color: var(--accent); }
.vuzzie .agents-confirm { background: #22221e; border-color: #494941; }
.vuzzie .agents-code, .vuzzie .agents-guide code:not(.agents-code) { background: #22221e; color: var(--text); border-color: var(--line); }
.vuzzie .agents-note { background: var(--surface); border-left: 1px solid var(--accent); }
.vuzzie .genai-tag { background: #2b2c1b; color: var(--accent); }
.vuzzie .genai-mentions { background: #191917; border-color: #494941; }
.vuzzie .genai-mention:hover, .vuzzie .genai-mention[aria-selected="true"] { background: #313126; color: var(--accent); }
.vuzzie .cast-item { border-color: var(--line); }
.vuzzie .cast-item small, .vuzzie .genai-cast-note, .vuzzie .video-config-label small { color: var(--muted); }
.vuzzie .cast-row, .vuzzie .audio-row { background: #1d1d19; border-color: #3d3d34; }
.vuzzie .cast-row > .catalog-portrait { width: 52px; height: 72px; flex: 0 0 52px; border-radius: 8px; overflow: hidden; }
.vuzzie .cast-row > .catalog-portrait > img { display: block; width: 100%; height: 100%; object-fit: contain; }
.vuzzie .upload-icon { background: var(--accent-soft); color: var(--accent); }
.vuzzie .audio-row.selected { border-color: var(--accent); }
.vuzzie .audio-row-name, .vuzzie .audio-row-name small { color: var(--text); }
.vuzzie .credit-notice-card { box-shadow: 0 18px 50px rgb(0 0 0 / 45%); }
.vuzzie .credit-notice-actions .button { font-size: 13px; }
.vuzzie dialog { background: #151513; border-color: #4b4b41; color: var(--text); border-radius: 16px; }
.vuzzie .dialog-heading h2 { font-size: 24px; }
.vuzzie dialog::backdrop { background: rgb(0 0 0 / 78%); }
.vuzzie .character-sheet-dialog { width: min(1240px, calc(100% - 48px)); padding: 28px; }
.vuzzie .character-sheet-media { width: 100%; max-width: 100%; }
.vuzzie .character-full-sheet { display: block; width: 100%; max-width: 100%; height: auto; max-height: calc(100dvh - 250px); margin: 0 auto; object-fit: contain; object-position: center; border-radius: 8px; }
.vuzzie .character-sheet-stage { min-height: 0; }
.vuzzie .character-sheet-labels { color: var(--muted); font-size: 12px; }
.vuzzie .character-sheet-actions { gap: 12px; flex-wrap: wrap; }
.vuzzie .character-sheet-cta { min-height: 50px; font-size: 15px; }
.vuzzie .sheet-preparing-copy p, .vuzzie .sheet-preparing-copy small { color: var(--muted); }
.vuzzie #toast { font-size: 14px; background: #26261f; border-color: #565644; color: var(--text); }
.vuzzie .vuzzie-footer { display: grid; grid-template-columns: minmax(230px, 1fr) auto; gap: 40px; margin: 0; padding: 58px var(--vuzzie-gutter) 36px; border-top-color: var(--line); }
.vuzzie .vuzzie-footer .vuzzie-footer-brand { font: 700 38px/1 var(--display); letter-spacing: -.04em; color: var(--text); }
.vuzzie-footer-brand > span { display: block; margin-top: 16px; font: 400 15px/1.6 var(--font); letter-spacing: 0; color: var(--muted); }
.vuzzie .vuzzie-footer nav { justify-content: flex-end; gap: 16px 28px; flex-wrap: wrap; align-self: start; }
.vuzzie .vuzzie-footer nav :is(a, button) { color: var(--muted); font-size: 13px; }
.vuzzie .vuzzie-footer nav :is(a, button):hover { color: var(--accent); }
.vuzzie-footer > p { grid-column: 1 / -1; color: var(--muted); font-size: 12px; }

@media (min-width: 901px) and (max-width: 1200px) {
  .vuzzie .vuzzie-header { gap: 18px; padding-inline: 24px; }
  .vuzzie-brand > span { font-size: 27px; }
  .vuzzie-nav-trigger, .vuzzie-nav-direct { padding-inline: 9px; font-size: 12px; }
  .vuzzie .vuzzie-account-controls { gap: 10px; }
  .vuzzie-mega-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .vuzzie-menu-feature { grid-column: 1 / -1; flex-direction: row; align-items: center; min-height: 140px; }
  .vuzzie-hero-reel { gap: 8px; }
  .vuzzie-hero-copy > p { font-size: 17px; }
}
@media (max-width: 900px) {
  :root { --vuzzie-header-height: 72px; }
  .vuzzie .vuzzie-header { gap: 16px; padding-inline: 20px; }
  .vuzzie-brand > span { font-size: 28px; }
  .vuzzie .vuzzie-account-controls { margin-left: auto; gap: 12px; }
  .vuzzie .vuzzie-account-controls .google-login { display: none; }
  .vuzzie .vuzzie-account-controls .workspace-rail.vuzzie-account { display: inline-flex; }
  .vuzzie-mobile-toggle { display: grid; place-items: center; }
  .vuzzie-mobile-toggle[aria-expanded="true"] { color: var(--accent); background: #22221e; }
  .vuzzie-primary { display: none; position: fixed; z-index: 111; inset: var(--vuzzie-header-height) 0 auto; max-height: calc(100dvh - var(--vuzzie-header-height)); overflow-y: auto; overscroll-behavior: contain; padding: 12px 20px 30px; margin: 0; background: #111110; border-bottom: 1px solid var(--line); }
  .vuzzie-primary.is-open { display: block; }
  .vuzzie-nav-open { overflow: hidden; }
  .vuzzie-nav-links { display: block; }
  .vuzzie-nav-links > li { border-bottom: 1px solid #34342e; }
  .vuzzie-nav-trigger, .vuzzie-nav-direct { justify-content: space-between; width: 100%; min-height: 58px; padding: 14px 0; font-size: 18px; border-radius: 0; }
  .vuzzie-nav-trigger:hover, .vuzzie-nav-direct:hover, .vuzzie-nav-trigger[aria-expanded="true"] { background: transparent; }
  .vuzzie-nav-trigger .icon { width: 18px; height: 18px; }
  .vuzzie-mega { position: static; max-height: none; padding: 8px 0 28px; overflow: visible; border: 0; background: transparent; }
  .vuzzie-mega-grid { grid-template-columns: 1fr; gap: 26px; }
  .vuzzie-mega h2 { margin-bottom: 8px; }
  .vuzzie .vuzzie-mega-link, .vuzzie .vuzzie-mega-link.rail-item { min-height: 66px; margin-bottom: 8px; }
  .vuzzie-mega-link small { max-width: none; }
  .vuzzie-menu-feature { min-height: 180px; padding: 24px; }
  .vuzzie-hero-copy h1 { font-size: clamp(42px, 6.5vw, 64px); max-width: 14ch; }
  .vuzzie-hero-copy { display: block; }
  .vuzzie-home-hero { grid-template-columns: 1fr; gap: 40px; min-height: 0; padding-top: 48px; }
  .vuzzie-hero-reel { gap: 12px; }
  .vuzzie-hero-copy > p { font-size: 18px; max-width: 38ch; margin: 20px 0 26px; }
  .vuzzie .workspace-shell .portfolio-masonry { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
  .vuzzie-home-section .portfolio-masonry { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vuzzie-workflow { gap: 36px; padding-top: 48px; }
  .vuzzie .vuzzie-footer { grid-template-columns: 1fr; gap: 32px; }
  .vuzzie .vuzzie-footer nav { justify-content: flex-start; }
}
@media (max-width: 600px) {
  .vuzzie .workspace-shell main { padding: 26px 20px 48px; }
  .vuzzie-home { margin-top: -26px; }
  .vuzzie .vuzzie-header { gap: 12px; }
  .vuzzie-brand img { width: 25px; height: 25px; }
  .vuzzie .header-credits img, .vuzzie .header-credits [data-credit-balance-unit] { display: none; }
  .vuzzie .header-credits { gap: 0; min-height: 36px; }
  .vuzzie .header-credits[data-empty="true"] { padding: 0 10px; }
  .vuzzie .vuzzie-account-controls { gap: 8px; }
  .vuzzie .vuzzie-account .rail-account { width: 36px; height: 36px; }
  .vuzzie .vuzzie-workspace-location { font-size: 11px; margin-inline: 20px; gap: 8px; }
  .vuzzie .vuzzie-workspace-location #workspace-context { display: inline; }
  .vuzzie-workspace-location > a { font-size: 11px; }
  .vuzzie-home-hero { padding: 38px 20px 30px; gap: 28px; }
  .vuzzie-hero-copy h1 { font-size: 44px; }
  .vuzzie-hero-copy > p { font-size: 16px; margin: 20px 0 24px; }
  .vuzzie-hero-reel { gap: 24px 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vuzzie-reel-frame { border-radius: 12px; }
  .vuzzie-reel-frame:nth-child(2), .vuzzie-reel-frame:nth-child(4) { transform: none; }
  .vuzzie-reel-frame .vuzzie-reel-caption { padding: 12px 0 0; }
  .vuzzie-reel-caption strong { font-size: 18px; }
  .vuzzie-reel-caption small { font-size: 11px; }
  .vuzzie-home-band { margin-inline: 20px; font-size: 12px; padding-block: 20px; }
  .vuzzie-home-section { padding: 48px 20px 20px; }
  .vuzzie-home-section > h2 { font-size: 32px; }
  .vuzzie-home-section > p { font-size: 16px; }
  .vuzzie-motion-rail { --motion-gap: 12px; --motion-media-height: 260px; }
  .vuzzie-motion-header { align-items: start; gap: 20px; }
  .vuzzie-motion-header h2 { font-size: 32px; }
  .vuzzie-motion-controls { gap: 8px; }
  .vuzzie-motion-toggle { padding-inline: 12px; }
  .vuzzie-motion-caption { padding-top: 12px; }
  .vuzzie-motion-caption strong { font-size: 14px; }
  .vuzzie-workflow { grid-template-columns: 1fr; gap: 32px; padding: 48px 20px; }
  .vuzzie-workflow h2 { font-size: 32px; }
  .vuzzie-workflow p { font-size: 16px; }
  .vuzzie-workflow dl > div { display: grid; gap: 8px; }
  .vuzzie-workflow dd { max-width: none; }
  .vuzzie-catalog-heading { gap: 20px; }
  .vuzzie-catalog-heading h1 { font-size: 38px; }
  .vuzzie-catalog-heading p { font-size: 15px; }
  .vuzzie .workspace-shell .portfolio-masonry { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 12px; }
  .vuzzie .portfolio-caption h3 { font-size: 16px; }
  .vuzzie .portfolio-caption span { font-size: 12px; }
  .vuzzie .catalog-toolbar-actions { flex-direction: row; align-items: center; gap: 12px; }
  .vuzzie .workspace-shell .explore-grid-heading h2 { font-size: 24px; }
  .vuzzie .workspace-shell .motion-masonry { columns: 2; column-gap: 12px; }
  .vuzzie .workspace-shell .media-card { margin-bottom: 20px; }
  .vuzzie .workspace-panel { top: calc(var(--vuzzie-header-height) + 8px); right: 8px; bottom: 8px; width: calc(100vw - 16px); height: calc(100dvh - var(--vuzzie-header-height) - 16px); }
  .vuzzie .workspace-shell .video-config-body { padding: 20px; }
  .vuzzie .workspace-shell .video-configurator .visual-config-footer { padding: 18px 20px; }
  .vuzzie .workspace-shell .library-heading { margin-bottom: 26px; }
  .vuzzie .library-heading h1 { font-size: 34px; }
  .vuzzie .library-heading p { font-size: 14px; }
  .vuzzie .library-tabs { gap: 22px; overflow-x: auto; }
  .vuzzie .library-tabs button { font-size: 13px; }
  .vuzzie .info-hero { padding: 28px 22px; }
  .vuzzie .info-hero h1, .vuzzie .about-page .info-hero h1 { font-size: 36px; }
  .vuzzie .info-hero p { font-size: 14px; }
  .vuzzie .account-grid { grid-template-columns: 1fr; gap: 16px; }
  .vuzzie .account-panel { padding: 24px; }
  .vuzzie .character-sheet-dialog { width: calc(100% - 20px); padding: 20px 14px; }
  .vuzzie .character-full-sheet { max-height: calc(100dvh - 250px); }
  .vuzzie .character-sheet-labels { gap: 8px; font-size: 10px; }
  .vuzzie .character-sheet-actions { margin-top: 20px; }
  .vuzzie .character-sheet-cta { width: 100%; min-width: 0; font-size: 14px; }
  .vuzzie .credit-notice { top: auto; bottom: 16px; left: 16px; right: 16px; width: auto; }
  .vuzzie .vuzzie-footer { padding: 44px 20px 30px; }
}
@media (prefers-reduced-motion: reduce) {
  html:has(body.vuzzie) { scroll-behavior: auto; }
  .vuzzie-reel-frame, .vuzzie-nav-trigger .icon { transition: none; }
  .vuzzie-reel-frame, .vuzzie-reel-frame:nth-child(2), .vuzzie-reel-frame:nth-child(4), .vuzzie-reel-frame:hover { transform: none; }
  .vuzzie-type .vuzzie-letter-face, .vuzzie-type .vuzzie-letter::after { transition: none; }
  .vuzzie-type:is(:hover, :focus-within) .vuzzie-letter-face { transform: none; }
  .vuzzie-type .vuzzie-letter::after, .vuzzie-type:is(:hover, :focus-within) .vuzzie-letter::after { transform: translateY(135%); }
  .vuzzie :is(.vuzzie-reel-frame, .portfolio-card) .catalog-portrait::after, .vuzzie :is(.vuzzie-reel-caption strong, .portfolio-caption h3), .vuzzie :is(.vuzzie-reel-caption strong, .portfolio-caption h3)::after, .vuzzie-motion-media::after, .vuzzie-motion-caption strong { transition: none; }
}