.app-sheet-backdrop{z-index:40;background:var(--surface-overlay);flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.app-sheet-panel{background:var(--surface-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-3);flex-direction:column;width:100%;max-width:32rem;max-height:90%;margin:0 auto;display:flex}.app-sheet-handle{padding-top:var(--space-2);justify-content:center;display:flex}.app-sheet-handle-bar{border-radius:var(--radius-xs);background:var(--border-strong);width:36px;height:4px}.app-sheet-header{align-items:center;gap:var(--space-2);padding:2px var(--space-2) 2px var(--space-4);display:flex}.app-sheet-title{font:700 var(--text-xl) / 1.25 var(--font-sans);color:var(--text-strong);flex:1;margin:0}.app-sheet-body{min-height:0;padding:var(--space-1) var(--space-4) var(--space-5);gap:var(--space-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.app-sheet-footer{gap:var(--space-2);padding:var(--space-3) var(--space-4) 30px;border-top:1px solid var(--border-default);display:flex}@media (width>=960px){.app-sheet-backdrop{padding:var(--space-5);justify-content:center;align-items:center}.app-sheet-panel{border-radius:var(--radius-xl);max-height:min(90%,36rem)}.app-sheet-handle{display:none}}