.video-context-flow{align-items:center;gap:10px;display:flex}.video-context-flow span,.video-context-flow b{color:#5b5b65;text-align:center;background:#fafafa;border:1px solid #e6e6eb;border-radius:8px;flex:1;min-width:0;padding:13px;font-size:13px;display:grid}.video-context-flow b{border-color:color-mix(in srgb, var(--accent) 30%, #fff);background:color-mix(in srgb, var(--accent) 7%, #fff);color:var(--accent)}.video-player-controls,.video-player-recovery{flex-wrap:wrap;gap:7px;display:flex}.video-card-preview{align-content:center;gap:7px;padding:15px;display:grid}.video-card-viewport,.video-player-screen{color:#fff;background:linear-gradient(135deg,#27325f,#5569ba);border-radius:7px;place-items:center;min-height:54px;display:grid}.video-card-controls{color:#80808a;justify-content:space-between;align-items:center;font-size:8px;display:flex}.video-player-screen{text-align:center;min-height:180px}.video-player-screen p{margin:0}.video-player-screen small{color:#d9def9}.video-player-interaction-demo input[type=range]{accent-color:var(--accent);padding:0}@media (max-width:780px){.video-context-flow{flex-direction:column;align-items:stretch}.video-player-screen{min-height:150px}}.term-card .term-preview.video-stage-preview{align-content:center;gap:9px;padding:14px;display:grid}.video-stage-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.video-stage-cell{gap:4px;min-width:0;display:grid}.video-stage-block{box-sizing:border-box;aspect-ratio:16/9;border:1px solid var(--line);background:linear-gradient(135deg,#2a3a6e,#4a5fa5);border-radius:6px;width:100%;display:block;position:relative;overflow:hidden}.video-stage-scene{background:#ffffff1f;border-radius:4px;height:40%;position:absolute;top:24%;left:12%;right:12%}.video-stage-scene:before{content:"";background:#ffffff73;border-radius:2px;width:46%;height:14%;position:absolute;top:22%;left:14%}.video-stage-scene:after{content:"";background:#ffffff47;border-radius:2px;width:28%;height:11%;position:absolute;top:44%;left:14%}.video-stage-play{background:#fff;border-radius:50%;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0000004d}.video-stage-play:after{content:"";border-left:6px solid var(--ink);border-top:4px solid #0000;border-bottom:4px solid #0000;position:absolute;top:50%;left:56%;transform:translate(-50%,-50%)}.video-stage-pause{background:#fffffff0;border-radius:50%;justify-content:center;align-items:center;gap:3px;width:20px;height:20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0000004d}.video-stage-pause:before,.video-stage-pause:after{content:"";background:var(--ink);border-radius:1px;width:3px;height:8px;display:block}.video-stage-bar{background:#ffffff4d;border-radius:99px;height:3px;position:absolute;bottom:16%;left:6%;right:6%;overflow:hidden}.video-stage-bar i{background:#fff;height:100%;display:block}.video-stage-title{color:#fff;background:#0000008c;border-radius:3px;padding:1px 5px;font-size:7px;font-weight:700;line-height:1.2;position:absolute;top:5px;left:5px}.video-stage-dur{color:#fff;background:#0000008c;border-radius:3px;padding:1px 5px;font-size:7px;font-weight:700;line-height:1.2;position:absolute;top:5px;right:5px}.video-stage-time{color:#fff;background:#0000008c;border-radius:3px;padding:1px 5px;font-size:7px;font-weight:700;line-height:1.2;position:absolute;bottom:5px;right:5px}.video-stage-cell.is-error .video-stage-block{background:#fbecee;border-color:#e9c7cd;place-items:center;gap:2px;display:grid}.video-stage-err-glyph{color:#a83a44;font-size:14px;font-weight:800;line-height:1}.video-stage-err-text{color:#a83a44;font-size:7px;font-weight:700}.video-stage-cell.is-empty .video-stage-block{background:var(--soft);border-style:dashed;place-items:center;gap:2px;display:grid}.video-stage-empty-mark{border:1.5px dashed var(--muted);width:16px;height:16px;color:var(--muted);border-radius:50%;place-items:center;font-size:7px;font-weight:700;display:grid}.video-stage-empty-text{color:var(--muted);font-size:7px;font-weight:700}.video-stage-cell small{text-align:center;color:var(--ink);font-size:8px;font-weight:700;display:block}.video-stage-cell.is-error small{color:#a83a44}.video-stage-cell.is-empty small{color:var(--muted)}.video-stage-caption{color:var(--muted);margin:0;font-size:8px;line-height:1.5}.video-stage-caption b{color:var(--ink);margin-right:3px;font-weight:700}.term-interactive-demo.video-lab-demo{border:1px solid var(--line);background:var(--surface-card);gap:14px}.term-interactive-demo.video-lab-demo button{border:1px solid var(--line);border-radius:var(--radius-buttons);background:var(--surface-card);min-height:34px;color:var(--ink);font:inherit;padding:7px 12px;font-size:13px;font-weight:650}.term-interactive-demo.video-lab-demo button:hover:not(:disabled){border-color:color-mix(in srgb, var(--ink) 28%, var(--line));background:var(--soft);color:var(--ink)}.term-interactive-demo.video-lab-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.video-lab-demo button:disabled{opacity:.5;cursor:not-allowed}.term-interactive-demo.video-lab-demo button.is-active,.term-interactive-demo.video-lab-demo button.is-active:hover{border-color:var(--ink);background:var(--ink);color:var(--color-white)}.video-lab-brief{color:var(--muted);margin:0;font-size:12.5px;line-height:1.55}.video-lab-stage{gap:10px;display:grid}.video-lab-frame{aspect-ratio:16/9;border:1px solid var(--line);background:linear-gradient(135deg,#2a3a6e,#4a5fa5);border-radius:8px;width:100%;display:block;position:relative;overflow:hidden}.video-lab-frame.is-error{background:#fbecee;border-color:#e9c7cd}.video-lab-frame.is-empty{background:var(--soft);border-style:dashed}.video-lab-scene{background:#ffffff1a;border-radius:6px;position:absolute;inset:16% 12%}.video-lab-scene:before{content:"";background:#ffffff73;border-radius:3px;width:48%;height:12%;position:absolute;top:16%;left:12%}.video-lab-scene:after{content:"";background:#ffffff47;border-radius:3px;width:30%;height:9%;position:absolute;top:36%;left:12%}.video-lab-title{color:#fff;background:#0000008c;border-radius:5px;padding:3px 9px;font-size:12px;font-weight:700;position:absolute;top:12px;left:12px}.video-lab-dur{color:#fff;background:#0000008c;border-radius:5px;padding:3px 9px;font-size:12px;font-weight:700;position:absolute;top:12px;right:12px}.video-lab-progress{background:#ffffff40;height:5px;display:block;position:absolute;bottom:0;left:0;right:0}.video-lab-progress i{background:#fff;height:100%;display:block}.term-interactive-demo.video-lab-demo .video-lab-hero{width:56px;height:56px;min-height:0;color:var(--ink);cursor:pointer;background:#fffffff0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #00000052}.term-interactive-demo.video-lab-demo .video-lab-hero:hover:not(:disabled){color:var(--ink);background:#fff;border-color:#0000}.video-lab-play-glyph{border-left:18px solid var(--ink);border-top:12px solid #0000;border-bottom:12px solid #0000;width:0;height:0;margin-left:4px;display:block}.video-lab-pause-glyph{align-items:center;gap:5px;display:flex}.video-lab-pause-glyph:before,.video-lab-pause-glyph:after{content:"";background:var(--ink);border-radius:2px;width:5px;height:20px;display:block}.video-lab-loading{place-items:center;gap:10px;display:grid;position:absolute;inset:0}.video-lab-spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:.9s linear infinite video-lab-spin}.video-lab-loading-text{color:#fffffff0;font-size:13px;font-weight:700}@keyframes video-lab-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.video-lab-spinner{border-color:#fff #ffffff4d #ffffff4d;animation:none}}.video-lab-error{text-align:center;place-items:center;gap:8px;padding:12px;display:grid;position:absolute;inset:0}.video-lab-error-glyph{color:#a83a44;font-size:30px;font-weight:800;line-height:1}.video-lab-error-text{color:#a83a44;font-size:14px;font-weight:700}.video-lab-empty{text-align:center;place-items:center;gap:8px;display:grid;position:absolute;inset:0}.video-lab-empty-mark{border:2px dashed var(--muted);width:40px;height:40px;color:var(--muted);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.video-lab-empty-text{color:var(--muted);font-size:13px;font-weight:650}.video-lab-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.term-interactive-demo.video-lab-demo .video-lab-seek{min-width:120px;color:var(--ink);flex:180px;align-items:center;gap:8px;margin-left:auto;font-size:12px;font-weight:650;display:flex}.video-lab-seek-label{color:var(--muted);flex:none;font-size:12px;font-weight:700}.term-interactive-demo.video-lab-demo input[type=range]{width:auto;min-width:80px;height:28px;min-height:0;accent-color:var(--ink);color:var(--ink);background:0 0;border:0;border-radius:0;flex:auto;padding:0}.term-interactive-demo.video-lab-demo input[type=range]:focus{outline:2px solid var(--ink);outline-offset:2px;border-color:#0000}.video-lab-time{color:var(--ink);font-variant-numeric:tabular-nums;flex:none;font-size:12px;font-weight:700}.video-lab-recovery{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.term-interactive-demo.video-lab-demo .video-lab-primary{border:1px solid var(--color-rausch-600);border-radius:var(--radius-buttons);background:var(--color-rausch-600);min-height:38px;color:var(--color-white);font:inherit;justify-self:start;padding:9px 18px;font-size:14px;font-weight:750}.term-interactive-demo.video-lab-demo .video-lab-primary:hover:not(:disabled){color:var(--color-white);background:#c8093a;border-color:#c8093a}.term-interactive-demo.video-lab-demo .video-lab-primary:focus-visible{outline:2px solid var(--color-rausch-600);outline-offset:2px}.video-lab-recovery-hint{color:var(--muted);flex:200px;font-size:12px;line-height:1.5}.video-lab-segment{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.video-lab-segment-label{width:100%;color:var(--muted);font-size:11.5px;font-weight:700}.video-lab-actions{flex-wrap:wrap;gap:8px;display:flex}.video-lab-status{border-left:3px solid var(--ink);background:var(--soft);color:#51515b;border-radius:0 6px 6px 0;gap:4px;margin:0;padding:12px 14px;font-size:12.5px;line-height:1.55;display:grid}.video-lab-status-row{display:block}.video-lab-status-row b{color:var(--ink);font-weight:750}.video-knowledge li b{color:var(--ink)}.video-howto{gap:8px;margin:12px 0 0;padding:0;list-style:inside decimal;display:grid}.video-howto li{color:#5a5a64;padding-left:4px;font-size:13px;line-height:1.6}.video-howto li b{color:var(--ink)}.video-lab-contrast{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.video-lab-contrast article{border:1px solid var(--line);background:var(--surface-card);border-radius:9px;gap:7px;padding:14px;display:grid}.video-lab-contrast article.is-good{border-color:color-mix(in srgb, #2f7a4a 35%, var(--line));background:#f7fcf8}.video-lab-contrast article.is-bad{border-color:color-mix(in srgb, #a83a44 32%, var(--line));background:#fdf6f7}.video-lab-contrast article>span{border-radius:99px;justify-self:start;padding:2px 9px;font-size:11px;font-weight:750}.video-lab-contrast article.is-good>span{color:#2f7a4a;background:#e4f3ea}.video-lab-contrast article.is-bad>span{color:#a83a44;background:#fbe9eb}.video-lab-contrast article b{color:var(--ink);font-size:14px;font-weight:750;line-height:1.4}.video-lab-contrast article p{color:#5b5b65;margin:0;font-size:13px;line-height:1.6}.video-example-cta{border:1px solid var(--ink);border-radius:var(--radius-buttons);background:var(--ink);min-height:36px;color:var(--color-white);font:inherit;cursor:pointer;justify-self:start;align-items:center;padding:8px 16px;font-size:13px;font-weight:750;display:inline-flex}.video-example-cta:hover{color:var(--color-white);background:#2a2a32;border-color:#2a2a32}.video-example-cta:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.video-lab-contrast article em{color:#6a6a74;margin-top:2px;font-size:12px;font-style:normal;line-height:1.55}@media (max-width:560px){.video-stage-row{grid-template-columns:repeat(2,minmax(0,1fr))}.video-lab-controls{align-items:stretch}.term-interactive-demo.video-lab-demo .video-lab-seek{flex:100%;margin-left:0}.video-lab-segment button{flex:calc(50% - 6px)}.video-lab-contrast{grid-template-columns:1fr}}