.video-explainers-page{display:flex;flex-direction:column;gap:var(--space-24);padding:var(--space-24) var(--space-32);max-inline-size:72rem;margin-inline:auto;inline-size:100%;box-sizing:border-box}.video-explainers-header{display:flex;align-items:flex-start;gap:var(--space-16);flex-wrap:wrap}.video-explainers-header__text{display:flex;flex-direction:column;gap:var(--space-4)}.video-explainers-header__title{font-size:var(--text-display);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.video-explainers-header__subtitle{font-size:var(--text-caption);color:var(--text-muted);margin:0}.video-explainers-header__spacer{flex:1 1 auto}.video-explainers-header__actions{display:flex;gap:var(--space-8);flex-wrap:wrap;align-items:center}.video-explainers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:var(--space-16);list-style:none;margin:0;padding:0}.video-explainer-card{position:relative;display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-16);border:1px solid var(--border-default);border-radius:var(--radius-container);background:var(--content-bg);transition:box-shadow var(--duration-fast) ease}.video-explainer-card:hover{box-shadow:var(--shadow-1)}.video-explainer-card__hit{position:absolute;inset:0;border-radius:var(--radius-container);cursor:pointer;background:transparent;border:none;z-index:1}.video-explainer-card__hit:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.video-explainer-card__thumbnail{aspect-ratio:16/9;border-radius:var(--radius-control);overflow:hidden;background:var(--surface-sunken);display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.video-explainer-card__thumbnail img{inline-size:100%;block-size:100%;-o-object-fit:cover;object-fit:cover}.video-explainer-card__body{display:flex;flex-direction:column;gap:var(--space-6);flex:1;min-inline-size:0}.video-explainer-card__title{font-size:var(--text-caption);font-weight:var(--font-weight-semibold);color:var(--text-primary);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2}.video-explainer-card__meta{display:flex;align-items:center;gap:var(--space-8);flex-wrap:wrap;font-size:var(--text-micro);color:var(--text-muted)}.video-explainer-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);position:relative;z-index:2}.video-explainers-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:var(--space-16)}.video-explainers-skeleton-card{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-16);border:1px solid var(--border-default);border-radius:var(--radius-container);background:var(--content-bg)}.video-explainers-state{padding-block:var(--space-48);display:flex;justify-content:center}.ve-player{display:flex;flex-direction:column;block-size:100%;min-block-size:0;background:var(--content-bg)}.ve-player__topbar{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-20);border-block-end:1px solid var(--border-default);background:var(--surface-elevated);flex-shrink:0}.ve-player__back{flex-shrink:0}.ve-player__title{flex:1;font-size:var(--text-body);font-weight:var(--font-weight-semibold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;background:transparent;border:none;padding:0;cursor:pointer;text-align:start;font-family:inherit}.ve-player__title:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-control)}.ve-player__topbar-actions{display:flex;align-items:center;gap:var(--space-8);flex-shrink:0;position:relative;z-index:var(--z-raised)}.ve-player__body{display:flex;flex:1;min-block-size:0;overflow:hidden}.ve-player__main{flex:1;display:flex;flex-direction:column;gap:var(--space-16);padding:var(--space-20);overflow-y:auto;min-inline-size:0}.ve-player__video-area{border-radius:var(--radius-container);overflow:hidden;background:var(--text-primary);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.ve-player__video-area video{inline-size:100%;block-size:100%;-o-object-fit:contain;object-fit:contain}.ve-player__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-12);color:var(--text-on-accent);padding:var(--space-32);text-align:center}.ve-player__placeholder-icon{opacity:.5}.ve-player__placeholder-text{font-size:var(--text-caption);opacity:.8}.ve-player__controls{display:flex;align-items:center;gap:var(--space-12);padding-block:var(--space-8);flex-wrap:wrap}.ve-player__speed-label{font-size:var(--text-micro);color:var(--text-muted)}.ve-generating{align-items:center;gap:var(--space-24);padding-block:var(--space-48)}.ve-form,.ve-generating{display:flex;flex-direction:column}.ve-form{gap:var(--space-16);padding:var(--space-4)}.ve-form__steps{gap:var(--space-4)}.ve-form__step,.ve-form__steps{display:flex;align-items:center}.ve-form__step{gap:var(--space-6);font-size:var(--text-micro);color:var(--text-muted)}.ve-form__step[data-active=true]{color:var(--accent-primary);font-weight:var(--font-weight-semibold)}.ve-form__step[data-done=true]{color:var(--text-success)}.ve-form__step-dot{inline-size:var(--space-8);block-size:var(--space-8);border-radius:50%;background:currentColor;flex-shrink:0}.ve-form__step-sep{inline-size:var(--space-20);block-size:1px;background:var(--border-default)}.ve-form__section{display:flex;flex-direction:column;gap:var(--space-12)}.ve-form__label{font-size:var(--text-caption);font-weight:var(--font-weight-medium);color:var(--text-primary)}.ve-form__actions{display:flex;justify-content:space-between;gap:var(--space-8)}.ve-form__actions--end{justify-content:flex-end}.ve-form__option-group{display:flex;flex-direction:column;gap:var(--space-6)}.ve-form__option{display:flex;align-items:center;gap:var(--space-8);cursor:pointer;font-size:var(--text-caption);color:var(--text-primary)}.ve-player__side{inline-size:22rem;flex-shrink:0;border-inline-start:1px solid var(--border-default);display:flex;flex-direction:column;overflow:hidden}.ve-panel__tabs{display:flex;border-block-end:1px solid var(--border-default);background:var(--surface-elevated);flex-shrink:0}.ve-panel__tab{flex:1;padding-block:var(--space-40);font-size:var(--text-caption);font-weight:var(--font-weight-medium);color:var(--text-muted);background:transparent;border:none;border-block-end:2px solid transparent;cursor:pointer;transition:color var(--duration-fast) ease,border-color var(--duration-fast) ease}.ve-panel__tab[aria-selected=true]{color:var(--accent-primary);border-block-end-color:var(--accent-primary)}.ve-panel__tab:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.ve-panel__content{flex:1;overflow-y:auto;padding:var(--space-16)}.ve-transcript{font-size:var(--text-caption);line-height:1.6;color:var(--text-secondary);white-space:pre-wrap}.ve-scenes{display:flex;flex-direction:column;gap:var(--space-2)}.ve-scene-item{display:flex;align-items:flex-start;gap:var(--space-12);padding:var(--space-40) var(--space-8);border-radius:var(--radius-control);cursor:pointer;transition:background var(--duration-fast) ease;background:transparent;border:none;inline-size:100%;text-align:start;font-family:inherit}.ve-scene-item:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.ve-scene-item:hover{background:var(--surface-sunken)}.ve-scene-item[data-active=true]{background:var(--surface-hover)}.ve-scene-item__number{flex-shrink:0;inline-size:var(--space-24);block-size:var(--space-24);border-radius:50%;background:var(--surface-sunken);display:flex;align-items:center;justify-content:center;font-size:var(--text-micro);font-weight:var(--font-weight-semibold);color:var(--text-muted)}.ve-scene-item[data-active=true] .ve-scene-item__number{background:var(--accent-primary);color:var(--text-on-accent)}.ve-scene-item__narration{font-size:var(--text-micro);color:var(--text-secondary);line-height:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;flex:1}.ve-scene-item__duration{font-size:var(--text-micro);color:var(--text-muted);flex-shrink:0}.ve-player__failed{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-16);padding-block:var(--space-48);text-align:center;color:var(--text-muted)}@media (max-width:48rem){.ve-player__side{display:none}.video-explainers-page{padding:var(--space-16)}}@media (prefers-reduced-motion:reduce){.ve-panel__tab,.ve-scene-item,.video-explainer-card{transition:none}}