@layer components{.modal-overlay{z-index:4000;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-overlay.hidden{display:none}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;width:100%;max-width:440px;padding:24px}.modal-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-title{font-size:18px;font-weight:800}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:18px}.modal-close:hover{color:var(--text-main)}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}}