/* Cards and controls occupy separate grid cells, including full-screen view. */
.deck-canvas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:14px}
.deck-canvas .card-grid{grid-column:1/-1;grid-row:1;min-width:0;min-height:0;height:100%;padding:0;overflow:auto;align-content:start}
.deck-canvas .empty-canvas{grid-column:1/-1;grid-row:1;position:relative;inset:auto;min-height:240px}
.deck-canvas .deck-caption{position:static;grid-column:1;grid-row:2;min-width:0;max-width:100%;align-self:end}
.deck-canvas .watermark{position:static;grid-column:2;grid-row:2;min-width:0;max-width:100%;justify-self:end;align-self:end}
.deck-canvas .watermark div{min-width:0;overflow-wrap:anywhere}
.deck-canvas.presentation-mode{display:grid;grid-template-columns:minmax(0,1fr) clamp(190px,18vw,270px);grid-template-rows:auto minmax(0,1fr) auto;gap:16px;padding:16px;overflow:hidden}
.deck-canvas.presentation-mode .card-grid{grid-column:1;grid-row:1/-1;height:100%;min-height:0;padding:0;align-content:center}
.deck-canvas.presentation-mode .empty-canvas{grid-column:1;grid-row:1/-1}
.deck-canvas.presentation-mode .fullscreen-actions{position:static;inset:auto;grid-column:2;grid-row:1;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:10px;max-height:55dvh;overflow:auto;min-width:0}
.deck-canvas.presentation-mode .fullscreen-actions .button{width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left;min-height:44px;flex-shrink:0;font-size:14px;padding:12px}
.deck-canvas.presentation-mode .deck-caption{grid-column:2;grid-row:2;align-self:start;width:100%}
.deck-canvas.presentation-mode .deck-caption strong,.deck-canvas.presentation-mode .deck-caption span{white-space:normal;overflow-wrap:anywhere}
.deck-canvas.presentation-mode .watermark{grid-column:2;grid-row:3;justify-self:stretch;width:100%;box-sizing:border-box}
.deck-canvas.presentation-mode .watermark img{width:64px;height:80px;max-width:35%;flex-shrink:0}
.deck-canvas.presentation-mode .watermark span{font-size:1rem}
body.presentation-open .toast{left:auto;right:24px;bottom:24px;max-width:220px;transform:none;z-index:1100}
@media(max-width:600px){
 .deck-canvas.presentation-mode{grid-template-columns:minmax(0,1fr) 145px;padding:8px;gap:8px}
 .deck-canvas.presentation-mode .fullscreen-actions .button{font-size:12px;padding:9px}
 .deck-canvas.presentation-mode .watermark{flex-direction:column;align-items:flex-start;padding:8px}
 .deck-canvas.presentation-mode .watermark img{height:48px;width:40px;max-width:100%}
 .deck-canvas .watermark img{max-width:45px}
}