.showcase-page{padding-block:clamp(1.4rem,3vw,2.5rem) 3rem}.showcase-page__inner{max-width:1320px}.showcase-page__heading{justify-content:space-between;align-items:end;gap:2rem;padding-bottom:1.35rem;display:flex}.showcase-page__heading h1{color:var(--color-graphite);margin:0;font-size:clamp(1.9rem,4vw,3rem);line-height:1.25}.showcase-page__lead{max-width:48rem;color:var(--color-muted);margin:.65rem 0 0}.showcase-page__heading>.status-label{border:1px solid var(--color-line);background:#f0ede4;flex:none;padding:.45rem .65rem}.showcase-viewer{background:#e8e5dc;border:1px solid #c9c7bf;padding:.8rem}.showcase-viewer__topline{justify-content:space-between;align-items:center;gap:1rem;min-height:40px;padding:0 .35rem .65rem;display:flex}.showcase-viewer__topline h2{color:var(--color-graphite);margin:0;font-size:.92rem;font-weight:720}.showcase-viewer__topline a{color:#684e2a;font-size:.84rem;font-weight:680}.showcase-viewer__stage{background:#d9d8d1;height:clamp(360px,51vw,650px);min-height:300px;position:relative;overflow:hidden}.showcase-viewer__poster,.showcase-scene{width:100%;height:100%;position:absolute;inset:0}.showcase-viewer__poster{object-fit:cover}.showcase-scene{z-index:1}.showcase-scene canvas{touch-action:none;outline-offset:-4px;width:100%;height:100%;display:block}.showcase-viewer__badge{z-index:2;color:var(--color-ink);background:#f7f6f1e8;align-items:center;gap:.5rem;padding:.45rem .65rem;font-size:.78rem;display:inline-flex;position:absolute;top:.9rem;left:.9rem}.status-dot{background:#a9783c;border-radius:50%;width:.5rem;height:.5rem}.showcase-viewer__controls{justify-content:space-between;align-items:center;gap:1rem;padding-top:.7rem;display:flex}.showcase-modes{background:#f3f1ea;border:1px solid #cac7bd;flex-wrap:wrap;gap:.3rem;padding:.22rem;display:flex}.showcase-modes button,.showcase-reset{color:#46514f;cursor:pointer;background:0 0;border:1px solid #0000;min-height:44px;padding:.45rem .85rem;font-size:.88rem;font-weight:650}.showcase-modes button[aria-pressed=true]{background:var(--color-graphite);color:#fff}.showcase-reset{color:var(--color-graphite);background:#fbfaf6;border-color:#c3c0b6}.showcase-viewer__actions{gap:.5rem;display:flex}.showcase-retry{color:#624821;border-color:#8d6a36}.showcase-viewer__status{border-top:1px solid #cfccc2;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.7rem;padding:.7rem .35rem 0;display:grid}.showcase-viewer__status p,.showcase-viewer__dimensions{color:#495552;margin:0;font-size:.84rem}.showcase-viewer__dimensions{color:#315a48;padding:.45rem .35rem 0;font-weight:700}.showcase-page__notes{grid-template-columns:1fr 1.1fr;gap:1.5rem;margin-top:1rem;display:grid}.showcase-page__notes p,.showcase-noscript{color:var(--color-muted);margin:0;font-size:.84rem}.showcase-noscript{margin-top:1rem}@media (width<=700px){.showcase-page{padding-top:1.25rem}.showcase-page__heading{flex-direction:column;align-items:start;gap:.8rem}.showcase-page__heading h1{font-size:clamp(1.8rem,8vw,2.4rem)}.showcase-page__heading>.status-label{order:-1}.showcase-viewer{padding:.5rem}.showcase-viewer__stage{height:390px}.showcase-viewer__controls{flex-direction:column;align-items:stretch}.showcase-modes{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.showcase-modes button{padding-inline:.35rem;font-size:.81rem}.showcase-viewer__actions{grid-template-columns:1fr 1fr;display:grid}.showcase-viewer__status{grid-template-columns:1fr;gap:.35rem}.showcase-page__notes{grid-template-columns:1fr;gap:.4rem}}@media (width<=400px){.showcase-viewer__stage{height:340px}}html.showcase-embed body{background:#e8e5dc}html.showcase-embed .skip-link,html.showcase-embed .site-header,html.showcase-embed .site-footer,html.showcase-embed .showcase-page__heading,html.showcase-embed .showcase-viewer__topline,html.showcase-embed .showcase-page__notes,html.showcase-embed .showcase-viewer__controls,html.showcase-embed .showcase-viewer__status,html.showcase-embed .showcase-viewer__dimensions{display:none}html.showcase-embed #main-content{min-height:0}html.showcase-embed .showcase-page{padding:0}html.showcase-embed .site-container{width:100%;margin:0}html.showcase-embed .showcase-viewer{border:0;padding:0}html.showcase-embed .showcase-viewer__stage{height:390px}@media (width<=400px){html.showcase-embed .showcase-viewer__stage{height:340px}}