.ac-player{--ac-accent:#8b8be4;--ac-line:#f3f3ef;--ac-label:#fff;--ac-text:#fff;--ac-bg:#282830;width:100%;max-width:480px;margin-inline:auto;direction:ltr}
.ac-player *{box-sizing:border-box}.ac-stage{position:relative;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#202128;isolation:isolate}.ac-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ac-before{clip-path:inset(0 calc(100% - var(--ac-split,50%)) 0 0)}.ac-demo{filter:grayscale(1) contrast(.85)}.ac-labels{position:absolute;top:16px;left:14px;right:14px;display:flex;justify-content:space-between;pointer-events:none}.ac-labels span{font:12px Arial,sans-serif;color:var(--ac-label);background:#101112aa;padding:8px;border-radius:6px}.ac-divider{position:absolute;top:0;bottom:0;width:2px;left:var(--ac-split,50%);transform:translateX(-50%);background:var(--ac-line);pointer-events:none}.ac-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--ac-accent);color:#101112;border:2px solid var(--ac-line);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font:24px Arial,sans-serif;white-space:pre}.ac-slider{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:ew-resize;margin:0;touch-action:pan-y}.ac-stage:focus-within{outline:3px solid var(--ac-accent);outline-offset:4px}.ac-controls{padding:12px 0;border-bottom:1px solid #ffffff30}.ac-toggle{border:1px solid #ffffff35;background:var(--ac-bg);color:var(--ac-text);font:14px Arial,sans-serif;padding:10px 14px;border-radius:8px;cursor:pointer}.ac-status{color:var(--ac-text)}