.drawer-mask[data-v-96a848a2]{position:fixed;inset:0;z-index:75;display:flex;justify-content:flex-end;background:var(--overlay-bg)}.drawer-panel[data-v-96a848a2]{display:flex;flex-direction:column;width:min(520px,100%);height:100%;border-radius:0;border-left:1px solid var(--app-border);box-shadow:var(--shadow-lg)}.drawer-head[data-v-96a848a2]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--app-border)}.drawer-head h2[data-v-96a848a2]{margin:0;font-size:17px}.drawer-close[data-v-96a848a2]{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--app-border);border-radius:10px;background:var(--app-surface-soft);color:var(--app-muted);font-size:22px;line-height:1;cursor:pointer}.drawer-close[data-v-96a848a2]:hover{color:var(--app-text,inherit);border-color:var(--app-border-strong)}.drawer-body[data-v-96a848a2]{flex:1 1 auto;overflow-y:auto;padding:18px 20px}.drawer-foot[data-v-96a848a2]{padding:14px 20px;border-top:1px solid var(--app-border)}.drawer-enter-active[data-v-96a848a2],.drawer-leave-active[data-v-96a848a2]{transition:opacity .24s ease}.drawer-enter-from[data-v-96a848a2],.drawer-leave-to[data-v-96a848a2]{opacity:0}.drawer-enter-active .drawer-panel[data-v-96a848a2],.drawer-leave-active .drawer-panel[data-v-96a848a2]{transition:transform .28s cubic-bezier(.22,1,.36,1)}.drawer-enter-from .drawer-panel[data-v-96a848a2],.drawer-leave-to .drawer-panel[data-v-96a848a2]{transform:translate(100%)}@media(max-width:560px){.drawer-panel[data-v-96a848a2]{width:100%;border-left:0}}