.sheet__backdrop{background:var(--scrim-light);z-index:var(--z-sheet);animation:overlay-fade-in var(--transition-fast) forwards;position:fixed;inset:0}.sheet{background:var(--background-secondary);border-left:1px solid var(--border-hover);width:min(440px,100%);box-shadow:var(--shadow-lg);animation:sheet-in-right var(--transition-normal) forwards;outline:none;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0}.sheet--wide{width:min(560px,90vw)}@keyframes sheet-in-right{0%{transform:translate(100%)}to{transform:none}}.sheet__header{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);flex-shrink:0;display:flex}.sheet__title{font-size:var(--text-lg);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;overflow:hidden}.sheet__icon-btn{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-muted);transition:color var(--transition-fast), background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (pointer:coarse){.sheet__icon-btn{width:var(--tap-min);height:var(--tap-min)}}@media (hover:hover){.sheet__icon-btn:hover{color:var(--text-primary);background:var(--surface)}}.sheet__body{min-height:0;padding:var(--space-4);flex:1;overflow-y:auto}.sheet__footer{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;display:flex}@media (width<=767px){.sheet{border-left:none;border-top:1px solid var(--border-hover);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-height:92dvh;animation:sheet-up var(--transition-normal) forwards;padding-bottom:env(safe-area-inset-bottom,0);top:auto;left:0;right:0}.sheet__footer .btn{flex:1}}