.create .modal-scrim{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .28s var(--ease-io);background:#080b1294;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.create .modal-scrim.open{opacity:1;pointer-events:auto}.create .modal{background:var(--page);border:1px solid var(--hairline);width:min(680px,96vw);max-height:90vh;transition:transform .32s var(--ease-out);border-radius:24px;flex-direction:column;display:flex;position:relative;overflow:hidden;transform:translateY(16px)scale(.98);box-shadow:0 40px 100px -30px #000000b3}.create .modal-scrim.open .modal{transform:none}.create .modal-head{border-bottom:1px solid var(--hairline);align-items:flex-start;gap:14px;padding:22px 24px 16px;display:flex}.create .modal-head-t{flex:1;min-width:0}.create .modal-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.create .modal-h{letter-spacing:-.02em;margin-top:3px;font-size:21px;font-weight:700}.create .modal-sub{color:var(--text2);text-wrap:pretty;margin-top:4px;font-size:13.5px}.create .modal-x{border:1px solid var(--hairline);background:var(--surface);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:11px;flex:none;justify-content:center;align-items:center;transition:background .16s,transform .15s;display:flex}.create .modal-x svg{width:18px;height:18px}.create .modal-x:hover{background:var(--surface2)}.create .modal-x:active{transform:scale(.92)}.create .modal-body{padding:22px 24px;overflow-y:auto}.create .modal-foot{border-top:1px solid var(--hairline);justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.create .modal-foot .spacer{flex:1}
