[data-tool=before_after_video_comparison] header{margin-bottom:12px}
[data-tool=before_after_video_comparison] header{position:relative;margin:0 0 18px;padding:22px 28px;border:1px solid #6f5686;border-radius:20px;background:radial-gradient(circle at 92% 0,rgba(246,205,99,.13),transparent 38%),radial-gradient(circle at 0 100%,rgba(155,96,215,.28),transparent 48%),linear-gradient(135deg,#2d2640,#242032 60%,#1d1a29);box-shadow:0 18px 40px rgba(0,0,0,.28)}
[data-tool=before_after_video_comparison] header>span{display:inline-flex;align-items:center;gap:8px;color:#f6cd63!important;font-size:.72rem!important;font-weight:700}[data-tool=before_after_video_comparison] header>span::before{content:'';width:22px;height:2px;background:#f6cd63;border-radius:2px}
[data-tool=before_after_video_comparison] header h1{margin:8px 0 6px}[data-tool=before_after_video_comparison] header p{max-width:780px;margin:0}
[data-tool=before_after_video_comparison] .bc-hero-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:16px 0 0;padding:0}[data-tool=before_after_video_comparison] .bc-hero-chips li{padding:6px 12px;border:1px solid #5d4775;border-radius:999px;background:rgba(20,15,30,.55);color:#e2d3f2;font-size:.76rem}
[data-tool=before_after_video_comparison] header{display:grid;grid-template-columns:minmax(0,1fr) 300px;column-gap:28px}[data-tool=before_after_video_comparison] header>*:not(.bc-command){grid-column:1}[data-tool=before_after_video_comparison] header .bc-command{grid-column:2;grid-row:1/5;align-self:center;display:grid;grid-template-columns:1fr 1fr;margin:0;padding-left:24px;border-left:1px solid rgba(111,86,134,.55);gap:10px}[data-tool=before_after_video_comparison] header .bc-command>*{text-align:center}[data-tool=before_after_video_comparison] #bcDemo,[data-tool=before_after_video_comparison] header .bc-command>.bc-upload{grid-column:1/-1}[data-tool=before_after_video_comparison] header .bc-command>*{white-space:nowrap;padding-left:8px;padding-right:8px}[data-tool=before_after_video_comparison] #bcDemo{background:#f6cd63;color:#231a08;border:0;font-weight:700}
[data-tool=before_after_video_comparison] .bc-workspace{background:#1c1628;padding:18px}
[data-tool=before_after_video_comparison] .bc-layout{grid-template-columns:minmax(0,1fr) 340px!important;gap:18px!important}
[data-tool=before_after_video_comparison] .bc-main{display:flex;flex-direction:column;gap:14px;min-width:0}
[data-tool=before_after_video_comparison] .bc-main .bc-sources{gap:14px}[data-tool=before_after_video_comparison] .bc-source{position:relative;padding:14px 16px;border:1px solid #4d3b63;border-radius:14px;background:linear-gradient(160deg,#261d35,#1a1424);display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:4px 14px;align-items:end}
[data-tool=before_after_video_comparison] .bc-source>span{grid-column:1/-1;font-weight:700;font-size:.68rem!important;text-transform:uppercase}[data-tool=before_after_video_comparison] .bc-source:first-child{border-left:4px solid #9b6bd2}[data-tool=before_after_video_comparison] .bc-source:last-child{border-left:4px solid #f6cd63}
[data-tool=before_after_video_comparison] .bc-source .bc-upload{margin:6px 0 0!important}[data-tool=before_after_video_comparison] .bc-source p{grid-column:1;margin:0;color:#a996bd}[data-tool=before_after_video_comparison] .bc-source label:not(.bc-upload){grid-column:2;grid-row:2/4;margin:0}
[data-tool=before_after_video_comparison] .bc-stage{padding:16px;border:1px solid #4d3b63;border-radius:16px;background:#150f1f}[data-tool=before_after_video_comparison] .bc-stage-head{padding:0 0 12px!important}[data-tool=before_after_video_comparison] .bc-stage-head span{align-self:flex-start;width:max-content;padding:3px 10px;border:1px solid #4d3b63;border-radius:999px;font-size:.7rem}
[data-tool=before_after_video_comparison] .bc-playbar{margin:14px 0 0!important;padding:10px 12px;border-radius:12px;background:#21182e}[data-tool=before_after_video_comparison] .bc-exportbar{margin:12px 0!important}[data-tool=before_after_video_comparison] #bcStatus{margin:0}
[data-tool=before_after_video_comparison] .bc-rail{position:sticky;top:10px;border:1px solid #4d3b63;padding:16px!important}[data-tool=before_after_video_comparison] .bc-rail-title{margin:0 0 4px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#c89df5}[data-tool=before_after_video_comparison] .bc-rail nav{margin:10px 0 6px!important}
[data-tool=before_after_video_comparison] .bc-rail h3{margin:16px 0 4px;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#f6cd63}[data-tool=before_after_video_comparison] .bc-rail label:has(>input[type=checkbox]){flex-direction:row;align-items:center;gap:10px}
[data-tool=before_after_video_comparison] .bc-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:14px;align-items:start}[data-tool=before_after_video_comparison] .bc-layout>*{min-width:0}
[data-tool=before_after_video_comparison] .bc-stage{position:static}
[data-tool=before_after_video_comparison] #bcCanvas{display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:50vh;margin:0 auto}[data-tool=before_after_video_comparison] .bc-stage{overflow:hidden;box-sizing:border-box;max-width:100%}[data-tool=before_after_video_comparison] .bc-workspace{box-sizing:border-box;max-width:100%}
[data-tool=before_after_video_comparison] #bcPlay,[data-tool=before_after_video_comparison] #bcExport{background:#f6cd63;color:#231a08;border:0;font-weight:700}[data-tool=before_after_video_comparison] #bcPlay:disabled,[data-tool=before_after_video_comparison] #bcExport:disabled{opacity:.5}
[data-tool=before_after_video_comparison] #bcStatus{color:#f6cd63;overflow-wrap:anywhere}[data-tool=before_after_video_comparison] #bcSeek{flex:1 1 140px;min-width:0}[data-tool=before_after_video_comparison] .bc-playbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}[data-tool=before_after_video_comparison] button{min-height:44px}
@media(max-width:620px){[data-tool=before_after_video_comparison] .bc-source{grid-template-columns:minmax(0,1fr) 120px}[data-tool=before_after_video_comparison] .bc-main .bc-sources{grid-template-columns:1fr}[data-tool=before_after_video_comparison] header .bc-command>*{flex:1 1 140px;text-align:center}}
@media(max-width:980px){[data-tool=before_after_video_comparison] header{grid-template-columns:minmax(0,1fr)}[data-tool=before_after_video_comparison] header .bc-command{grid-column:1;grid-row:auto;margin-top:16px;padding:16px 0 0;border-left:0;border-top:1px solid rgba(111,86,134,.55)}[data-tool=before_after_video_comparison] .bc-layout{grid-template-columns:minmax(0,1fr)!important}[data-tool=before_after_video_comparison] .bc-rail{position:static}[data-tool=before_after_video_comparison] header{padding:20px 18px}[data-tool=before_after_video_comparison] .bc-workspace{padding:12px}[data-tool=before_after_video_comparison] #bcCanvas{max-height:none}[data-tool=before_after_video_comparison] input:not([type=range]):not([type=checkbox]):not([type=color]),[data-tool=before_after_video_comparison] select{font-size:16px}}