@layer flow-overlay{.fo-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--flow-z-overlay);display:grid;place-items:center;padding:var(--flow-page-gutter);background:var(--flow-color-overlay);animation:fo-fade var(--flow-duration) var(--flow-easing)}.fo-dialog{width:min(100%,560px);max-height:min(88vh,760px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--flow-color-border);border-radius:var(--flow-radius-dialog);background:var(--flow-color-surface);color:var(--flow-color-text);box-shadow:var(--flow-shadow-dialog);animation:fo-modal-in var(--flow-duration-overlay) var(--flow-easing)}.fo-dialog--size-wide{width:fit-content;max-width:min(100%,1120px)}.fo-dialog--sheet{width:min(100%,480px);max-height:92vh;align-self:end;border-radius:var(--flow-radius-sheet) var(--flow-radius-sheet) 0 0;animation-name:fo-sheet-in}.fo-dialog__header{min-height:64px;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--flow-space-4);padding:var(--flow-space-4) var(--flow-space-5);border-bottom:1px solid var(--flow-color-border-subtle)}.fo-dialog__heading{min-width:0}.fo-dialog__title{margin:0;font-size:var(--flow-font-size-title);line-height:var(--flow-line-title);font-weight:700}.fo-dialog__description{margin:var(--flow-space-1) 0 0;color:var(--flow-color-text-secondary);font-size:var(--flow-font-size-secondary);line-height:var(--flow-line-secondary)}.fo-dialog__close{width:var(--flow-touch-target);height:var(--flow-touch-target);flex:0 0 var(--flow-touch-target);display:grid;place-items:center;margin:-6px -8px -6px 0;padding:0;border:0;border-radius:var(--flow-radius-control);background:transparent;color:var(--flow-color-text-secondary);font-size:26px;line-height:1;cursor:pointer}.fo-dialog__close:hover{background:var(--flow-color-surface-subtle)}.fo-dialog__body{min-height:0;flex:1 1 auto;overflow:auto;padding:var(--flow-space-5);overscroll-behavior:contain}.fo-dialog__footer{display:flex;justify-content:flex-end;gap:var(--flow-space-2);padding:var(--flow-space-3) var(--flow-space-5) calc(var(--flow-space-3) + env(safe-area-inset-bottom));border-top:1px solid var(--flow-color-border-subtle);background:var(--flow-color-surface)}}@media (max-width: 767px){@layer flow-overlay{.fo-backdrop{place-items:end center;padding:0}.fo-dialog--responsive,.fo-dialog--sheet{width:min(100%,480px);max-height:92vh;border-radius:var(--flow-radius-sheet) var(--flow-radius-sheet) 0 0;animation-name:fo-sheet-in}.fo-dialog__header,.fo-dialog__body{padding:var(--flow-space-4)}.fo-dialog__footer{position:sticky;bottom:0;display:grid;padding:var(--flow-space-3) var(--flow-space-4) calc(var(--flow-space-3) + env(safe-area-inset-bottom))}.fo-dialog__footer>*{width:100%}}}@keyframes fo-fade{0%{opacity:0}to{opacity:1}}@keyframes fo-modal-in{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}@keyframes fo-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.fo-backdrop,.fo-dialog{animation:none}}