@layer ui{.ui-shell{background:var(--ui-bg-primary);min-height:100dvh}.ui-shell__topbar{z-index:30;border-bottom:1px solid var(--ui-border-secondary);background:var(--ui-bg-primary);justify-content:space-between;align-items:center;height:64px;padding:0 8px 0 16px;display:flex;position:sticky;top:0}.ui-shell__backdrop{z-index:40;background:color-mix(in srgb, var(--ui-bg-overlay) 70%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:fixed;inset:0}.ui-shell__sidebar{z-index:50;border-right:1px solid var(--ui-border-secondary);background:var(--ui-bg-primary);visibility:hidden;width:min(85vw,320px);transition:transform .2s var(--ui-ease), visibility 0s linear .2s;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.ui-shell--open .ui-shell__sidebar{visibility:visible;box-shadow:var(--ui-shadow-xl);transition:transform .2s var(--ui-ease);transform:none}.ui-shell__sidebar-header{justify-content:space-between;align-items:center;gap:12px;padding:16px 12px 16px 20px;display:flex}.ui-shell__sidebar-body{flex:auto;min-height:0;padding:4px 16px 16px;overflow-y:auto}.ui-shell__sidebar-footer{flex-direction:column;gap:12px;padding:12px 16px 20px;display:flex}.ui-shell__main{min-width:0}.ui-shell__content{max-width:var(--ui-container-max);padding:24px var(--ui-container-padding) 48px;margin:0 auto}@media (width>=1024px){.ui-shell{grid-template-columns:280px minmax(0,1fr);display:grid}.ui-shell__topbar,.ui-shell__backdrop,.ui-shell__close{display:none}.ui-shell__sidebar{visibility:visible;width:280px;height:100dvh;box-shadow:none;transition:none;position:sticky;top:0;transform:none}.ui-shell__sidebar-header{padding:20px 20px 16px}.ui-shell__content{padding-top:32px}}}