.dark-room{display:grid;grid-template-columns:380px 1fr;height:100vh;overflow:hidden}.dark-room__panel{position:relative;z-index:2;background:var(--paper);border-right:1px solid var(--rule);padding:96px var(--margin) 5vh;overflow-y:auto;overscroll-behavior:contain}.dark-room__stage{position:relative;overflow:hidden;background:var(--paper)}.dark-room__scene{position:absolute;inset:0;width:100%;height:100%;display:block}.dark-room__angles{margin-top:22px;padding-top:12px;border-top:2px solid var(--ink)}.dark-room__foot{font-family:var(--type-small-family, inherit);font-size:var(--type-small-size, inherit);line-height:var(--type-small-leading, inherit);letter-spacing:var(--type-small-tracking, inherit);font-weight:var(--type-small-weight, inherit);text-transform:var(--type-small-case, none);text-wrap:var(--type-small-wrap, wrap);--modulato-type: small;color:var(--muted);margin-top:26px;padding-top:14px;border-top:1px solid var(--rule)}.dark-room__foot code{font-family:var(--type-font-sans);color:var(--ink)}@media(max-width:767px){.dark-room{grid-template-columns:1fr;grid-template-rows:40vh 1fr;height:auto;min-height:100vh;overflow:visible}.dark-room__panel{grid-row:2;border-right:0;border-top:1px solid var(--rule);padding-top:24px;overflow:visible}.dark-room__stage{grid-row:1;position:sticky;top:0}}