.live-studio{--ls-accent:#ff5b35;--ls-surface:#171717;--ls-text:#fff;position:fixed;z-index:10020;bottom:max(22px,env(safe-area-inset-bottom));font-family:inherit;color:var(--ls-text);line-height:1.35}.live-studio--right{right:max(22px,env(safe-area-inset-right))}.live-studio--left{left:max(22px,env(safe-area-inset-left))}.live-studio *{box-sizing:border-box}.live-studio button,.live-studio a{font:inherit}.live-studio__trigger{border:0;border-radius:999px;background:var(--ls-surface);color:var(--ls-text);min-height:48px;padding:0 14px;display:flex;align-items:center;gap:9px;box-shadow:0 10px 35px rgba(0,0,0,.18);cursor:pointer;transition:transform .22s ease,box-shadow .22s ease}.live-studio__trigger:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(0,0,0,.24)}.live-studio__signal{width:7px;height:7px;border-radius:50%;background:var(--ls-accent);box-shadow:0 0 0 0 color-mix(in srgb,var(--ls-accent) 45%,transparent);animation:ls-pulse 2.4s infinite}.live-studio__trigger-label{font-size:12px;font-weight:600;letter-spacing:.02em}.live-studio__plus{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.12);font-size:16px;line-height:1;transition:transform .25s}.live-studio.is-open .live-studio__plus{transform:rotate(45deg)}.live-studio__panel{position:absolute;bottom:59px;width:min(350px,calc(100vw - 30px));padding:25px 24px 17px;border-radius:14px;background:var(--ls-surface);color:var(--ls-text);box-shadow:0 22px 65px rgba(0,0,0,.24);opacity:0;visibility:hidden;transform:translateY(10px) scale(.97);transform-origin:bottom right;transition:opacity .25s ease,transform .25s ease,visibility .25s}.live-studio--right .live-studio__panel{right:0}.live-studio--left .live-studio__panel{left:0;transform-origin:bottom left}.live-studio.is-open .live-studio__panel{opacity:1;visibility:visible;transform:none}.live-studio__close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:inherit;opacity:.5;cursor:pointer;font-size:20px}.live-studio__eyebrow{padding-right:25px;color:var(--ls-accent);font-size:10px;line-height:1.3;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.live-studio__title{font-size:24px;line-height:1.08;letter-spacing:-.035em;font-weight:500;margin:15px 0 0;color:inherit}.live-studio__text{font-size:13px;line-height:1.55;opacity:.66;margin:11px 0 0}.live-studio__link{margin-top:19px;padding-top:14px;border-top:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:space-between;color:inherit;text-decoration:none;font-size:12px;font-weight:600}.live-studio__link:hover{color:var(--ls-accent)}.live-studio__link[hidden],.live-studio__text[hidden]{display:none}.live-studio__meta{display:flex;justify-content:space-between;margin-top:18px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;opacity:.38}.live-studio.is-entering{animation:ls-enter .5s cubic-bezier(.2,.8,.2,1) both}@keyframes ls-enter{from{opacity:0;transform:translateY(14px)}}@keyframes ls-pulse{50%{box-shadow:0 0 0 7px transparent}}@media(max-width:640px){.live-studio{bottom:max(14px,env(safe-area-inset-bottom))}.live-studio--right{right:max(14px,env(safe-area-inset-right))}.live-studio--left{left:max(14px,env(safe-area-inset-left))}.live-studio.ls-hide-mobile{display:none}.live-studio__panel{width:calc(100vw - 28px)}.live-studio__title{font-size:22px}}@media(prefers-reduced-motion:reduce){.live-studio *{animation:none!important;transition:none!important}}

/* Slide-out drawer and persistent edge restore handle (v1.1). */
.live-studio__trigger{transition:transform .42s cubic-bezier(.22,.8,.22,1),opacity .25s,visibility .25s,box-shadow .22s ease}.live-studio__panel{transition:opacity .3s ease,transform .42s cubic-bezier(.22,.8,.22,1),visibility .3s}.live-studio__close{width:31px;height:31px;border-radius:50%;background:rgba(255,255,255,.08);opacity:.72;line-height:1;transition:opacity .2s,background .2s}.live-studio__close:hover{opacity:1;background:rgba(255,255,255,.16)}.live-studio__eyebrow{padding-right:34px}
.live-studio__restore{position:fixed;z-index:10021;bottom:max(28px,env(safe-area-inset-bottom));width:32px;min-height:88px;padding:8px 5px;border:0;background:var(--ls-surface);color:var(--ls-text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.2);opacity:0;visibility:hidden;transition:transform .42s cubic-bezier(.22,.8,.22,1),opacity .25s,visibility .25s}.live-studio--right .live-studio__restore{right:0;border-radius:9px 0 0 9px;transform:translateX(100%)}.live-studio--left .live-studio__restore{left:0;border-radius:0 9px 9px 0;transform:translateX(-100%)}.live-studio__restore-signal{width:6px;height:6px;border-radius:50%;background:var(--ls-accent);animation:ls-pulse 2.4s infinite}.live-studio__restore-arrow{font-size:18px;line-height:1}.live-studio__restore-label{font-size:8px;font-weight:700;letter-spacing:.13em;writing-mode:vertical-rl;text-transform:uppercase}.live-studio--left .live-studio__restore-label{transform:rotate(180deg)}
.live-studio.is-dismissed .live-studio__trigger{opacity:0;visibility:hidden}.live-studio--right.is-dismissed .live-studio__trigger{transform:translateX(calc(100% + 50px))}.live-studio--left.is-dismissed .live-studio__trigger{transform:translateX(calc(-100% - 50px))}.live-studio.is-dismissed .live-studio__panel{opacity:0;visibility:hidden}.live-studio--right.is-dismissed .live-studio__panel{transform:translateX(calc(100% + 60px))}.live-studio--left.is-dismissed .live-studio__panel{transform:translateX(calc(-100% - 60px))}.live-studio.is-dismissed .live-studio__restore{opacity:1;visibility:visible;transform:translateX(0)}.live-studio__restore:hover{background:var(--ls-accent)}
@media(max-width:640px){.live-studio__restore{bottom:max(18px,env(safe-area-inset-bottom))}}

/* Keep the widget outside YOOtheme layout rules. */
html body .live-studio{position:fixed!important;z-index:10020!important;margin:0!important;width:auto!important;max-width:none!important}
html body .live-studio--right{right:max(22px,env(safe-area-inset-right))!important;left:auto!important}
html body .live-studio--left{left:max(22px,env(safe-area-inset-left))!important;right:auto!important}
@media(max-width:640px){html body .live-studio--right{right:max(14px,env(safe-area-inset-right))!important}html body .live-studio--left{left:max(14px,env(safe-area-inset-left))!important}}

/* v1.4 — one control morphs from pill to card. */
.live-studio__trigger{transform-origin:bottom right;transition:opacity .22s ease,transform .42s cubic-bezier(.2,.82,.2,1),visibility .22s,box-shadow .22s ease}.live-studio--left .live-studio__trigger{transform-origin:bottom left}.live-studio.is-open .live-studio__trigger{opacity:0;visibility:hidden;pointer-events:none;transform:scale(.62)}
.live-studio__panel{bottom:0;width:min(330px,calc(100vw - 30px));transform:scale(.2);border-radius:18px;transform-origin:bottom right;transition:opacity .24s ease,transform .48s cubic-bezier(.2,.82,.2,1),visibility .24s,border-radius .42s ease}.live-studio--left .live-studio__panel{transform-origin:bottom left}.live-studio.is-open .live-studio__panel{transform:scale(1);border-radius:14px}.live-studio__title{font-size:18px;line-height:1.22;letter-spacing:-.025em;margin-top:12px}.live-studio__text{font-size:12px}.live-studio__eyebrow{font-size:9px}.live-studio__close{top:9px;right:9px}
@media(max-width:640px){.live-studio__title{font-size:17px}.live-studio__panel{width:calc(100vw - 28px)}}
.live-studio.ls-no-content{display:none!important}

/* v1.5.2 — edge-handle contrast isolated from YOOtheme button states. */
html body .live-studio .live-studio__restore{background:var(--ls-surface)!important;color:var(--ls-text)!important}
html body .live-studio .live-studio__restore:hover,html body .live-studio .live-studio__restore:focus-visible{background:var(--ls-accent)!important;color:var(--ls-surface)!important}
html body .live-studio .live-studio__restore:hover .live-studio__restore-signal,html body .live-studio .live-studio__restore:focus-visible .live-studio__restore-signal{background:var(--ls-surface)!important;box-shadow:none!important}

/* v1.5.3 — subtle transition during live content rotation. */
.live-studio__panel>div,.live-studio__panel>h2,.live-studio__panel>p,.live-studio__panel>a{transition:opacity .18s ease,transform .18s ease}
.live-studio.is-changing .live-studio__panel>div,.live-studio.is-changing .live-studio__panel>h2,.live-studio.is-changing .live-studio__panel>p,.live-studio.is-changing .live-studio__panel>a{opacity:0;transform:translateY(4px)}

/* v1.6 — the full card auto-opens; no preliminary action is required. */
html body .live-studio .live-studio__trigger{display:none!important}
