.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(28,25,23,.35);display:flex;align-items:flex-start;justify-content:center;padding:4rem 1rem 1rem;overflow:auto}.modal-backdrop.modal-backdrop--stack{z-index:110}.modal-backdrop .modal{width:min(440px,100%);background:var(--card,#fffdf8);border:1px solid var(--line,#e7e5e4);border-radius:8px;box-shadow:0 12px 32px rgba(0,0,0,.12)}.modal-backdrop .modal.modal--wide{width:min(640px,100%);max-height:min(92dvh,860px);overflow:auto}.modal-backdrop .modal__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .9rem;border-bottom:1px solid var(--line,#e7e5e4);background:#e7e5e4}.modal-backdrop .modal__head h3{margin:0;font-size:1rem}.modal-backdrop .modal__form{display:grid;grid-gap:.75rem;gap:.75rem;padding:.9rem}.modal-backdrop .modal__form label{display:grid;grid-gap:.25rem;gap:.25rem;font-size:.85rem;color:var(--muted,#78716c)}.modal-backdrop .modal__form input,.modal-backdrop .modal__form select,.modal-backdrop .modal__form textarea{font:inherit;padding:.4rem .5rem;border:1px solid var(--line,#e7e5e4);border-radius:6px;color:inherit;background:#fff}.modal-backdrop .modal__form textarea{min-height:4rem;resize:vertical}.modal-backdrop .modal__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}