.reel-live-wrap{width:100%;max-width:360px;margin:auto}.reel-live-stage{position:relative;width:100%;aspect-ratio:9/16;overflow:hidden;background:linear-gradient(155deg,#364853,#101820 60%,#465664);touch-action:none;border-radius:12px;isolation:isolate}.reel-live-bg{position:absolute;width:100%;height:100%;object-fit:contain;pointer-events:none}.reel-live-item{position:absolute;box-sizing:border-box;cursor:move;touch-action:none;user-select:none;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.22;font-family:Montserrat,Arial,sans-serif;font-weight:800;display:flex;align-items:center;justify-content:center;padding:4px;border:1px dashed #ffffff60}.reel-live-item.selected{outline:2px solid #58d7f7;outline-offset:-2px}.reel-live-item img{width:100%;height:100%;object-fit:contain;pointer-events:none}.reel-live-item[data-part=subtitles]{text-shadow:1px 1px 2px #000,-1px -1px 2px #000;align-items:flex-end;background:#0003}.reel-resize{position:absolute;right:0;bottom:0;width:18px;height:18px;background:#58d7f7;cursor:nwse-resize;touch-action:none}.reel-layout-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.reel-layout-controls label{display:flex;flex-direction:column;gap:4px}.reel-layout-controls input,.reel-layout-controls select{width:100%;min-width:0}.reel-layout-controls .wide{grid-column:1/-1}.reel-layout-warning{color:#ffbd69;min-height:1.5em}.reel-live-safe{position:absolute;inset:9% 14.8% 18.2% 4.8%;border:1px dotted #ffffff35;pointer-events:none}.reel-layout-proof img{display:block!important;max-width:100%;max-height:600px;margin:auto;background:#34404a}.reel-layout-note{font-size:12px;line-height:1.45}.reels-template-preview-frame:has(.reel-live-wrap){height:auto;aspect-ratio:auto;overflow:visible;background:transparent}.reel-layout-controls button{min-height:40px}

.reels-template-controls label[hidden]{display:none!important}
.reels-template-preview-frame:has(.reel-live-wrap){max-height:none;display:block}
.reels-template-preview-frame:has(.reel-live-wrap)::before{display:none}
.reels-template-preview-frame>.reel-live-wrap{padding:0;opacity:1;text-align:initial}
.reels-template-preview-frame .reel-live-item img{display:block;position:static;inset:auto;z-index:auto}
.reels-template-preview-frame .reel-live-bg{display:block;position:absolute;inset:0;z-index:-1}
.reels-template-preview-frame .reel-live-bg[hidden]{display:none}
