/* Reuse the product page canvas; all six controls use the shared editor. */
body.drag-editing #slides [data-drag-id]{outline:1px dashed #c85a1680;cursor:move;touch-action:none;user-select:none}
body.drag-editing #slides [data-drag-id]:hover{outline:2px solid #c85a16}
body.drag-editing #slides img{pointer-events:none}
#drag-toolbar{position:fixed;z-index:90;bottom:76px;left:50%;transform:translateX(-50%);width:max-content;max-width:95vw;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fffdf8;border:1px solid #dcd5ca;border-radius:10px;padding:12px 16px;box-shadow:0 8px 30px #27231f26;font-size:13px}
#drag-toolbar[hidden],#drag-selection[hidden],.drag-guide[hidden]{display:none}
#drag-toolbar button{font-size:13px;padding:7px 10px;background:#f6f3ed;border:1px solid #dcd5ca;border-radius:4px;color:#27231f}
#drag-toolbar small{flex-basis:100%;color:#777067}#drag-status{color:#a9470e}
#drag-selection{position:fixed;z-index:80;outline:2px solid #c85a16;pointer-events:none;touch-action:none}
#drag-label{position:absolute;left:0;top:-25px;background:#c85a16;color:white;font-size:12px;line-height:23px;padding:0 7px;white-space:nowrap}
#drag-resize{position:absolute;right:-9px;bottom:-9px;width:22px;height:22px;background:white;border:2px solid #c85a16;color:#c85a16;cursor:nwse-resize;pointer-events:auto;touch-action:none;padding:0}
.drag-guide{position:fixed;z-index:79;pointer-events:none;background:#008b9a}.drag-guide.vertical{width:1px}.drag-guide.horizontal{height:1px}
.evidence-images{display:flex;flex-wrap:wrap;gap:24px;margin:18px 0}.evidence-images figure{margin:0}.evidence-images img{height:360px;max-width:100%;object-fit:contain}.evidence-images figcaption{font-size:13px;color:var(--muted)}
.body.product{align-items:start;align-content:start;padding-block:16px}
.lotte-case-copy{grid-column:1;grid-row:1;min-width:0}
.lotte-film{grid-column:2;grid-row:1;margin:0;justify-self:start;max-width:100%;text-align:left}
.lotte-film video{display:block;height:clamp(320px,51vh,660px);max-width:100%;aspect-ratio:1440/2508;object-fit:contain;background:#1e1a17;border-radius:8px;box-shadow:0 18px 50px #3924121a}
.lotte-film figcaption{font-size:13px;color:var(--muted);line-height:1.8}
.lotte-case-thesis{color:var(--ink);font-weight:700;margin-bottom:12px}
.lotte-case-thesis strong{color:var(--accent)}
.lotte-case-audience{margin-bottom:20px}
#lotte-video-error{font-size:14px;color:#a33218;max-width:260px}
@media(max-width:900px){
 .body.lotte-case-layout{grid-template-columns:1fr}
 .lotte-case-copy,.lotte-film{grid-column:1;grid-row:auto}
 .lotte-film{justify-self:center}
}
/* Match the inline screenshot button's 5px baseline space on page 4. */
@media(min-width:901px){.lotte-film .ui-picker{margin-top:19px}}
/* V25: presentation-only fullscreen, independent of normal editing layout. */
body:fullscreen{--stage-bg:#f6f3ed;--stage-ink:#777067;background:var(--stage-bg)}
body:fullscreen:has(section.cover.active){--stage-bg:#241e18;--stage-ink:#c9b7a6}
body:fullscreen>header,body:fullscreen>aside,body:fullscreen #layout-panel,body:fullscreen #drag-toolbar,body:fullscreen #drag-overlay{display:none!important}
body:fullscreen main{margin-left:0;width:100%;height:calc(100dvh - 44px);background:var(--stage-bg)}
body:fullscreen>footer{left:0;right:0;bottom:0;height:44px;padding:0 28px;background:var(--stage-bg);color:var(--stage-ink);border:0}
body:fullscreen>footer button{color:var(--stage-ink);background:transparent;border-color:color-mix(in srgb,var(--stage-ink) 25%,transparent)}
#presentation-exit{display:none}
body:fullscreen #presentation-exit{display:inline-block;font-size:12px;margin-right:12px}
/* V40: the normal slide is a fixed canvas in fullscreen, not a new layout. */
body:fullscreen main[data-presentation-canvas]{
 position:absolute;margin:0!important;transform-origin:top left;overflow:hidden;
 width:var(--canvas-width)!important;height:var(--canvas-height)!important;
 left:var(--canvas-left);top:var(--canvas-top);transform:scale(var(--canvas-scale));
}
body:fullscreen:has(section.closing.active){--stage-bg:#eadfce}
/* V42: shift the complete desktop composition, not individual saved elements.
   The padding sum stays constant, preserving the canvas and drag coordinates. */
@media(min-width:901px){
 #slides>section{
  --vertical-inset:clamp(28px,4vw,66px);
  --composition-drop:clamp(12px,calc(4vw - 20px),46px);
  padding-top:calc(var(--vertical-inset) + var(--composition-drop));
  padding-bottom:calc(var(--vertical-inset) - var(--composition-drop));
 }
 #slides>section.cover{padding-top:calc(8vh + var(--composition-drop))}
}