*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{margin:0;background:#101418;color:#f2f4f6;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.6}.page{max-width:760px;margin:0 auto;padding:64px 24px}.page__title{margin:0 0 16px;font-size:40px;line-height:1.2}.page__text{margin:0 0 24px;color:#9aa5b1}.page__code{padding:2px 6px;border-radius:4px;background:rgba(255,255,255,.08);font-size:14px}.page__button{margin-bottom:24px;padding:10px 18px;border:0;border-radius:6px;background:#35c46a;color:#06130a;font-size:15px;font-weight:600;cursor:pointer}.page__button:hover:not(:disabled){filter:brightness(1.1)}.page__button:disabled{opacity:.55;cursor:default}.page__error{margin:0 0 24px;padding:12px 14px;border-left:3px solid #ff6b6b;border-radius:4px;background:rgba(255,107,107,.1);color:#ff6b6b}.page__link{color:#35c46a}.page__button--ghost{background:rgba(0,0,0,0);border:1px solid rgba(255,255,255,.25);color:#f2f4f6}.docs{max-width:920px;margin:0 auto;padding:64px 24px}.docs__title{margin:0 0 16px;font-size:40px;line-height:1.2}.docs__lede{margin:0 0 28px;color:#9aa5b1;font-size:17px}.docs__toc{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:8px;padding:16px 20px;border-radius:8px;background:rgba(255,255,255,.05);font-size:14px}.docs__section{padding-top:36px}.docs__heading{margin:0 0 14px;font-size:24px}.docs__text{margin:0 0 16px;color:#9aa5b1}.docs__list{margin:0 0 16px;padding-left:22px;color:#9aa5b1}.docs__list li{margin-bottom:10px}.docs__pre{margin:0 0 16px;padding:14px 16px;border-radius:6px;background:rgba(0,0,0,.42);color:#f2f4f6;font-size:13px;line-height:1.55;overflow-x:auto;user-select:all}.docs__table{width:100%;margin:0 0 16px;border-collapse:collapse;font-size:14px;text-align:left}.docs__table th{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.18);color:#f2f4f6;white-space:nowrap}.docs__table td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.07);color:#9aa5b1;vertical-align:top}.docs__note{margin:0 0 16px;padding:12px 14px;border-left:3px solid #35c46a;border-radius:4px;background:rgba(53,196,106,.08);color:#9aa5b1}.docs__warning{margin:0 0 16px;padding:12px 14px;border-left:3px solid #ff6b6b;border-radius:4px;background:rgba(255,107,107,.1);color:#f2f4f6}.form{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.form__row{display:flex;flex:1 1 240px;flex-direction:column;gap:4px}.form__input{padding:9px 10px;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:rgba(0,0,0,.35);color:#f2f4f6;font-family:inherit;font-size:14px}.form__input:focus{border-color:#35c46a;outline:none}.form__actions{display:flex;flex-wrap:wrap;gap:12px}.result{padding:20px;border-radius:8px;background:rgba(255,255,255,.05)}.result__title{margin:0 0 12px;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#9aa5b1}.result__title:not(:first-child){margin-top:28px}.result__field{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.result__label{font-size:13px;color:#9aa5b1}.result__value{padding:8px 10px;border-radius:4px;background:rgba(0,0,0,.35);font-size:14px;overflow-wrap:anywhere;user-select:all}.result__raw{margin-top:20px;color:#9aa5b1;font-size:14px;cursor:pointer}.result__pre{max-height:320px;margin:12px 0 0;padding:12px;border-radius:4px;background:rgba(0,0,0,.35);color:#f2f4f6;font-size:12px;line-height:1.5;overflow:auto;cursor:text}.player{position:relative;width:100%;height:100%;background:#000}.player__stage{width:100%;height:100%}.player__stage video,.player__stage canvas{width:100%;height:100%;object-fit:cover}.player__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1002;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;padding:24px;background:rgba(16,20,24,.82);text-align:center}.player__message{margin:0;font-size:20px}.player__message--error{color:#ff6b6b}.player__stream,.player__hint{max-width:520px;margin:0;color:#9aa5b1;font-size:14px}.player__reload{margin-top:6px;padding:10px 22px;border:1px solid rgba(255,255,255,.25);border-radius:6px;background:rgba(0,0,0,0);color:#f2f4f6;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer}.player__reload:hover{border-color:#f2f4f6;background:rgba(255,255,255,.08)}