.rr-app[data-aspect]{block-size:100dvh;min-block-size:0;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.rr-app[data-aspect] .rr-room-body{position:relative;min-block-size:0}.rr-app[data-aspect=wide] .rr-room-body{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-column-gap:var(--rr-sp-4);column-gap:var(--rr-sp-4)}.rr-app[data-aspect=wide] .rr-stage{grid-column:2}.rr-app[data-aspect=wide] .rr-console{justify-self:center;inline-size:min(76rem,100%)}.rr-app[data-aspect=matched] .rr-room-body,.rr-app[data-aspect=tall] .rr-room-body{display:grid;grid-template-rows:minmax(0,1fr)}.rr-app[data-aspect=tall] .rr-room-body{grid-row-gap:var(--rr-sp-3);row-gap:var(--rr-sp-3)}.rr-app[data-aspect] .rr-console{position:relative;min-block-size:56px;border:1px solid var(--rr-border-hairline);border-radius:var(--rr-r-md);box-shadow:var(--rr-el-1);background:var(--rr-surface-raised)}.rr-app[data-console=vertical]{grid-template-rows:auto minmax(0,1fr) 0}.rr-app[data-console=vertical] .rr-room-body{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-column-gap:var(--rr-sp-3);column-gap:var(--rr-sp-3)}.rr-app[data-console=vertical][data-aspect] .rr-room-body{-webkit-padding-start:calc(11rem + 2 * var(--rr-sp-3));padding-inline-start:calc(11rem + 2 * var(--rr-sp-3))}.rr-app[data-console=vertical][data-aspect] .rr-console{grid-area:auto;position:absolute;inset-block:var(--rr-sp-3);inset-inline-start:var(--rr-sp-3);inline-size:11rem;block-size:-moz-fit-content;block-size:fit-content;max-block-size:calc(100% - 2 * var(--rr-sp-3));margin-block:auto;overflow-y:auto;min-block-size:0}.rr-app[data-console=vertical][data-aspect] .rr-book[data-immersive=true]{inset-inline-start:calc(11rem + 2 * var(--rr-sp-3));width:auto}.rr-app[data-console=vertical] .rr-console-row{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:var(--rr-space-2);inline-size:100%;padding:var(--rr-space-2)}.rr-app[data-console=vertical] .rr-console-guide{flex-basis:auto;flex-direction:column;border-radius:var(--rr-radius-md)}.rr-app[data-console=vertical] .rr-console-companions,.rr-app[data-console=vertical] .rr-console-transport{justify-content:center}.rr-app[data-console=vertical] .rr-console-progress{flex:none}.rr-app[data-console=vertical] .rr-console-speed input[type=range]{inline-size:auto;flex:1 1;min-inline-size:0}.rr-app[data-console=vertical] .rr-stage{grid-column:2;grid-row:1}.rr-app[data-console=vertical] .rr-console-focus{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-before:auto;margin-block-start:auto}.rr-app[data-aspect=wide] .rr-settings{position:absolute;inset-block:var(--rr-sp-4);inset-inline-end:var(--rr-sp-4);inline-size:20rem;z-index:var(--rr-z-panel)}.rr-app[data-aspect=matched] .rr-settings,.rr-app[data-aspect=tall] .rr-settings{position:absolute;inset-inline:0;inset-block-end:0;max-block-size:60%;border-start-start-radius:var(--rr-r-lg);border-start-end-radius:var(--rr-r-lg);z-index:var(--rr-z-panel)}.rr-app[data-aspect] .rr-settings[data-overlapping=true]~.rr-stage{opacity:.55;transition:opacity var(--rr-dur-tap) var(--rr-ease-move)}.rr-app[data-aspect][data-fit=fit-page] .rr-stage{max-inline-size:100%}.rr-app[data-aspect][data-fit=fit-width] .rr-stage{inline-size:100%;max-inline-size:100%}.rr-app[data-aspect][data-fit=fit-width] .rr-room-body{overflow-y:auto;overscroll-behavior:contain}.rr-app[data-aspect][data-fit=immerse] .rr-stage{inline-size:min(100%,var(--rr-measure));max-inline-size:100%;margin-inline:auto}.rr-app[data-aspect][data-fit=immerse] .rr-room-body{overflow-y:auto;overscroll-behavior:contain}.rr-app[data-aspect][data-fit=immerse] .rr-console{border-radius:0;border-inline:0;box-shadow:none;min-block-size:44px}