.nx-sheet-backdrop{height:var(--app-h,100dvh);z-index:60;animation:nx-fade .16s var(--ease-out-expo);background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0 0 auto}.nx-sheet{width:min(100%,36rem);max-height:calc(var(--app-h,100dvh) - var(--safe-top) - 1.5rem);border:1px solid var(--color-border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--color-bg-panel);transition:transform .16s var(--ease-out-expo);animation:nx-rise .22s var(--ease-out-expo);border-bottom:0;outline:none;flex-direction:column;display:flex;box-shadow:0 -12px 32px #00000080}.nx-sheet[data-fullscreen=true]{width:100%;height:calc(var(--app-h,100dvh) - var(--safe-top));max-height:none}.nx-sheet-grip{padding:var(--space-3) 0 var(--space-1);cursor:grab;touch-action:none;justify-content:center;display:flex}.nx-sheet-grip span{background:var(--color-border-strong);border-radius:999px;width:2.5rem;height:.25rem}.nx-sheet-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4) var(--space-3);border-bottom:1px solid var(--color-border);display:flex}.nx-sheet-header h2{min-width:0;font-size:var(--text-lg);overflow-wrap:anywhere;white-space:normal;margin:0;font-weight:600;line-height:1.3}.nx-sheet-body{overscroll-behavior:contain;min-height:0;padding:var(--space-4) var(--space-4) calc(var(--space-4) + var(--safe-bottom));flex:1;overflow-y:auto}@keyframes nx-rise{0%{transform:translateY(100%)}}@keyframes nx-fade{0%{opacity:0}}@media (width<=39.99rem),(pointer:coarse) and (orientation:landscape) and (height<=31.25rem) and (width<=63.99rem){.nx-sheet{max-width:100vw;padding-left:var(--safe-left);padding-right:var(--safe-right)}.nx-sheet-header .spacebar-icon-button{min-width:44px;min-height:44px}.nx-sheet-body{overflow-x:hidden}.nx-sheet-body :is(.spacebar-primary-button,.spacebar-danger-button,.spacebar-toolbar-button,.room-ghost-button),.nx-sheet-body input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color]),.nx-sheet-body select{min-height:44px}.nx-sheet-body :where(img,video,canvas,svg:not([width])){max-width:100%}}
