.vr-work-source video { display: block; width: min(100%, 540px); max-height: 300px; background: #000; border-radius: 8px; }
.vr-work-tabs { margin: 16px 0; gap: 10px; }
.vr-work-tabs .on { border-color: var(--brand-hi); background: var(--brand-soft); }
.vr-work [role=tabpanel] > textarea { display: block; width: 100%; margin: 12px 0; }
.vr-work [role=tabpanel] > label { display: block; margin: 12px 0; }
.vr-work .af-idea { width: 100%; }
.vr-work-preview-video { display: block; width: min(100%, 720px); max-height: 50vh; background: #000; }
.vr-work [hidden] { display: none !important; }
.wb-person { display: block; margin: 10px 0; }
.wb-people { max-height: 240px; overflow-y: auto; }
.wb-review .s-btn { white-space: normal; text-align: left; max-width: 100%; }
.wb-motion-canvas { width: 100%; overflow: hidden; margin-top: 12px; }
.wb-motion-canvas canvas { display: block; max-width: 100%; }
.vr-work input[type=range] { width: 100%; margin: 12px 0; }
.vr-work details > summary { cursor: pointer; margin: 12px 0; }
@media (max-width: 600px) { .vr-work-tabs { flex-wrap: wrap; } .vr-work-tabs button { flex: 1; } }