:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f4f6;background:#0d0d12}*{box-sizing:border-box}html,body,#demo{margin:0;width:100%;height:100%;overflow:hidden}button,input{font:inherit}button{cursor:pointer;border:1px solid #ffffff28;background:#ffffff09;color:inherit;border-radius:7px;min-height:34px;padding:6px 10px;font-size:12px;font-weight:600}button:hover{background:#ffffff18}button:focus-visible,input:focus-visible{outline:2px solid #f5989d;outline-offset:3px}button[aria-pressed=true]{border-color:#f5989d;color:#ffd1d4;background:#f5989d18}[hidden]{display:none!important}.demo-shell{height:100%;display:flex;flex-direction:column}.demo-stage{flex:1 1 auto;min-height:210px;position:relative;overflow:hidden;background:#050507}.movie-surface{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;isolation:isolate;z-index:0}.movie-surface media-theme-pib-streaming-demo{display:block;width:100%;height:100%}video{display:block;width:100%;height:100%;object-fit:contain}.overlay-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.demo-start{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;background:linear-gradient(0deg,#0004,#0001);pointer-events:none}.start-button{background:#f5989d;color:#241015;box-shadow:0 5px 45px #0008;border:0;padding:14px 25px;font-size:16px;border-radius:999px;pointer-events:auto}.start-button:hover{background:#ffb2b7}.start-button span{display:block;margin-top:3px;font-size:11px;font-weight:500}.demo-notice{position:absolute;top:10px;left:50%;transform:translate(-50%);background:#14141bf5;color:#fff;padding:9px 12px;border:1px solid #f5989d66;border-radius:6px;z-index:12;font-size:12px;max-width:calc(100% - 24px);width:max-content}.demo-notice button{margin-left:10px}@media (max-width: 600px){.reaction-stacked .movie-surface{top:var(--demo-reaction-space)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.demo-tour{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.tour-card{position:absolute;width:min(232px,calc(100% - 24px));padding:9px 11px 10px;border:1px solid #f5989d80;border-radius:6px;background:#15131cf2;box-shadow:0 6px 18px #0006;pointer-events:auto}.tour-eyebrow{margin:0 0 3px;font-size:8px;font-weight:800;letter-spacing:.14em;color:#f5989d}.tour-title{display:block;font-size:12.5px;line-height:1.3;color:#fff}.tour-copy{margin:4px 0 8px;font-size:11px;line-height:1.45;color:#ddd9e2}.tour-actions{display:flex;gap:6px}.tour-actions button{min-height:26px;padding:3px 9px;font-size:11px;border-radius:5px}.tour-actions [data-next]{background:#f5989d;color:#241015;border:0}.tour-actions [data-stop]{border-color:transparent;color:#c2bcc9}.tour-launch{position:absolute;top:12px;right:12px;min-height:26px;padding:3px 9px;border-radius:5px;background:#15131cda;pointer-events:auto;font-size:11px}.tour-embedded .tour-launch{display:none}.tour-highlight{position:absolute;border:2px solid #ffd278;border-radius:6px;box-shadow:0 0 0 4px #ffd27822;pointer-events:none}.tour-drag{display:none;position:absolute;left:35%;top:35%;width:36px;height:36px;border-radius:50%;background:#ffd278;color:#241015;text-align:center;line-height:36px;font-size:24px}.tour-dragging .tour-drag{display:block;animation:tour-drag 2.4s ease-in-out infinite}@keyframes tour-drag{0%,to{transform:translate(-15px)}50%{transform:translate(30px)}}@media (pointer: coarse){.tour-actions button,.tour-launch{min-height:36px}}@media (prefers-reduced-motion: reduce){.tour-dragging .tour-drag{animation:none}}