/* RECATOOLS — Complex Number Calculator look (indigo math family) */
.cx-wrap { padding: 1.25rem; }
.cx-inputs { display: flex; flex-wrap: wrap; gap: 1.5rem; }
.cx-num { display: flex; flex-direction: column; gap: .4rem; }
.cx-num > label { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: #9b968d; }
.cx-fields { display: flex; align-items: center; gap: .4rem; font-family: ui-monospace, Menlo, monospace; }
.cx-fields input { width: 70px; padding: .55rem; text-align: center; border: 1px solid #ebebeb; border-radius: 8px; font-size: 1rem; font-family: ui-monospace, Menlo, monospace; }
.cx-fields input:focus { outline: none; border-color: #4f46e5; box-shadow: 0 0 0 3px rgba(79,70,229,.15); }
.cx-fields .cx-op { color: #6b6760; }
.cx-extra { display: flex; flex-wrap: wrap; gap: 1.25rem; margin-top: 1.1rem; }
.cx-extra .cx-field { display: flex; flex-direction: column; gap: .3rem; }
.cx-extra label { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: #9b968d; }
.cx-extra input { width: 90px; padding: .55rem; border: 1px solid #ebebeb; border-radius: 8px; font-size: 1rem; font-family: ui-monospace, Menlo, monospace; }
.cx-extra input:focus { outline: none; border-color: #4f46e5; box-shadow: 0 0 0 3px rgba(79,70,229,.15); }
.cx-result { margin-top: 1.5rem; }
.cx-block { margin-top: 1.1rem; }
.cx-h { font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: #6366f1; margin: 0 0 .7rem; }
.cx-cards { display: flex; flex-wrap: wrap; gap: .6rem; }
.cx-card { flex: 1; min-width: 150px; padding: .7rem .9rem; background: #f5f3ff; border: 1px solid #ddd6fe; border-radius: 10px; display: flex; flex-direction: column; gap: .2rem; }
.cx-card-wide { flex-basis: 100%; }
.cx-card-l { font-size: .72rem; text-transform: uppercase; letter-spacing: .04em; color: #9b968d; font-weight: 700; }
.cx-card-v { font-size: 1.05rem; font-family: ui-monospace, Menlo, monospace; color: #4338ca; word-break: break-word; }