.space-showcase{padding-bottom:48px}
.showcase-heading{padding:32px 0 24px}
.showcase-heading h1{margin:0 0 12px}
.showcase-heading p{font-size:.8125rem;line-height:1.6;color:var(--platform-muted)}
@layer amvia-layout{.showcase-heading p,#showcase-status{font-size:.8125rem!important;line-height:1.6!important}.showcase-note{font-size:.75rem!important}}
.showcase-viewer{margin:0 auto}
.showcase-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
.showcase-canvas{min-width:0;scroll-margin-top:100px}
.showcase-sidebar h3{margin:0 0 16px}
.showcase-work-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:16px 12px}
.showcase-work-option{min-width:0;border:0;border-bottom:2px solid transparent;padding:0 0 8px;text-align:left;font-size:.8125rem;line-height:1.5}
.showcase-work-option svg,.showcase-work-option img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;margin-bottom:8px}
.showcase-work-option svg{overflow:hidden}
.showcase-work-option[aria-pressed=true]{border-bottom-color:var(--platform-accent)}
.showcase-frame-choice{display:flex;flex-direction:column;gap:8px;margin-top:24px;font-size:.8125rem}
.showcase-frame-choice select{font-size:1rem;min-height:44px;padding:8px 0}
.space-showcase [hidden]{display:none!important}
.space-showcase .hero-wall-art.showcase-framed-art{overflow:visible}
.shared-space-stage{position:relative;overflow:hidden}
.shared-space-room{display:block;width:100%;height:auto}
.shared-space-art{position:absolute;left:0;top:0;width:100px;height:100px;transform-origin:0 0}
.shared-space-art img{display:block;width:100%;height:100%;object-fit:fill}
.showcase-viewer-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;margin-bottom:12px}
.showcase-viewer-heading h2{margin:0}
#showcase-compare{font-size:.8125rem;font-weight:400;min-height:44px;padding:8px 0;border:0;border-bottom:1px solid var(--platform-control)}
#showcase-compare[aria-pressed=true]{border-bottom-color:var(--platform-accent)}
@layer amvia-layout{#showcase-compare:focus-visible{outline:0!important;text-decoration:underline;text-underline-offset:4px}}
.space-showcase.without-artwork .hero-wall{visibility:hidden}
#showcase-status{font-size:.8125rem;color:var(--platform-muted);margin-top:8px;min-height:0}
#showcase-status:empty{display:none}
.showcase-spaces{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:16px;margin:24px auto 0;max-width:1120px}
.showcase-space{display:flex;flex-direction:column;align-items:stretch;min-width:0;gap:8px;border:0;border-bottom:2px solid transparent;padding:0 0 8px;text-align:left;background:transparent;font-size:.8125rem;line-height:1.5}
.showcase-space img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.showcase-space[aria-pressed=true]{border-bottom-color:var(--platform-accent)}
.showcase-note{margin:16px auto 0;font-size:.75rem;color:var(--platform-muted)}
@media(max-width:1000px){.showcase-spaces{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.space-showcase{padding-bottom:32px}.showcase-heading{padding:24px 0}.showcase-spaces{gap:16px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-viewer-heading{gap:4px 16px}}
@media(max-width:760px){.showcase-layout{grid-template-columns:1fr;gap:24px}.showcase-work-list{grid-template-columns:repeat(3,minmax(0,1fr))}.showcase-sidebar h3{font-size:1.1875rem}}

.showcase-frame-width{display:flex;flex-wrap:wrap;gap:0 16px;margin:8px 0 16px;font-size:.8125rem}.showcase-frame-width label{display:flex;align-items:center;gap:8px;min-height:44px}.showcase-frame-width input{width:16px;height:16px;min-height:16px;margin:0;accent-color:var(--platform-accent)}

.space-showcase>.shared-spaces{padding-bottom:0}
.space-showcase>.shared-spaces .shared-spaces-grid{margin-bottom:0}
.space-showcase>.shared-spaces>p:empty{display:none}

.showcase-canvas .hero-carousel,.showcase-canvas .shared-space-stage{margin-inline:0;width:100%}.showcase-canvas .hero-carousel-controls{padding-inline:0}

/* A separate editorial example, never an overlay on the selected user's room. */
.space-showcase>.showcase-living-pairing{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,.65fr);align-items:center;gap:32px;margin-top:48px;padding-top:32px;border-top:1px solid var(--platform-line)}
.showcase-living-pairing figure{min-width:0;margin:0}
.showcase-living-pairing img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.showcase-living-pairing figcaption{margin-top:8px;font-size:.75rem;line-height:1.5;color:var(--platform-muted)}
.showcase-living-story{min-width:0;max-width:26rem}
.showcase-living-story h2{margin:0 0 16px}
.showcase-living-story>p{margin:0 0 16px}
.showcase-living-label,.showcase-living-details{font-size:.75rem;line-height:1.5;color:var(--platform-muted)}
.showcase-living-link{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;border-bottom:1px solid var(--platform-control);text-decoration:none}
.showcase-living-link:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:850px){.space-showcase>.showcase-living-pairing{grid-template-columns:1fr;gap:24px}.showcase-living-story{max-width:44rem}}
@media(max-width:600px){.space-showcase>.showcase-living-pairing{margin-top:32px;padding-top:24px;gap:16px}}

html:not([data-madice-theme=charcoal]) .showcase-living-pairing{--amvia-interaction-active:var(--platform-text);--amvia-interaction-hover:var(--platform-text)}
@media(forced-colors:active){.showcase-living-pairing{--amvia-interaction-hover:CanvasText;--amvia-interaction-active:Highlight}}

.showcase-living-selector{grid-column:1/-1;min-width:0}
.showcase-living-selector>p{margin:0 0 8px;font-size:.75rem;line-height:1.5;color:var(--platform-muted)}
.showcase-living-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 24px}
.showcase-living-choices button{min-width:0;min-height:44px;padding:8px 0;border:0;border-bottom:1px solid transparent;background:transparent;text-align:left;font-size:.8125rem;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
.showcase-living-choices button[aria-pressed=true]{border-bottom-color:currentColor}
.showcase-living-choices button:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.showcase-living-story h3{margin:0 0 8px}
@media(max-width:600px){.showcase-living-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}}