html,body{margin:0;min-height:100%;background:var(--mtrl-sys-color-surface);color:var(--mtrl-sys-color-on-surface)}.screen{position:relative;min-height:100vh;font-family:var(--mtrl-sys-typescale-body-medium-font,Roboto,sans-serif)}.screen .mtrl-top-app-bar{position:sticky;top:0;z-index:1}.screen__body{display:flex;flex-direction:column;gap:16px;padding:8px 16px 96px}.screen__body>.mtrl-card{width:100%;box-sizing:border-box}.screen__body>.mtrl-textfield,.screen__body>.mtrl-slider{width:100%;min-width:0}.screen__row{display:flex}.screen__row>.mtrl-switch{width:100%}.screen__actions{display:flex;flex-wrap:wrap;gap:8px}.screen>.mtrl-fab{position:fixed;right:16px;bottom:16px}.mtrl-dialog:not(.mtrl-dialog--fullscreen){max-width:calc(100vw - 32px)}.screen.gallery{min-height:0;display:flex;flex-direction:column;gap:4px;padding:8px;background:var(--mtrl-sys-color-surface)}.gallery__step{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;border:2px solid transparent;border-radius:12px;transition:border-color 0.15s ease,background-color 0.15s ease}.gallery__step:hover,.gallery__step--active{border-color:var(--mtrl-sys-color-primary);background:var(--mtrl-sys-color-surface-container-low)}.gallery__name{margin:0;font:500 13px/1.3 Roboto,sans-serif;color:var(--mtrl-sys-color-on-surface);text-transform:capitalize}.gallery__name output{display:block;font:400 12px/1.3 ui-monospace,monospace;color:var(--mtrl-sys-color-on-surface-variant);text-transform:none}.gallery__items{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;min-width:0}.gallery__item{min-width:0}.gallery__item>.mtrl-card{width:200px}.gallery__item>.mtrl-textfield{width:220px;max-width:100%}.gallery__item>.mtrl-slider{width:200px;max-width:100%}@media (max-width:480px){.gallery__step{grid-template-columns:minmax(0,1fr);gap:6px}.gallery__name output{display:inline;margin-left:6px}}