.screen-frame{gap:var(--frame-gap,.75rem);width:100%;max-width:var(--frame-col,28rem);min-height:100svh;padding:max(.75rem, env(safe-area-inset-top,0px)) var(--frame-inline,.75rem) max(.75rem, env(safe-area-inset-bottom,0px));flex-direction:column;margin-inline:auto;display:flex}.screen-frame>[data-frame-bar=foot]{border-radius:var(--radius-panel);padding:var(--frame-bar-pad,.75rem .75rem .5rem);flex-direction:column;gap:.25rem;display:flex}@media (width<=1023px){html:has([data-screen-frame]>[data-frame-bar=foot]){scroll-padding-bottom:calc(var(--frame-bar-h,7.75rem) + max(.75rem, env(safe-area-inset-bottom,0px)) + .75rem)}.screen-frame>[data-frame-bar=foot]{bottom:max(.75rem, env(safe-area-inset-bottom,0px));z-index:2;position:sticky}}@media (width>=1024px){.screen-frame{max-width:var(--frame-max,90rem);grid-template-columns:var(--frame-cols,minmax(0, 1fr));grid-template-rows:var(--frame-rows,none);grid-template-areas:var(--frame-areas,none);gap:var(--frame-grid-gap,1.5rem);padding:var(--frame-pad,2.5rem);display:grid}}