/* Isolated Creative Studio extension. No selectors outside #creative-studio. */
#creative-studio .csl-art{height:auto;aspect-ratio:1.45;background:#1e1e26;isolation:isolate;position:relative;margin:10px 10px 0;border-radius:21px 21px 5px 21px;overflow:hidden}
#creative-studio .csl-art:after{display:none}
#creative-studio .csl-scene{position:absolute;inset:0;overflow:hidden}
#creative-studio .csl-scene[hidden]{display:none}
#creative-studio .csl-scene>img,#creative-studio .csl-scene>video{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
#creative-studio .csl-scene:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#101019b8);pointer-events:none}
#creative-studio .csl-caption{position:absolute;bottom:16px;left:18px;right:18px;z-index:2;color:#fff;font:500 12px/1.4 Montserrat,sans-serif;display:flex;align-items:center;justify-content:space-between;gap:10px}
#creative-studio .csl-caption small{font-size:9px;letter-spacing:.08em;text-transform:uppercase}
#creative-studio .csl-play{position:absolute;right:13px;top:13px;z-index:3;display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff7a;background:#22222c80;color:#fff;border-radius:50%;backdrop-filter:blur(10px);cursor:pointer}
#creative-studio .csl-play:before{content:"";width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor;margin-left:3px}
#creative-studio .csl-play:hover{background:#ff450a;border-color:#ff450a}
#creative-studio .csl-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:13px 20px 0}
#creative-studio .csl-tab{border:1px solid #d5d5de;background:transparent;color:#53535f;padding:7px 10px;border-radius:9px 9px 2px 9px;font:500 10px/1.3 Montserrat,sans-serif;cursor:pointer}
#creative-studio .csl-tab[aria-pressed="true"]{background:#272733;border-color:#272733;color:#fff}
#creative-studio .csl-tab:hover{border-color:#ff450a}
#creative-studio .csl-card .hc-studio-copy{padding-top:20px}
#creative-studio .csl-card .hc-studio-copy h3{margin-top:17px}
#creative-studio .csl-open{margin-top:auto;align-self:flex-start;border:0;border-bottom:1px solid #ff450a;background:none;color:#272733;padding:16px 0 6px;font:600 12px Montserrat,sans-serif;cursor:pointer}
#creative-studio .csl-open:hover{color:#ff450a}
#creative-studio .csl-lens{background:#d8dee5}
#creative-studio .csl-lens>img{object-position:center 45%}
#creative-studio .csl-lens-after{clip-path:inset(0 0 0 50%);animation:csl-wipe 6s ease-in-out infinite}
#creative-studio .csl-lens:before{content:"";position:absolute;z-index:2;top:0;bottom:0;left:50%;width:2px;background:white;animation:csl-line 6s ease-in-out infinite}
#creative-studio .csl-lens .csl-caption:before{content:"До / После";padding:5px 9px;border:1px solid #ffffff70;border-radius:30px}
#creative-studio .csl-ollin img{object-fit:cover;object-position:center 35%}
#creative-studio .csl-ollin img:not(:first-child){opacity:0;animation:csl-slides 15s infinite}
#creative-studio .csl-ollin img:nth-child(2){animation-delay:0s}
#creative-studio .csl-ollin img:nth-child(3){animation-delay:5s}
#creative-studio .csl-section-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0 0}
#creative-studio .csl-section-tools p{font-size:11px;line-height:1.5;color:#71717d;margin:0}
#creative-studio .csl-motion{white-space:nowrap;border:1px solid #d4d4de;background:none;border-radius:9px 9px 2px 9px;padding:9px 12px;font:500 10px Montserrat,sans-serif;color:#53535f;cursor:pointer}
#creative-studio[data-preview-paused="true"] .csl-scene *,#creative-studio[data-preview-paused="true"] .csl-scene:before{animation-play-state:paused}
#creative-studio .hc-precision{grid-template-columns:.7fr 1.3fr;gap:36px;padding:36px}
#creative-studio .hc-message-tabs button[aria-pressed="true"]{background:#ff450a;border-color:#ff450a;color:#fff;box-shadow:0 3px 10px #ff450a20}
#creative-studio .hc-ad-example{min-height:360px;padding:27px;background:#15151e;isolation:isolate}
#creative-studio .csl-precision-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-2}
#creative-studio .csl-precision-frame[hidden]{display:none}
#creative-studio .hc-ad-example:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101018e8,#10101880 55%,#10101808);z-index:-1}
#creative-studio .hc-ad-example h4{font-size:clamp(27px,2.7vw,40px);max-width:75%;margin-top:55px;color:#fff;text-shadow:0 1px 18px #0005}
#creative-studio .hc-ad-example>p{max-width:62%;color:#f1f1f6;font-size:12px}
#creative-studio .hc-ad-label{color:#fff;font-size:9px;background:#17171e66;padding:5px 8px;border-radius:4px}
#creative-studio .hc-ad-cta{width:auto;min-width:145px;gap:24px;background:#ff450a;color:#fff;border:0;padding:10px 12px;border-radius:9px 9px 2px 9px;margin-top:10px}
#creative-studio .hc-ad-cta .brand-clasp{width:16px;height:16px}
#creative-studio .csl-frame-index{position:absolute;bottom:20px;right:20px;color:#fff;font:10px Montserrat,sans-serif;letter-spacing:.12em}
#creative-studio .csl-precision-foot{display:flex;justify-content:space-between;gap:16px;font-size:10px;line-height:1.5;color:#71717d;margin:12px 0 0}
#creative-studio .csl-precision-foot span:last-child{white-space:nowrap}
#creative-studio .csl-shop{margin-top:40px;background:#f4f4f8;border:1px solid #e5e5ee;border-radius:28px 28px 6px 28px;padding:32px;display:grid;grid-template-columns:.7fr 1.3fr;gap:35px;align-items:center}
#creative-studio .csl-shop h3{font-size:clamp(27px,2.6vw,36px);line-height:1.12;font-weight:500;margin:22px 0}
#creative-studio .csl-shop p:not(.eyebrow){font-size:14px;line-height:1.65;color:#71717d}
#creative-studio .csl-shop-stage{position:relative;background:#fff;border-radius:20px 20px 5px 20px;aspect-ratio:16/9;min-width:0;overflow:hidden}
#creative-studio .csl-shop-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}
#creative-studio .csl-shop .text-action{font-size:12px;margin-top:20px}
#creative-studio .csl-shop-cover{position:absolute;inset:0;background:#f0f2eb;display:flex;align-items:flex-end;justify-content:center}
#creative-studio .csl-shop-cover video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff}
#creative-studio .csl-shop-start{z-index:1;position:relative;margin:20px;background:#272733;color:#fff;border:0;border-radius:12px 12px 3px 12px;padding:14px 18px;font:600 12px Montserrat,sans-serif;cursor:pointer}
#creative-studio .csl-shop-cover[hidden]{display:none}
#creative-studio .csl-dialog{max-width:min(1100px,calc(100vw - 28px));width:1100px;max-height:calc(100dvh - 28px);border:0;padding:24px;border-radius:24px 24px 5px 24px;background:#f5f5f8;color:#272733;box-sizing:border-box;overflow:auto}
#creative-studio .csl-dialog::backdrop{background:#15151de8;backdrop-filter:blur(8px)}
#creative-studio .csl-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}
#creative-studio .csl-dialog h3{font-size:24px;line-height:1.2;margin:0}
#creative-studio .csl-dialog-close{width:38px;height:38px;flex-shrink:0;background:#fff;border:1px solid #d5d5de;border-radius:50%;font:24px Raleway,sans-serif;cursor:pointer}
#creative-studio .csl-dialog-stage{position:relative;aspect-ratio:16/9;background:#e9e9ef;border-radius:12px;overflow:hidden}
#creative-studio .csl-dialog-stage{max-height:calc(100dvh - 180px)}
#creative-studio .csl-dialog-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:white}
#creative-studio .csl-dialog-stage[data-shape="portrait"]{aspect-ratio:2/3;width:min(320px,100%,calc((100dvh - 200px) * .6667));margin:0 auto;max-height:none}
#creative-studio .csl-dialog-stage[data-shape="shop"]{aspect-ratio:581/550;max-width:581px;margin:0 auto}
#creative-studio .csl-dialog-stage[data-shape="page"]{aspect-ratio:auto;height:min(68dvh,650px)}
#creative-studio .csl-dialog-stage[data-shape="bar"]{aspect-ratio:auto;height:240px}
#creative-studio .csl-dialog-source{font-size:12px;display:inline-block;margin-top:17px;color:#555561;text-underline-offset:4px}
#creative-studio :is(button,a):focus-visible{outline:3px solid #ff450a;outline-offset:4px}
#creative-studio,#creative-studio #precision,#creative-studio #creative-shoppable{scroll-margin-top:120px}
@keyframes csl-wipe{0%,100%{clip-path:inset(0 0 0 28%)}50%{clip-path:inset(0 0 0 72%)}}
@keyframes csl-line{0%,100%{left:28%}50%{left:72%}}
@keyframes csl-slides{0%,32%{opacity:0}35%,64%{opacity:1}68%,100%{opacity:0}}
@media(max-width:1050px){#creative-studio .hc-studio-copy{padding:22px}#creative-studio .hc-studio-copy h3{font-size:27px}#creative-studio .csl-tabs{padding-left:14px;padding-right:14px}#creative-studio .csl-tab{font-size:9px;padding:7px 8px}#creative-studio .hc-precision{padding:25px;gap:25px}#creative-studio .hc-ad-example>p{max-width:78%}#creative-studio .csl-shop{gap:24px;padding:25px}}
@media(max-width:760px){#creative-studio .hc-studio-grid{grid-template-columns:1fr}#creative-studio .csl-art{aspect-ratio:1.6;max-height:350px}#creative-studio .hc-studio-copy{padding:24px}#creative-studio .hc-studio-copy h3{font-size:31px}#creative-studio .csl-tab{font-size:10px}#creative-studio .hc-precision{grid-template-columns:1fr;padding:24px;gap:24px}#creative-studio .hc-ad-example{min-height:340px}#creative-studio .hc-ad-example h4{font-size:34px;margin-top:55px;max-width:86%}#creative-studio .hc-ad-example>p{max-width:75%}#creative-studio .csl-precision-frame{object-position:60% center}#creative-studio .csl-shop{grid-template-columns:1fr;padding:24px;gap:24px}#creative-studio .csl-shop-stage{aspect-ratio:16/9}#creative-studio .csl-section-tools{align-items:start}#creative-studio .csl-precision-foot{flex-direction:column;gap:3px}#creative-studio .csl-dialog{padding:16px}#creative-studio .csl-dialog h3{font-size:19px}#creative-studio .csl-dialog-stage{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){#creative-studio .csl-scene *,#creative-studio .csl-scene:before{animation:none!important}}