.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;margin-top:24px}.video-card{display:block;color:inherit;text-decoration:none;overflow:hidden}.video-card img,.video-placeholder{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;margin-bottom:16px;background:#e7efff}.video-placeholder{display:grid;place-items:center;font-size:48px;color:#2563eb}.video-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:24px;margin-top:24px}.video-layout>*{min-width:0}.video-layout aside .card{margin-bottom:20px}.video-stage{background:#060e20;border-radius:20px;overflow:hidden;--caption-scale:1}.video-stage video{width:100%;max-height:65vh;display:block}.video-captions{color:white;background:#101b32;text-align:center;padding:12px 18px;min-height:120px;line-height:1.5;overflow-wrap:anywhere}.caption-hanzi{font-size:calc(28px * var(--caption-scale))}.caption-pinyin{font-size:calc(19px * var(--caption-scale));color:#d3e6ff}.caption-indonesian{font-size:calc(16px * var(--caption-scale));color:#f2f4fa}.video-word{color:inherit!important;background:transparent!important;border:0!important;border-bottom:1px dotted currentColor!important;padding:0 2px!important;font:inherit!important;border-radius:0!important;cursor:pointer}.video-word:hover{background:#2563eb!important;color:white!important}.video-fullscreen{display:block;margin:8px auto;color:white;background:#253858;border:1px solid #7182a0;border-radius:8px;padding:8px}.video-stage:fullscreen{height:100%;width:100%;border-radius:0;display:flex;flex-direction:column;justify-content:center;overflow:auto}.video-stage:fullscreen video{max-height:65vh;min-height:0}.video-tools{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.video-tools label{display:inline-flex;align-items:center;gap:8px}.video-tools input[type=checkbox],#video-quiz input{width:auto}.video-tools select{width:auto;max-width:100%}.video-tools p{width:100%}.video-tools>div{display:flex;gap:15px;flex-wrap:wrap}.video-transcript{max-height:600px;overflow:auto}.video-transcript article{padding:16px;border-radius:12px;border-left:4px solid transparent;margin-bottom:8px}.video-transcript article.active{background:#edf3ff;border-color:#2563eb}.transcript-hanzi{font-size:24px}.video-actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}#video-json{display:block;width:100%;max-width:100%;box-sizing:border-box;margin:14px 0;font-family:monospace;font-size:14px}#video-admin-form label{display:block;margin:14px 0}#video-quiz fieldset{border:1px solid #dbe4f0;border-radius:12px;margin:16px 0;padding:14px}#video-quiz label{display:block;margin:12px 0}.hide-hanzi .caption-hanzi,.hide-pinyin .caption-pinyin,.hide-indonesian .caption-indonesian,.listening-hidden .video-captions>*,.listening-hanzi .caption-pinyin,.listening-hanzi .caption-indonesian{display:none}.video-stage:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}@media(max-width:900px){.video-layout{grid-template-columns:1fr}.video-stage video{max-height:50vh}.video-captions{padding:10px;min-height:100px}.caption-hanzi{font-size:calc(23px * var(--caption-scale))}.caption-pinyin{font-size:calc(17px * var(--caption-scale))}.caption-indonesian{font-size:calc(15px * var(--caption-scale))}.video-grid{grid-template-columns:1fr}}
.video-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}.video-editor-grid label{min-width:0}#video-admin-form input:not([type=checkbox]),#video-admin-form textarea{width:100%;box-sizing:border-box}.video-segment-editor{min-width:0;border:1px solid #dbe4f0;border-radius:14px;padding:18px;margin:18px 0}#video-admin-form input[type=checkbox]{width:auto}.video-stage video::-webkit-media-controls-fullscreen-button{display:none}#video-admin-form details{margin:20px 0}@media(max-width:650px){.video-editor-grid{grid-template-columns:1fr}}
.transcript-listening-hidden article p,.transcript-listening-hanzi article p:not(.transcript-hanzi){display:none}
.video-stage.video-expanded{position:fixed;inset:0;z-index:9999;border-radius:0;height:100vh;height:100dvh;width:100%;display:flex;flex-direction:column;justify-content:center;overflow:auto}.video-stage.video-expanded video{max-height:65vh;min-height:0}