.hub-dialog-overlay{position:fixed;inset:0;z-index:110;background:var(--slab-overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:opacity .18s var(--ease-out-strong)}.hub-dialog-overlay[data-state=closed]{opacity:0}.hub-dialog-overlay[data-state=open]{opacity:1}.hub-dialog-frame{position:fixed;inset:0;z-index:120;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:auto;overscroll-behavior:contain;padding:.75rem;padding-top:calc(.75rem + env(safe-area-inset-top));padding-bottom:calc(.75rem + env(safe-area-inset-bottom));pointer-events:none;outline:none}.hub-dialog-frame[data-open]{pointer-events:auto}.hub-dialog-bare-shell{display:flex;width:100%;min-width:0;align-items:flex-start;justify-content:center;margin-block:auto;pointer-events:none}.hub-dialog-bare-shell>*{pointer-events:auto;min-width:0}.hub-dialog-bare-shell>:not([class*=max-w-]){max-width:100%}.hub-dialog-surface:focus,.hub-dialog-bare-shell:focus{outline:none}.hub-dialog-surface{position:relative;pointer-events:auto;min-width:0;margin-block:auto;transition:opacity .18s var(--ease-out-strong)}.hub-dialog-surface:not([class*=max-w-]),.hub-create-modal:not([class*=max-w-]){max-width:100%}[data-state=closed] .hub-dialog-surface{opacity:0}[data-state=open] .hub-dialog-surface{opacity:1}.hub-dialog-close{position:absolute;top:.75rem;right:.75rem;z-index:10;display:inline-flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border:0;border-radius:var(--nm-r-control);color:var(--ink-3);background:var(--slab);box-shadow:var(--nm-raised-sm);transition:box-shadow var(--nm-t),color var(--nm-t)}.hub-dialog-close:hover{color:var(--ink);box-shadow:var(--nm-raised)}.hub-dialog-close:active{box-shadow:var(--nm-inset-sm)}.hub-create-modal{position:relative;display:flex;flex-direction:column;min-width:0;max-height:calc(100dvh - 1.5rem);max-height:calc(100dvh - 1.5rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-wrap:break-word;border:0;border-radius:var(--nm-r-panel);background:var(--slab);box-shadow:var(--nm-float),0 0 0 1px var(--hairline)}.hub-create-modal>:not(.hub-create-modal__header):not(.hub-create-modal__footer):not(.hub-dialog-close){flex:1 1 auto;min-height:0;min-width:0;overflow-y:auto;overscroll-behavior:contain}.hub-create-modal__header{flex-shrink:0;border-bottom:1px solid var(--hairline);padding:1rem}.hub-dialog-surface .hub-create-modal__header{padding-inline-end:3.75rem}.hub-create-modal__title{color:var(--ink);font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.35;overflow-wrap:break-word}.hub-create-modal__copy{margin-top:.25rem;color:var(--ink-3);font-size:12.5px;line-height:1.5;overflow-wrap:break-word}.hub-create-modal__body{display:flex;flex-direction:column;gap:1.25rem;padding:1rem}.hub-create-section{display:flex;flex-direction:column;gap:.75rem;min-width:0}.hub-create-section__title{color:var(--ink-2);font-size:13px;font-weight:600;letter-spacing:normal;line-height:1.3;text-transform:none}.hub-create-section__copy{margin-top:.25rem;color:var(--ink-3);font-size:12.5px;line-height:1.5}.hub-create-modal__footer{flex-shrink:0;display:flex;flex-direction:column-reverse;align-items:stretch;justify-content:flex-end;flex-wrap:wrap;gap:.5rem;border-top:1px solid var(--hairline);padding:1rem}@media(min-width:640px){.hub-dialog-frame{padding:1rem;padding-top:calc(1rem + env(safe-area-inset-top));padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.hub-create-modal{max-height:calc(100dvh - 2rem);max-height:calc(100dvh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.hub-dialog-close{top:1rem;right:1rem;height:2.25rem;width:2.25rem}.hub-create-modal__header{padding:1.25rem 1.5rem}.hub-dialog-surface .hub-create-modal__header{padding-inline-end:4rem}.hub-create-modal__body{padding:1.5rem}.hub-create-modal__footer{flex-direction:row;align-items:center;gap:.75rem;padding:1rem 1.5rem}}
