.preview-panel,.studio-preview-panel{position:relative}
.live-control-host,.live-options{display:contents;font-family:inherit}
.preview-toolbar,.studio-preview-toolbar{position:relative;gap:12px;flex-wrap:wrap}
.preview-switches,.studio-preview-switches{flex-wrap:wrap;gap:10px 14px;align-items:center}
.is-live-mode [data-cover-layout="desktop"] :is(.preview-switches,.studio-preview-switches){flex:0 0 calc(50% + var(--cover-preview-width,390px)/2);margin-left:auto;justify-content:flex-start}
.live-control-host button,.live-details>summary{position:relative;display:inline-flex;align-items:center;gap:8px;width:auto;min-height:18px;padding:0;border:0;border-radius:0;background:transparent;color:rgba(255,255,255,.72);font:inherit;font-size:10px;line-height:18px;white-space:nowrap;flex-shrink:0;cursor:pointer}
.live-control-host button::before,.live-details>summary::before{content:"";display:block;flex:none;width:32px;height:18px;border-radius:999px;background:#6b6762;transition:background .16s}
.live-control-host button::after,.live-details>summary::after{content:"";position:absolute;left:2px;top:calc(50% - 7px);width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .16s}
.live-control-host button:is([aria-pressed="true"],[data-active="true"])::before,.live-details[open]>summary::before{background:var(--red,#ff2442)}
.live-control-host button:is([aria-pressed="true"],[data-active="true"])::after,.live-details[open]>summary::after{transform:translateX(14px)}
.live-options[hidden],.live-control-host [hidden]{display:none!important}
.live-control-host button:disabled{opacity:.45;cursor:not-allowed}
.live-control-host button:focus-visible,.live-details>summary:focus-visible{outline:2px solid #fff;outline-offset:4px}
.live-details{font:inherit;line-height:18px}
.live-details>summary{list-style:none}
.live-details>summary::-webkit-details-marker{display:none}
.live-settings-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:10;width:min(280px,100%);padding:14px;border:1px solid #ffffff26;border-radius:12px;background:#242321;box-shadow:0 8px 24px #0004;color:rgba(255,255,255,.72);font-size:10px;line-height:1.7;white-space:normal}
.live-details p{margin:10px 0;font-size:10px}
.live-details a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.live-status{flex-basis:100%;font-size:10px;line-height:1.6;color:rgba(255,255,255,.72);text-align:right;overflow-wrap:anywhere}
.live-status:empty{display:none}
.is-live-mode [data-live-lock],.is-live-mode [data-live-lock] *{cursor:not-allowed!important}
.is-live-mode [data-live-lock]{opacity:.42;filter:grayscale(1)}
@media(prefers-reduced-motion:reduce){.live-control-host *,.live-control-host ::before,.live-control-host ::after{transition:none;scroll-behavior:auto}}
/* Full-screen editors hide the regular toolbar; keep their Live entry accessible. */
:is(.studio-grid[data-cover-layout="split"],.studio-grid.is-mobile-editor-open,.cover-studio-grid[data-cover-layout="split"],.cover-studio-grid:has(.is-compact-open)) :is(.preview-toolbar,.studio-preview-toolbar){display:contents!important}
:is(.studio-grid[data-cover-layout="split"],.studio-grid.is-mobile-editor-open,.cover-studio-grid[data-cover-layout="split"],.cover-studio-grid:has(.is-compact-open)) :is(.preview-toolbar,.studio-preview-toolbar)>:not(.preview-switches,.studio-preview-switches){display:none}
:is(.studio-grid[data-cover-layout="split"],.studio-grid.is-mobile-editor-open,.cover-studio-grid[data-cover-layout="split"],.cover-studio-grid:has(.is-compact-open)) :is(.preview-switches,.studio-preview-switches){display:contents}
:is(.studio-grid[data-cover-layout="split"],.studio-grid.is-mobile-editor-open,.cover-studio-grid[data-cover-layout="split"],.cover-studio-grid:has(.is-compact-open)) :is(.preview-switches,.studio-preview-switches)>:not(.live-control-host){display:none}
:is(.studio-grid[data-cover-layout="split"],.studio-grid.is-mobile-editor-open,.cover-studio-grid[data-cover-layout="split"],.cover-studio-grid:has(.is-compact-open)) .live-control-host{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px 14px;position:absolute;top:58px;left:8px;right:8px;z-index:8}

/* Split editors reserve a separate Live row above both panes. */
:is(.studio-grid,.cover-studio-grid)[data-cover-layout="split"] :is(.preview-panel,.studio-preview-panel){padding-top:max(56px,env(safe-area-inset-top))}
:is(.studio-grid,.cover-studio-grid)[data-cover-layout="split"] .live-control-host{top:14px;left:12px;right:12px}

/* One-click sticker gallery: desktop rail, compact screens use a horizontal row. */
.live-gallery-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;gap:8px}
.live-gallery-heading strong{font-size:12px;font-weight:600;color:#f5f5f7}
.live-gallery-heading span{font-size:10px;color:#a1a1a6}
.live-gallery{display:grid;gap:10px}
.live-gallery .live-style-card{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;min-width:0;padding:0;overflow:hidden;border:1px solid #ffffff18;border-radius:12px;background:#ffffff05;white-space:normal;transition:border-color .18s,background .18s}
.live-gallery .live-style-card::before,.live-gallery .live-style-card::after{display:none}
.live-gallery .live-style-card:hover{background:#ffffff0c;border-color:#ffffff45}
.live-gallery .live-style-card[aria-pressed="true"]{border-color:#f5f5f7;background:#ffffff0d;box-shadow:0 0 0 1px #ffffff20}
.live-style-art{display:flex;align-items:center;justify-content:center;height:76px;padding:5px}
.live-style-art canvas{display:block;width:100%;height:auto;aspect-ratio:3;max-height:100%;object-fit:contain}
.live-style-name{display:flex;align-items:center;justify-content:space-between;padding:0 10px 10px;color:#e5e5ea;font-size:11px;line-height:16px;text-align:left}
.live-style-name i{visibility:hidden;font-style:normal;font-size:10px;width:15px;height:15px;line-height:15px;text-align:center;border-radius:50%;background:#f5f5f7;color:#242321}
[aria-pressed="true"]>.live-style-name i{visibility:visible}
.live-help{margin-top:16px;border-top:1px solid #ffffff12;padding-top:10px;color:#a1a1a6}
.live-help>summary{cursor:pointer;font-size:10px;list-style:none}
.live-help>summary::after{content:'＋';float:right}
.live-help[open]>summary::after{content:'−'}
.live-help>summary::-webkit-details-marker{display:none}
@media(min-width:800px) and (pointer:fine), (min-width:1000px) and (pointer:coarse){
 .live-details[open]>.live-settings-panel{top:calc(100% + 10px);right:0;width:156px;max-height:calc(100vh - 180px);box-sizing:border-box;overflow-y:auto;padding:12px 0;border:0;border-radius:0;background:transparent;box-shadow:none}
}
@media(max-width:799px), (max-width:999px) and (pointer:coarse){
 .live-details[open]>.live-settings-panel{position:relative;top:auto;right:auto;width:100%;box-sizing:border-box;margin-top:10px;padding:12px;box-shadow:none}
 .live-details{width:100%}
 .live-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .live-style-art{height:52px;padding:3px}
 .live-style-name{font-size:10px;padding:0 7px 8px;gap:3px}
}
/* Five fixed cards; every new option stays inside its selected gallery card. */
.live-card-item{min-width:0;border:1px solid #ffffff18;border-radius:10px;overflow:hidden;background:#ffffff04}
.live-gallery .live-style-card{border:0;border-radius:0;background:transparent}
.live-card-item:has(.live-style-card[aria-pressed="true"]){border-color:#f0efe9;background:#ffffff09}
.live-gallery .live-style-card[aria-pressed="true"]{box-shadow:none}
.live-style-art{height:74px;padding:4px 7px}
.live-style-art canvas{aspect-ratio:4/3;object-fit:contain;width:100%;height:100%;max-height:none}
.live-style-name{padding:0 8px 6px;font-size:10px}
.live-card-options{padding:3px 7px 8px;border-top:1px solid #ffffff14}
.live-card-label{display:block;font-size:9px;line-height:16px;color:#b8b8b1}
.live-card-density,.live-card-audio{display:flex;gap:4px;margin-top:3px}
.live-control-host .live-card-options button{display:flex;justify-content:center;flex:1;min-width:0;padding:2px 3px;border:1px solid #ffffff20;border-radius:5px;font-size:9px;line-height:16px;min-height:22px;background:#ffffff04;color:#bbb}
.live-control-host .live-card-options button::before,.live-control-host .live-card-options button::after{display:none}
.live-control-host .live-card-options button[aria-pressed="true"]{background:#f1f0ea;color:#262624;border-color:#f1f0ea}
@media(max-width:799px), (max-width:999px) and (pointer:coarse){.live-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}

.live-card-density{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}
.live-control-host .live-card-density button{padding:2px 0;font-size:8px;white-space:nowrap}

.live-card-audio{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}
.live-control-host .live-card-audio button{padding:2px 0;white-space:nowrap}