.drawer-overlay{z-index:1090;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#11182799;animation:.2s ease-out fadeIn;position:fixed;inset:0}.drawer-content{background-color:var(--bg-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;z-index:1100;box-sizing:border-box;flex-direction:column;max-width:100vw;max-height:90dvh;animation:.3s cubic-bezier(.16,1,.3,1) slideUpDrawer;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:hidden;box-shadow:0 -4px 20px #0000001a}.drawer-content--no-overlay{border-top:2px solid var(--color-primary-600);pointer-events:auto;max-height:60dvh;box-shadow:0 -8px 32px #00000040}@media (width>=769px){.drawer-content--no-overlay{left:auto;right:var(--space-4);bottom:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-color);border-top:3px solid var(--color-primary-600);width:440px;max-width:calc(100vw - 32px);max-height:80dvh}}.drawer-header{padding:var(--space-4);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:var(--space-2);min-width:0;display:flex}.drawer-title{color:var(--text-primary);overflow-wrap:break-word;word-break:break-word;flex:1;min-width:0;margin:0;font-size:1.125rem;font-weight:600}.drawer-close-btn{cursor:pointer;color:var(--text-secondary);padding:var(--space-1);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;display:flex}.drawer-close-btn:hover{background-color:var(--bg-main);color:var(--text-primary)}.drawer-body{padding:var(--space-4) var(--space-4) calc(var(--space-8) * 1.5);overflow-y:auto}.drawer-handle-zone,.drawer-handle{display:none}@keyframes slideUpDrawer{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width<=768px){.drawer-handle-zone{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;padding:10px 0 6px;display:flex}.drawer-handle-zone:active{cursor:grabbing}.drawer-handle{background-color:var(--border-color);border-radius:var(--radius-full);flex-shrink:0;width:36px;height:4px;margin:0 auto;display:block}.drawer-header{padding:var(--space-2) var(--space-3)}.drawer-close-btn{padding:var(--space-2);flex-shrink:0}}