.stage-showcase-layout{grid-template-columns:minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.stage-showcase-side{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.stage-showcase-focus{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.stage-showcase-presenter{flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.stage-showcase-panel{color:#111827;background:#fff;min-width:0;min-height:0;overflow:auto}.stage-showcase-panel>img{object-fit:contain;width:100%;height:100%}.stage-showcase-reading{overflow-wrap:anywhere;padding:clamp(.75rem,2vw,2rem)}.stage-showcase-reading h2{margin-bottom:.75rem;font-size:clamp(.875rem,1.5vw,1.5rem);font-weight:650}.stage-showcase-reading p{white-space:pre-wrap;font-size:clamp(.75rem,1.6vw,1.5rem);line-height:1.65}.stage-showcase-banner{z-index:25;color:#111827;overflow-wrap:anywhere;background:#fffffff5;border-radius:.75rem;align-items:center;gap:clamp(.5rem,1vw,1rem);max-height:28%;padding:clamp(.4rem,1vw,1rem);display:flex;position:absolute;bottom:18%;left:5%;right:5%;overflow:auto;box-shadow:0 8px 30px #0003}.stage-showcase-banner>img{object-fit:contain;flex-shrink:0;width:clamp(32px,7vw,80px);max-height:64px}.stage-showcase-banner>div{min-width:0}.stage-showcase-banner strong{font-size:clamp(.75rem,1.6vw,1.5rem);font-weight:650;display:block}.stage-showcase-banner p{white-space:pre-wrap;font-size:clamp(.625rem,1.1vw,1rem)}.stage-showcase-banner-artwork{height:24%;max-height:28%;box-shadow:none;background:0 0;border-radius:0;padding:0}.stage-showcase-banner-artwork>img{object-fit:contain;width:100%;height:100%;max-height:none}.stage-showcase-presenter>div{min-height:0}.stage-showcase-layout{isolation:isolate}.stage-showcase-side,.stage-showcase-focus{background:#10151d;gap:clamp(4px,.65vw,12px)}.stage-showcase-panel{overscroll-behavior:contain;border-radius:clamp(6px,.8vw,14px)}.stage-showcase-panel>img{display:block}.stage-showcase-reading{max-width:76ch;margin-inline:auto}.stage-showcase-banner{max-width:900px;margin-inline:auto;bottom:clamp(12px,8%,80px);left:clamp(12px,5%,64px);right:clamp(12px,5%,64px)}@media (width<=700px){.stage-showcase-side,.stage-showcase-focus{grid-template-rows:minmax(0,1fr) minmax(0,1.15fr);grid-template-columns:minmax(0,1fr)}.stage-showcase-focus{grid-template-rows:minmax(0,.65fr) minmax(0,1.5fr)}.stage-showcase-panel{overflow:auto}.stage-showcase-banner{max-height:32%;padding:.65rem;bottom:12px}.stage-showcase-banner-artwork{height:22%;padding:0}}@media (height<=420px) and (orientation:landscape){.stage-showcase-side{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.stage-showcase-focus{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}@media (prefers-reduced-motion:reduce){.stage-showcase-layout *{scroll-behavior:auto}}.stage-showcase-layout:has(.stage-showcase-panel){container-type:size}.stage-showcase-panel{scrollbar-gutter:stable;min-block-size:0}.stage-showcase-reading p{max-width:72ch;margin-inline:auto}@container (width<=560px){.stage-showcase-side,.stage-showcase-focus{grid-template-rows:minmax(0,1fr) minmax(0,1.25fr);grid-template-columns:minmax(0,1fr)}.stage-showcase-focus{grid-template-rows:minmax(0,.65fr) minmax(0,1.5fr)}.stage-showcase-reading{padding:clamp(.75rem,3cqw,1.25rem)}}@container (height<=260px) and (width>=561px){.stage-showcase-banner{max-height:40%;bottom:8px}}[aria-label="Private Showcase preview"] .stage-showcase-side{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}[aria-label="Private Showcase preview"] .stage-showcase-focus{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.stage-showcase-panel{min-width:0;overflow-x:hidden}.stage-showcase-panel video,.stage-showcase-panel iframe{max-width:100%}.stage-showcase-reading{box-sizing:border-box;width:100%}.stage-showcase-reading h2,.stage-showcase-reading p{overflow-wrap:anywhere}@media (width<=700px){.stage-showcase-banner strong{font-size:clamp(.75rem,3vw,1rem)}.stage-showcase-banner p{font-size:clamp(.6875rem,2.5vw,.875rem)}}.stage-showcase-layout.stage-showcase-side{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.stage-showcase-layout.stage-showcase-focus{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.stage-showcase-layout.stage-showcase-side>.stage-showcase-presenter,.stage-showcase-layout.stage-showcase-focus>.stage-showcase-presenter{grid-area:1/1;min-width:0}.stage-showcase-layout.stage-showcase-side>.stage-showcase-panel,.stage-showcase-layout.stage-showcase-focus>.stage-showcase-panel{grid-area:1/2;min-width:0}.stage-showcase-image-recovery{box-sizing:border-box;color:#111827;text-align:center;background:#f1f5f9;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;min-width:0;padding:.5rem;font-size:.75rem;line-height:1.4;display:flex}.stage-showcase-panel>.stage-showcase-image-recovery{flex-direction:column;min-height:100%}.stage-showcase-image-recovery button{color:#111827;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:.65rem;min-height:44px;padding:.5rem .75rem;font-weight:650}.stage-showcase-image-recovery button:focus-visible{outline-offset:2px;outline:2px solid #047857}.stage-showcase-banner-artwork:has(>.stage-showcase-image-recovery){background:#f1f5f9;border-radius:.75rem;height:auto;max-height:40%}.stage-showcase-banner:not(.stage-showcase-banner-artwork){color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c121de0;border-radius:12px;width:min(68%,620px);max-width:620px;max-height:30%;margin:0;padding:clamp(.4rem,.7vw,.65rem) clamp(.65rem,1vw,1rem);animation:.3s ease-out both showcase-lower-third-in;bottom:clamp(8px,2%,18px);left:clamp(8px,2%,24px);right:auto;overflow:hidden;box-shadow:0 8px 32px #00000040}.stage-showcase-banner:not(.stage-showcase-banner-artwork) p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.stage-showcase-banner-artwork{height:clamp(48px,16%,120px);bottom:clamp(8px,2%,18px)}@keyframes showcase-lower-third-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=700px){.stage-showcase-banner:not(.stage-showcase-banner-artwork){width:min(88%,620px);max-height:38%}}@media (prefers-reduced-motion:reduce){.stage-showcase-banner:not(.stage-showcase-banner-artwork){animation:none}}.stage-showcase-panel{animation:.28s ease-out both showcase-panel-in}@keyframes showcase-panel-in{0%{opacity:.45;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.stage-showcase-panel{animation:none}}.stage-showcase-image-recovery button{box-sizing:border-box;flex-shrink:0;height:44px;min-height:44px}.stage-showcase-banner-artwork:has(>.stage-showcase-image-recovery){height:auto;min-height:60px;max-height:60%;overflow:visible}.showcase-prepared-list{overscroll-behavior:contain;gap:.375rem;max-height:min(32dvh,18rem);display:grid;overflow:hidden auto}.showcase-prepared-row{background:#ffffff0a;border:1px solid #0000;border-radius:12px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:.375rem;min-width:0;padding:.375rem .5rem;display:grid}.showcase-prepared-row[data-live]{background:#10b98114;border-color:#34d39966}.showcase-prepared-row[data-editing]:not([data-live]){border-color:#60a5fa66}.showcase-prepared-edit{text-align:left;width:100%;min-width:0;min-height:44px;font-size:.75rem}.showcase-prepared-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.showcase-prepared-meta{color:#ffffff8c;margin-top:3px;font-size:.6875rem;display:block}.showcase-prepared-row[data-live] .showcase-prepared-meta{color:#6ee7b7}.showcase-prepared-actions{align-items:center;gap:4px;display:flex}.showcase-prepared-edit:focus-visible,.showcase-prepared-actions button:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid #93c5fd}@media (width<=520px){.showcase-prepared-row{grid-template-columns:24px minmax(0,1fr)}.showcase-prepared-actions{grid-column:2;justify-content:flex-end}}.stage-showcase-preview{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.stage-showcase-preview .stage-showcase-presenter{display:none}.stage-showcase-preview .stage-showcase-panel{border-radius:0;width:100%;height:100%}.stage-showcase-preview .stage-showcase-banner{max-height:76%;bottom:12%}
