.video-analysis-header {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1.35rem;
}

.video-analysis-private-badge,
.video-analysis-readiness {
    background: #e8f7ef;
    border: 1px solid #a9dfbf;
    border-radius: 999px;
    color: #17623b;
    flex: 0 0 auto;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.45rem 0.75rem;
}

.video-analysis-workspace {
    align-items: start;
    display: grid;
    gap: 1.25rem;
    grid-template-columns: minmax(0, 1fr) 320px;
}

.video-analysis-upload-card,
.video-analysis-expectation-card,
.video-analysis-result,
.video-analysis-about-grid article {
    background: #fff;
    border: 1px solid #d8e2eb;
    border-radius: 1rem;
    box-shadow: 0 14px 34px rgba(11, 45, 74, 0.07);
}

.video-analysis-upload-card { padding: clamp(1rem, 2vw, 1.5rem); }
.video-analysis-expectation-card { padding: 1.35rem; }
.video-analysis-expectation-card h2 { font-size: 1.1rem; margin: 0 0 0.8rem; }
.video-analysis-expectation-card ul { line-height: 1.7; margin: 0 0 1rem; padding-left: 1.2rem; }
.video-analysis-expectation-card > p:last-child { color: #526578; font-size: 0.86rem; line-height: 1.55; }

.video-analysis-drop-zone {
    align-items: center;
    background: #f4f9fd;
    border: 2px dashed #8bb4d2;
    border-radius: 0.9rem;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    justify-content: center;
    min-height: 210px;
    padding: 1.5rem;
    text-align: center;
}

.video-analysis-drop-zone:hover,
.video-analysis-drop-zone.is-dragging { background: #eaf5fc; border-color: #276d9c; }
.video-analysis-drop-zone input { height: 1px; opacity: 0; position: absolute; width: 1px; }
.video-analysis-drop-zone strong { color: #0b2d4a; font-size: 1.05rem; }
.video-analysis-drop-zone > span:last-of-type { color: #617487; font-size: 0.82rem; }
.video-analysis-drop-icon { color: #2377aa; font-size: 1.8rem; }

.video-analysis-selection {
    align-items: center;
    background: #f4f7fa;
    border-radius: 0.8rem;
    display: grid;
    gap: 0.85rem;
    grid-template-columns: 128px minmax(0, 1fr) auto;
    padding: 0.75rem;
}
.video-analysis-selection[hidden],
.video-analysis-result[hidden] { display: none !important; }
.video-analysis-selection video { aspect-ratio: 16 / 9; background: #102433; border-radius: 0.55rem; object-fit: contain; width: 128px; }
.video-analysis-selection div { display: flex; flex-direction: column; min-width: 0; }
.video-analysis-selection strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.video-analysis-selection span { color: #64748b; font-size: 0.8rem; }
.video-analysis-selection button { background: transparent; border: 0; color: #9b2c2c; cursor: pointer; font-weight: 650; }

.video-analysis-field { display: block; margin-top: 1rem; }
.video-analysis-field > span { display: flex; font-size: 0.86rem; font-weight: 700; justify-content: space-between; margin-bottom: 0.4rem; }
.video-analysis-field em { color: #64748b; font-size: 0.75rem; font-style: normal; font-weight: 500; }
.video-analysis-field input { border: 1px solid #b8c7d4; border-radius: 0.6rem; font: inherit; padding: 0.72rem 0.8rem; width: 100%; }
.video-analysis-submit { margin-top: 1rem; width: 100%; }
.video-analysis-submit:disabled { cursor: not-allowed; opacity: 0.5; }
.video-analysis-status { color: #34566f; font-size: 0.86rem; min-height: 1.2em; }
.video-analysis-retention-note { border-top: 1px solid #e3eaf0; color: #64748b; font-size: 0.78rem; margin: 1rem 0 0; padding-top: 0.85rem; }
.video-analysis-page .lesson-studio-back-link a { color: #3f8fbc; }

.video-analysis-result { margin-top: 1.5rem; padding: clamp(1.1rem, 2.5vw, 1.75rem); }
.video-analysis-result > header { align-items: center; display: flex; justify-content: space-between; }
.video-analysis-result h2 { margin: 0; }
.video-analysis-result h3 { font-size: 0.95rem; margin: 0 0 0.65rem; }
.video-analysis-summary { color: #314f65; font-size: 1.02rem; line-height: 1.55; }
.video-analysis-metrics { display: grid; gap: 0.75rem; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 1.2rem 0; }
.video-analysis-metric { background: #f4f8fb; border: 1px solid #e0e8ef; border-radius: 0.75rem; padding: 0.85rem; }
.video-analysis-metric span { color: #64748b; display: block; font-size: 0.74rem; margin-bottom: 0.25rem; text-transform: uppercase; }
.video-analysis-metric strong { color: #0b2d4a; font-size: 1.05rem; }
.video-analysis-result-grid { display: grid; gap: 1rem; grid-template-columns: 1fr 1fr; }
.video-analysis-result-grid section,
.video-analysis-pose-card { background: #f9fbfc; border-radius: 0.75rem; padding: 1rem; }
.video-analysis-result-grid ul { line-height: 1.55; margin: 0; padding-left: 1.1rem; }
.video-analysis-result-grid li + li { margin-top: 0.45rem; }
.video-analysis-pose-card { margin-top: 1rem; }
.video-analysis-pose-card dl { display: flex; flex-wrap: wrap; gap: 0.75rem 1.5rem; margin: 0.75rem 0 0; }
.video-analysis-pose-card dl div { min-width: 120px; }
.video-analysis-pose-card dt { color: #64748b; font-size: 0.72rem; text-transform: uppercase; }
.video-analysis-pose-card dd { font-weight: 700; margin: 0.2rem 0 0; }
.video-analysis-limitations,
.video-analysis-safety-copy { background: #fff8e8; border-left: 4px solid #e5a92f; color: #604817; margin: 1rem 0 0; padding: 0.85rem 1rem; }

.video-analysis-about-grid { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 1.25rem; }
.video-analysis-about-grid article { padding: 1.15rem; }
.video-analysis-about-grid article > span { align-items: center; background: #e8f3fa; border-radius: 999px; color: #17618e; display: inline-flex; font-weight: 800; height: 2rem; justify-content: center; width: 2rem; }
.video-analysis-about-grid h2 { font-size: 1rem; margin: 0.75rem 0 0.35rem; }
.video-analysis-about-grid p { color: #526578; line-height: 1.55; margin: 0; }

@media (max-width: 900px) {
    .video-analysis-workspace { grid-template-columns: 1fr; }
    .video-analysis-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
    .video-analysis-header,
    .video-analysis-result > header { align-items: flex-start; flex-direction: column; }
    .video-analysis-selection { grid-template-columns: 88px minmax(0, 1fr); }
    .video-analysis-selection video { width: 88px; }
    .video-analysis-selection button { grid-column: 2; justify-self: start; }
    .video-analysis-result-grid,
    .video-analysis-about-grid { grid-template-columns: 1fr; }
}

@media (prefers-color-scheme: dark) {
    .video-analysis-upload-card,
    .video-analysis-expectation-card,
    .video-analysis-result,
    .video-analysis-about-grid article { background: #142c3d; border-color: #315064; }
    .video-analysis-drop-zone,
    .video-analysis-metric,
    .video-analysis-result-grid section,
    .video-analysis-pose-card { background: #102536; border-color: #315064; }
    .video-analysis-drop-zone strong,
    .video-analysis-metric strong { color: #e9f5fc; }
    .video-analysis-expectation-card > p:last-child,
    .video-analysis-about-grid p { color: #b8cad7; }
    .video-analysis-page .lesson-studio-back-link a { color: #78c5ee; }
}