input.xcho-toggle[type=checkbox]{-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;position:relative!important;display:inline-block!important;width:40px!important;height:24px!important;min-width:40px!important;flex-shrink:0;margin:0!important;padding:0!important;border:1px solid #5b6470!important;border-radius:99px!important;background:#48515b!important;cursor:pointer;vertical-align:middle;transition:background .16s,border-color .16s;clip:auto!important;overflow:visible!important}input.xcho-toggle[type=checkbox]:after{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0005;transition:transform .16s}input.xcho-toggle[type=checkbox]:checked{background:#08aeea!important;border-color:#08aeea!important}input.xcho-toggle[type=checkbox]:checked:after{transform:translate(16px)}input.xcho-toggle:disabled{opacity:.4;cursor:not-allowed}.xcho-range-control{display:flex;align-items:center;gap:8px;min-width:0;width:100%;flex:1}.xcho-range-control.xcho-range-control>button{display:inline-flex;align-items:center;justify-content:center;width:30px;min-width:30px;height:30px;min-height:30px;padding:0;border:1px solid #ffffff28;border-radius:8px;background:#ffffff08;color:#e9eee5;font:500 18px/1 sans-serif;cursor:pointer;flex-shrink:0}.xcho-range-control>button:hover:not(:disabled){background:#ffffff16;border-color:#08aeea}.xcho-range-control>button:disabled{opacity:.3;cursor:not-allowed}input.xcho-range[type=range]{flex:1;min-width:0;width:0;height:5px;padding:0;margin:0;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;accent-color:#08aeea!important;cursor:pointer}.xcho-color-field{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px}.xcho-color-control{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:0;max-width:100%}.xcho-color-options{display:flex;align-items:center;gap:5px}.xcho-color-options>button{display:block;width:25px;min-width:25px;height:25px;padding:0;border:1px solid #ffffff55;border-radius:50%;cursor:pointer}.xcho-color-options>button[aria-pressed=true]{outline:2px solid #08aeea;outline-offset:2px}input.xcho-color-picker[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:31px!important;min-width:31px;height:31px!important;border:1px solid #ffffff55!important;border-radius:7px!important;background:transparent!important;padding:3px!important;cursor:pointer}input.xcho-color-picker::-webkit-color-swatch-wrapper{padding:0}input.xcho-color-picker::-webkit-color-swatch{border:0;border-radius:3px}input.xcho-color-hex[type=text]{width:88px!important;min-width:75px;height:32px;padding:5px 7px!important;border:1px solid #ffffff30!important;border-radius:7px!important;background:#0d1410!important;color:#e7efe8!important;font:12px/1.4 monospace;-webkit-user-select:text;user-select:text}input.xcho-color-hex[aria-invalid=true]{border-color:#ff8a80!important}.xcho-color-error{flex-basis:100%;color:#ffb4aa;font-size:11px}.xcho-toggle:focus-visible,.xcho-range:focus-visible,.xcho-range-control>button:focus-visible,.xcho-color-control input:focus-visible,.xcho-color-options button:focus-visible{outline:2px solid #38bdf8!important;outline-offset:3px}@media(prefers-reduced-motion:reduce){input.xcho-toggle,input.xcho-toggle:after{transition:none!important}}.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-composition{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);max-width:100%;min-width:0;overflow:hidden;background:#000}.xcho-live-composition video,.xcho-live-composition canvas{grid-area:1/1;display:block;box-sizing:border-box;width:100%;height:100%;min-width:0;min-height:0;max-width:none;max-height:none}.xcho-live-composition video{object-fit:contain}.xcho-live-composition canvas{z-index:1;object-fit:fill;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 .xcho-live-composition{width:min(100%,calc((100vh - 70px)*var(--xcho-live-aspect,.5625)))!important;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}}