/* Fewer containers (Josh, 2026-11-02: "reduce the number of nested containers... could the image just fill up this
   container?... why have a background here at all and not show the ui floating"). Loaded last by the four app-first
   pages: a picture fills its own box, and the UI in a demo floats on the page with no stage, canvas or card behind it. */

/* Frames the page draws: one single-class rule each, so Studio reads them as the file does. */
.eo-in-stage{border:0;background:none;border-radius:var(--eden-r-0)}
.eo-get-content{padding:var(--eden-space-0);border:0;background:none;border-radius:var(--eden-r-0)}
.eo-get-visual{padding:var(--eden-space-0);border:0;background:none;box-shadow:none;border-radius:var(--eden-r-0)}
.eo-get-shot{border:0;background-size:cover;border-radius:var(--eden-r-14)}
.eo-flow{padding:var(--eden-space-0);border:0;background:none;border-radius:var(--eden-r-0)}
.eo-shot{border:0;gap:var(--eden-space-12)}
.eo-cmx-stage{border:0;background:none;border-radius:var(--eden-r-0)}
.eo-act-scene{background:none;box-shadow:none;border-radius:var(--eden-r-0)}
.tw-stage{border:0}

/* The demos' own canvases, drawn by their scripts: the UI on them floats. */
html .eo-page .eo-in-stage .vg,html .eo-page .eo-in-stage .vs-cv{background:transparent;box-shadow:none}
html .eo-page .cmz{background:transparent}
html .eo-page .cmz:not(.is-master) .cmz-cv{background:transparent}
html .eo-page .sr-st{background:transparent;box-shadow:none}
html .eo-page .eo-cmx-stage{background:none}
html .eo-page .sr-board--pic{background:none}
html .eo-page .cmz .cmz-pal{background:transparent;border-right:0}
html .eo-page .cmz .cmz-vb{bottom:var(--eden-space-12);border-radius:var(--eden-r-10);background:var(--eden-ink)}
html .eo-page .eo-act-scene .pr-page{bottom:var(--eden-space-0)}
html .eo-page .cmz.is-master .cmz-cv{background:transparent}
@media (max-width:767px){.eo-flow{padding:var(--eden-space-0) var(--eden-space-0) var(--eden-space-0) var(--eden-space-0)}}