.tq-modal-overlay{background:var(--color-scrim);z-index:var(--z-modal);padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tq-modal-surface{background:var(--color-bg-alt);border:1px solid var(--color-border-strong);border-radius:var(--radius-modal);box-shadow:var(--shadow-modal);flex-direction:column;width:min(460px,100%);max-height:90vh;display:flex;overflow:hidden}.tq-modal-header{justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-surface-hover);flex-shrink:0;padding:20px 22px 16px;display:flex}.tq-modal-title{font-size:var(--text-heading-compact-size);line-height:var(--text-heading-compact-line);font-weight:var(--weight-semibold);letter-spacing:.02em;color:var(--color-text);margin:0}.tq-modal-close{background:var(--color-surface-hover);width:28px;height:28px;color:var(--color-text-muted);border-radius:var(--radius-button);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;line-height:1;display:flex}.tq-modal-close:hover,.tq-modal-close:focus-visible{background:var(--color-border-strong);color:var(--color-text)}.tq-modal-body{flex:auto;padding:18px 22px;overflow-y:auto}.tq-modal-footer{justify-content:flex-end;gap:var(--space-2);border-top:1px solid var(--color-surface-hover);flex-shrink:0;padding:16px 22px;display:flex}@media (width<=480px){.tq-modal-surface{width:100%}}