.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-panel{background:var(--surface);border:1px solid var(--rule-2);border-radius:16px;width:440px;max-width:90vw;box-shadow:0 20px 60px #462d5429}.modal-header{padding:20px 24px 0;display:flex;justify-content:space-between;align-items:center}.modal-title{margin:0;font-size:16px;font-weight:600;color:var(--soft);min-width:0;word-break:break-word;overflow-wrap:anywhere}.modal-close-btn{background:none;border:none;color:var(--dimmer);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s ease;flex-shrink:0;align-self:flex-start}.modal-close-btn:hover{color:var(--soft);background:var(--surface-2)}.modal-body{padding:20px 24px;font-size:14px;color:var(--soft);line-height:1.5}.modal-footer-text{padding:0 24px;font-size:12px;color:var(--faint);text-align:center}.modal-footer{padding:16px 24px 20px;display:flex;justify-content:flex-end;gap:10px}.modal-footer button{padding:8px 20px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;border:1px solid var(--rule-2)}.modal-btn-secondary{background:var(--surface-raise);color:var(--soft)}.modal-btn-secondary:hover{background:var(--surface-hover);color:var(--soft)}.modal-btn-primary{background:var(--action);color:var(--action-ink);border-color:transparent}.modal-btn-primary:hover{background:var(--action-hover)}.modal-btn-danger{background:var(--danger-fill);color:var(--danger);border-color:var(--danger-border)}.modal-btn-danger:hover{background:var(--danger-fill);border-color:var(--danger-border)}
