/* Only the three Creative Studio showcases and their existing media dialog. */
#creative-studio .hc-studio-grid{grid-template-columns:1fr;gap:26px}
#creative-studio .hc-studio-grid .csl-card{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:0;padding:12px;scroll-margin-top:120px}
#creative-studio .hc-studio-grid .csl-art{grid-column:1;grid-row:1;height:auto;aspect-ratio:16/9;margin:0;background:#17171f;border-radius:20px 20px 5px 20px}
#creative-studio .hc-studio-grid .csl-scene{inset:0;display:grid;place-items:center}
#creative-studio .hc-studio-grid .csl-scene[hidden]{display:none}
#creative-studio .hc-studio-grid .csl-scene:after{display:none}
#creative-studio .hc-studio-grid .csl-scene>video{inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#17171f}
#creative-studio .hc-studio-grid .csl-scene[data-record-context="page"]>video{background:#f5f6f7}
#creative-studio .hc-studio-grid .csl-tabs{grid-column:1;grid-row:2;padding:13px 2px 4px;align-items:start;gap:8px}
#creative-studio .hc-studio-grid .csl-tab{font-size:11px;padding:8px 12px}
#creative-studio .hc-studio-grid .hc-studio-copy{grid-column:2;grid-row:1/span 2;padding:25px 30px 17px;justify-content:center;min-width:0}
#creative-studio .hc-studio-grid .hc-studio-copy h3{font-size:clamp(28px,3vw,39px);margin:18px 0}
#creative-studio .hc-studio-grid .hc-studio-copy>p:not(.eyebrow){font-size:13px;line-height:1.7;margin-bottom:18px}
#creative-studio .hc-studio-grid .csr-selected{font-size:13px;font-weight:650;line-height:1.5;margin-top:1px;color:#272733}
#creative-studio .hc-studio-grid .csr-record-note{display:flex;gap:8px;align-items:center;color:#777782;font:10px/1.5 Montserrat,sans-serif;margin:9px 0 20px}
#creative-studio .hc-studio-grid .csr-record-note:before{content:"";width:6px;height:6px;background:#ff450a;border-radius:50%;flex-shrink:0}
#creative-studio .hc-studio-grid .csr-card-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:auto}
#creative-studio .hc-studio-grid .csl-open{margin-top:0;padding-top:0;font-size:11px}
#creative-studio .hc-studio-grid .csr-try{border:1px solid #d7d7e0;background:#fff;border-radius:9px 9px 2px 9px;color:#272733;padding:8px 10px;font:550 10px/1.4 Montserrat,sans-serif;cursor:pointer}
#creative-studio .hc-studio-grid .csr-try:hover{border-color:#ff450a;color:#ff450a}
#creative-studio .hc-studio-grid .csr-live-panel{grid-column:1/-1;margin-top:16px;border-top:1px solid #dedee8;padding-top:18px}
#creative-studio .hc-studio-grid .csr-live-panel[hidden]{display:none}
#creative-studio .hc-studio-grid .csr-live-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 4px 16px}
#creative-studio .hc-studio-grid .csr-live-header p{font-size:13px;font-weight:600;margin:0}
#creative-studio .hc-studio-grid .csr-live-close{width:32px;height:32px;border:1px solid #d7d7e0;border-radius:50%;background:#fff;font:22px Raleway,sans-serif;cursor:pointer}
#creative-studio .hc-studio-grid .csr-live-stage{position:relative;width:100%;height:min(70dvh,720px);min-height:320px;border-radius:15px;background:#fff;overflow:hidden}
#creative-studio .hc-studio-grid .csr-live-stage[data-context="creative"]{height:auto;aspect-ratio:2/1;min-height:0}
#creative-studio .hc-studio-grid .csr-live-stage[data-context="portrait"]{height:auto;min-height:0;aspect-ratio:2/3;width:min(320px,100%,calc(65dvh * .6667));margin:auto}
#creative-studio .hc-studio-grid .csr-live-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
#creative-studio .csl-dialog-stage>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#17171f}
#creative-studio .csl-dialog-stage[data-shape="record-portrait"]{aspect-ratio:2/3;width:min(320px,100%,calc((100dvh - 200px) * .6667));max-height:none;margin:auto}
@media(max-width:900px){#creative-studio .hc-studio-grid .csl-card{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr)}#creative-studio .hc-studio-grid .hc-studio-copy{padding:18px 20px 12px}#creative-studio .hc-studio-grid .hc-studio-copy h3{font-size:28px}#creative-studio .hc-studio-grid .hc-studio-copy>p:not(.eyebrow){font-size:12px}#creative-studio .hc-studio-grid .csl-tabs{gap:6px}#creative-studio .hc-studio-grid .csl-tab{font-size:9px;padding:7px 9px}}
@media(max-width:680px){#creative-studio .hc-studio-grid .csl-card{grid-template-columns:minmax(0,1fr);padding:9px}#creative-studio .hc-studio-grid .csl-art{grid-column:1;grid-row:1;max-height:none;border-radius:19px 19px 5px 19px}#creative-studio .hc-studio-grid .csl-tabs{grid-column:1;grid-row:2;padding:13px 6px 0}#creative-studio .hc-studio-grid .hc-studio-copy{grid-column:1;grid-row:3;padding:24px 17px 20px}#creative-studio .hc-studio-grid .hc-studio-copy h3{font-size:clamp(26px,8vw,32px)}#creative-studio .hc-studio-grid .hc-studio-copy>p:not(.eyebrow){font-size:13px}#creative-studio .hc-studio-grid .csl-tab{font-size:10px;padding:8px 10px}#creative-studio .hc-studio-grid .csr-live-panel{grid-row:4}#creative-studio .hc-studio-grid .csr-live-stage{height:65dvh}#creative-studio .hc-studio-grid .csr-live-header p{font-size:12px}}