.canvas-studio-video{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;position:relative;background:#f3f7f5;color:#06352a;overflow:hidden;cursor:zoom-in}
.canvas-studio-video-title{margin:0;padding:14px 52px 10px 14px;font-size:12px;font-weight:700;text-align:center;line-height:1.55}
.canvas-studio-video[dir=rtl] .canvas-studio-video-title{padding:14px 14px 10px 52px}
.canvas-studio-video>video{display:block;width:100%;height:100%;min-height:0;object-fit:contain;background:#f3f7f5}
.canvas-studio-video-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-top:1px solid #dce7e1}
.canvas-studio-video-actions button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:34px;min-height:34px;padding:3px 8px;border:1px solid #d0e0d8;border-radius:8px;background:#fff;color:#06352a;font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.canvas-studio-video-actions button:hover{background:#e4efe9}
.canvas-studio-video-actions button:focus-visible,.canvas-studio-dialog button:focus-visible{outline:3px solid #d6b25e;outline-offset:2px}
.canvas-studio-video-actions i{font-size:17px}.canvas-studio-video-actions button:disabled{opacity:.5;cursor:default}
.canvas-studio-video-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.canvas-studio-video.has-video-error>video{background:#f3f7f5}
.canvas-studio-dialog{width:min(1220px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0;border:1px solid #c6d8ce;border-radius:14px;background:#f3f7f5;color:#06352a;overflow:auto;box-shadow:0 24px 80px #001c1566}
.canvas-studio-dialog::backdrop{background:#001c15b8}
.canvas-studio-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;background:#fff;border-bottom:1px solid #dce7e1}
.canvas-studio-dialog-header strong{font-size:15px}.canvas-studio-dialog-header button{width:36px;height:36px;border:1px solid #d0e0d8;border-radius:8px;background:#f3f7f5;color:#06352a;font-size:25px;cursor:pointer}
.canvas-studio-dialog>video{display:block;width:100%;max-height:calc(100dvh - 90px);object-fit:contain}
@media(max-width:600px){.canvas-studio-video-title{font-size:12px}.canvas-studio-dialog-header strong{font-size:13px}}

/* Featured Canvas card: the approved full-row video layout on tablet and desktop. */
@media(min-width:641px){
 :is(.tpl-card[data-template=canvas],.g-card[data-tpl=canvas]){grid-column:1/-1;border-radius:18px}
 .tpl-card[data-template=canvas]>.tpl-thumb,.g-card[data-tpl=canvas]>.g-paper{background:#06352a}
 :is(.tpl-card[data-template=canvas],.g-card[data-tpl=canvas]) :is(.tpl-thumb,.g-thumb){width:100%;aspect-ratio:auto;border-bottom:0;background:#06352a}
 :is(.tpl-card[data-template=canvas],.g-card[data-tpl=canvas]) .canvas-studio-video{height:auto;display:flex;flex-direction:column;max-width:840px;margin:auto;background:#06352a}
 :is(.tpl-card[data-template=canvas],.g-card[data-tpl=canvas]) .canvas-studio-video>video{height:auto;aspect-ratio:4/3;object-fit:contain;width:100%}
 :is(.tpl-card[data-template=canvas],.g-card[data-tpl=canvas]) .canvas-studio-video-title{font-size:14px;padding-block:13px;color:#e4eee6}
 :is(.tpl-card[data-template=canvas],.g-card[data-tpl=canvas]) .canvas-studio-video-actions{padding:10px 16px;background:#06352a;border-color:#346051}
 :is(.tpl-card[data-template=canvas],.g-card[data-tpl=canvas]) .canvas-studio-video-actions button{font-size:12px;min-height:36px;background:#f6f8f3}
 :is(.tpl-card[data-template=canvas],.g-card[data-tpl=canvas]) :is(.template-eye,.g-preview-eye){background:#f3f7f4}
 :is(.tpl-card[data-template=canvas],.g-card[data-tpl=canvas])>:is(.tpl-card-body,.g-card-body){padding:30px;display:grid;grid-template-columns:1fr 1.35fr .85fr;gap:22px 28px;align-items:start}
 :is(.tpl-card[data-template=canvas],.g-card[data-tpl=canvas]) :is(.tpl-card-link,.g-info){grid-column:1;grid-row:1/3}
 :is(.tpl-card[data-template=canvas],.g-card[data-tpl=canvas]) :is(.tpl-card-title,.g-card-title){align-items:center;flex-wrap:wrap}
 :is(.tpl-card[data-template=canvas],.g-card[data-tpl=canvas]) :is(.tpl-card-title,.g-card-title) h3{font-size:30px}
 :is(.tpl-card[data-template=canvas],.g-card[data-tpl=canvas]) :is(.tpl-card-type,.g-card-type){font-size:12px;color:#8a6d27;background:#faf3df}
 :is(.tpl-card[data-template=canvas],.g-card[data-tpl=canvas]) :is(.tpl-card-description,.g-card-description){font-size:14px;line-height:1.85;min-height:0;margin-top:10px}
 :is(.tpl-card[data-template=canvas],.g-card[data-tpl=canvas]) :is(.tpl-card-features,.g-card-features){grid-column:2;grid-row:1/3;grid-template-columns:1fr 1fr;gap:13px 16px;margin:0}
 :is(.tpl-card[data-template=canvas],.g-card[data-tpl=canvas]) :is(.tpl-card-features,.g-card-features) li{font-size:13px}
 :is(.tpl-card[data-template=canvas],.g-card[data-tpl=canvas]) .template-offer{grid-column:3;grid-row:1;margin:0;padding:12px;font-size:12px}
 :is(.tpl-card[data-template=canvas],.g-card[data-tpl=canvas]) :is(.tpl-card-bottom,.g-card-bottom){grid-column:3;grid-row:2;display:flex;flex-direction:column;align-items:stretch;border:0;padding:0;margin:0;gap:13px}
 :is(.tpl-card[data-template=canvas],.g-card[data-tpl=canvas]) .template-price{align-self:center}
 :is(.tpl-card[data-template=canvas],.g-card[data-tpl=canvas]) .template-price strong{font-size:30px}
 :is(.tpl-card[data-template=canvas],.g-card[data-tpl=canvas]) :is(.tpl-preview-button,.g-preview-button){font-size:14px;min-height:46px;padding:10px 18px;width:100%}
 :is(.tpl-card[data-template=canvas],.g-card[data-tpl=canvas]) .badge-owned{align-self:center}
}
@media(min-width:641px) and (max-width:1000px){
 :is(.tpl-card[data-template=canvas],.g-card[data-tpl=canvas])>:is(.tpl-card-body,.g-card-body){padding:24px;grid-template-columns:1fr 1.3fr;gap:18px 26px}
 :is(.tpl-card[data-template=canvas],.g-card[data-tpl=canvas]) :is(.tpl-card-link,.g-info){grid-column:1;grid-row:1}
 :is(.tpl-card[data-template=canvas],.g-card[data-tpl=canvas]) :is(.tpl-card-description,.g-card-description){font-size:13px}
 :is(.tpl-card[data-template=canvas],.g-card[data-tpl=canvas]) :is(.tpl-card-title,.g-card-title) h3{font-size:29px}
 :is(.tpl-card[data-template=canvas],.g-card[data-tpl=canvas]) :is(.tpl-card-features,.g-card-features){grid-column:2;grid-row:1/3}
 :is(.tpl-card[data-template=canvas],.g-card[data-tpl=canvas]) .template-offer{grid-column:1;grid-row:2}
 :is(.tpl-card[data-template=canvas],.g-card[data-tpl=canvas]) :is(.tpl-card-bottom,.g-card-bottom){grid-column:1/-1;grid-row:3;flex-direction:row;align-items:center;justify-content:space-between;border-top:1px solid #e4ece6;padding-top:16px}
 :is(.tpl-card[data-template=canvas],.g-card[data-tpl=canvas]) :is(.tpl-preview-button,.g-preview-button){width:auto;min-width:180px}
}