/* Premier Studio FL — before/after preset slider */
.pcmp{--pos:50%;position:relative;width:100%;border-radius:6px;overflow:hidden;user-select:none;-webkit-user-select:none;background:#14224A}
.pcmp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.pcmp .pcmp-after{clip-path:inset(0 0 0 var(--pos))}
.pcmp-line{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 8px rgba(0,0,0,.35);pointer-events:none}
.pcmp-knob{position:absolute;top:50%;left:50%;width:46px;height:46px;transform:translate(-50%,-50%);border-radius:50%;background:#14224A;color:#fff;display:grid;place-items:center;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.pcmp-knob svg{width:24px;height:24px}
.pcmp-tag{position:absolute;bottom:14px;padding:5px 10px;border-radius:3px;font:600 13px/1 "Barlow",system-ui,sans-serif;background:rgba(20,34,74,.75);color:#fff;pointer-events:none}
.pcmp-tag.b{left:14px}.pcmp-tag.a{right:14px;background:#fff;color:#14224A}
.pcmp input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.pcmp:has(input:focus-visible){outline:3px solid #8EC3E6;outline-offset:3px}
.pcmp-fs{position:absolute;top:12px;right:12px;z-index:3;width:40px;height:40px;border:0;border-radius:50%;background:rgba(20,34,74,.75);color:#fff;display:grid;place-items:center;cursor:pointer}
.pcmp-fs:focus-visible{outline:3px solid #8EC3E6;outline-offset:2px}
.pcmp-fs svg{width:20px;height:20px}
/* Fullscreen viewer */
.pcmp-overlay{position:fixed;inset:0;z-index:9999;background:#0A1230;display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)}
.pcmp-overlay .pcmp{width:auto;height:auto;max-width:100vw;max-height:100%;border-radius:0}
.pcmp-overlay .pcmp-close{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:14px;z-index:4;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#14224A;font:600 22px/1 system-ui,sans-serif;cursor:pointer}
.pcmp-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font:500 15px system-ui,sans-serif}