#beforeAfter .ci4312-frame-panel{padding:14px 18px 4px;background:#fff;border-top:1px solid #eef1f0}
#beforeAfter .ci4312-mode-row{display:flex;justify-content:center;gap:10px}
#beforeAfter .ci4312-mode{min-width:118px;border:1px solid #08aaa4;background:#fff;color:#078d89;border-radius:999px;padding:10px 18px;font-weight:900}
#beforeAfter .ci4312-mode.active{background:#08aaa4;color:#fff}
#beforeAfter .ci4312-colors{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:12px}
#beforeAfter .ci4312-color{border:1px solid #dce5e4;background:#fff;border-radius:999px;padding:7px 11px;display:flex;align-items:center;gap:7px;font-weight:800;font-size:12px}
#beforeAfter .ci4312-color.active{border-color:#08aaa4;box-shadow:0 0 0 2px #e8f8f7}
#beforeAfter .ci4312-color i{display:block;width:18px;height:18px;border-radius:4px;border:1px solid rgba(0,0,0,.12)}
#beforeAfter .ci4312-color[data-frame="black"] i{background:#171717}
#beforeAfter .ci4312-color[data-frame="white"] i{background:#f7f7f3}
#beforeAfter .ci4312-color[data-frame="wood"] i{background:linear-gradient(90deg,#744a32,#b47d55,#82543a,#b98559)}
#beforeAfter .ci4312-color[data-frame="gold"] i{background:linear-gradient(135deg,#74581f,#d7bb72,#8b692a,#e3ca82)}
#beforeAfter .ba-art{box-sizing:content-box!important}
#beforeAfter .ba-art.ci4312-framed{padding:8px!important;box-shadow:0 8px 20px rgba(0,0,0,.24)!important}
#beforeAfter .ba-art.ci4312-black{background:#171717!important}
#beforeAfter .ba-art.ci4312-white{background:#f7f7f3!important}
#beforeAfter .ba-art.ci4312-wood{background:linear-gradient(90deg,#744a32,#b47d55,#82543a,#b98559)!important}
#beforeAfter .ba-art.ci4312-gold{background:linear-gradient(135deg,#74581f,#d7bb72,#8b692a,#e3ca82)!important}
@media(max-width:650px){#beforeAfter .ci4312-frame-panel{padding:12px 12px 2px}#beforeAfter .ci4312-mode{min-width:105px;padding:9px 14px}#beforeAfter .ba-art.ci4312-framed{padding:6px!important}}