.ui-panel{z-index:var(--z-panel);background:var(--raised);color:var(--text);box-shadow:var(--shadow-overlay);transition:transform var(--dur-3) var(--ease), opacity var(--dur-3) var(--ease), visibility var(--dur-3) var(--ease);outline:none;flex-direction:column;display:flex;position:fixed}.ui-panel[data-state=closed]{visibility:hidden;opacity:0}.ui-panel[data-state=open]{transition-property:transform,opacity}.ui-panel[data-side=right]{border-left:1px solid var(--line-strong);width:100%;top:0;bottom:0;right:0}.ui-panel[data-side=right][data-state=closed]{transform:translate(100%)}.ui-panel[data-side=bottom]{border-top:1px solid var(--line-strong);border-radius:var(--radius-l) var(--radius-l) 0 0;max-height:85dvh;padding-bottom:env(safe-area-inset-bottom);bottom:0;left:0;right:0}.ui-panel[data-side=bottom][data-state=closed]{transform:translateY(100%)}.ui-panel-head{align-items:center;gap:var(--space-3);min-height:var(--h-topbar);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-bottom:1px solid var(--line);display:flex}.ui-panel-title{min-width:0;font-size:var(--fs-20);line-height:var(--lh-20);letter-spacing:var(--ls-20);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-weight:600;overflow:hidden}.ui-panel-close{color:var(--text-2);flex:none}.ui-panel-body{overscroll-behavior:contain;min-height:0;padding:var(--space-4);flex:1;overflow-y:auto}.ui-panel-foot{justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--line);background:var(--raised);display:flex}.ui-panel-scrim{z-index:var(--z-panel);background:var(--scrim);transition:opacity var(--dur-3) var(--ease), visibility var(--dur-3) var(--ease);position:fixed;inset:0}.ui-panel-scrim[data-state=closed]{opacity:0;visibility:hidden}@media (min-width:640px){.ui-panel[data-side=right]{top:var(--h-topbar);width:var(--w-panel)}.ui-panel[data-side=right] .ui-panel-head{padding-left:var(--space-6)}.ui-panel[data-side=right] .ui-panel-body{padding:var(--space-6)}.ui-panel[data-side=right] .ui-panel-foot{padding:var(--space-3) var(--space-6)}}@media (prefers-reduced-motion:reduce){.ui-panel[data-side=right][data-state=closed],.ui-panel[data-side=bottom][data-state=closed]{transform:none}}