.xcho-live-player{width:100%;background:#080b06;border:1px solid #34452c;border-radius:18px;overflow:hidden;color:#edf2e8;font-family:Kanit,system-ui,sans-serif}.xcho-live-stage{position:relative;display:grid;place-items:center;min-height:180px;background:#000}.xcho-live-stage video{display:block;max-width:100%;width:auto;max-height:66vh;object-fit:contain}.xcho-live-stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%;object-fit:contain;pointer-events:none}.xcho-live-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:12px;background:#080b0680;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.xcho-live-spinner{width:24px;height:24px;border:3px solid #76a55b;border-top-color:#0f0;border-radius:50%;animation:xcho-live-spin .8s linear infinite}.xcho-live-controls{display:flex;align-items:center;gap:12px;padding:12px}.xcho-live-controls button{min-width:42px;min-height:42px;background:#173610;border:1px solid #306322;border-radius:12px;color:#0f0;cursor:pointer}.xcho-live-controls input{flex:1;min-width:30px;accent-color:#0f0}.xcho-live-controls span{font-size:12px;white-space:nowrap}.xcho-live-error{padding:10px 15px;margin:0;background:#42251d;color:#ffd6c5;font-size:14px}.xcho-live-player:fullscreen{display:flex;flex-direction:column;justify-content:center;border:0;border-radius:0}.xcho-live-player:fullscreen .xcho-live-stage{flex:1;min-height:0}.xcho-live-player:fullscreen video{max-height:calc(100vh - 70px)}@keyframes xcho-live-spin{to{transform:rotate(360deg)}}@media(max-width:480px){.xcho-live-controls{gap:8px;padding:9px}.xcho-live-controls span{font-size:11px}.xcho-live-stage video{max-height:62vh}}.xcho-live-composition{position:relative;max-width:100%;background:#000}.xcho-live-composition video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:none;object-fit:contain}.xcho-live-composition canvas{width:100%;height:100%;object-fit:contain}.xcho-live-player:fullscreen .xcho-live-composition{width:min(100%,calc((100vh - 70px)*var(--xcho-live-aspect,.5625)))!important;max-height:calc(100vh - 70px)}