:root{--page-rail:76px;--page-topbar:calc(56px + var(--shell-banner, 0px));--page-gutter:24px;--page-bottom:96px;--page-header-min-height:42px;--page-header-gap:24px;--page-header-space-below:20px}.ux-page{min-height:100vh;padding:var(--page-topbar) var(--page-gutter) var(--page-bottom) var(--page-rail);color:var(--ink-primary);overflow-x:hidden}.ux-page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--page-header-gap);min-height:var(--page-header-min-height);margin-bottom:var(--page-header-space-below)}.ux-page-header :is(h1,h2){margin:0;font-size:var(--type-title-size);line-height:var(--type-title-line);letter-spacing:var(--type-title-track);font-weight:400;color:var(--ink-primary)}.ux-page-title{display:flex;min-width:0;align-items:center;gap:16px}.ux-page-actions{display:flex;flex:none;align-items:center;gap:12px}@media (max-width:560px){.rooms-page-header{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;-moz-column-gap:6px;column-gap:6px}.rooms-page-title{display:contents}.rooms-page-accessory{display:flex;min-width:0;grid-row:1;grid-column:2;justify-self:center}.rooms-page-accessory [role=group]{padding:2px}.rooms-page-accessory [role=group]>button{min-width:56px;padding-right:10px;padding-left:10px}.rooms-page-actions{grid-row:1;grid-column:3;justify-self:end}.rooms-page-actions>button{padding-right:16px;padding-left:16px}.rooms-page-title-skeleton{width:60px}.rooms-page-accessory-skeleton{width:129px;height:38px}.rooms-page-action-skeleton{width:91px;height:42px}}@media (max-width:767px){.ux-page{padding-right:18px;padding-left:18px}}.ux-shell-banner{position:fixed;top:56px;right:0;left:var(--page-rail);z-index:40;padding:12px var(--page-gutter) 0;background:var(--surface-900,#000);transition:right .42s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:reduce){.ux-shell-banner{transition:none}}@media (max-width:767px){.ux-shell-banner{left:0;padding-right:18px;padding-left:18px}}