/* css-unit.css — CSS 단위 변환기 전용 */
.cu-input{display:grid;grid-template-columns:2fr 1fr;gap:12px}
.cu-out{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.cu-row{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#0a0b16;border:1px solid var(--line);border-radius:11px;padding:8px 8px 8px 12px}
.cu-row.on{border-color:rgba(var(--primary-rgb),.55)}
.cu-row code{font-family:var(--mono);font-size:15px;font-weight:700;word-break:break-all;color:var(--primary-soft)}
.cu-set{border-top:1px solid var(--line);padding-top:12px}
.cu-set summary{cursor:pointer;font-size:14px;font-weight:700;color:var(--muted);margin-bottom:10px}
.cu-set .pk-actions{margin-top:10px}
.cu-table-sec{margin-top:22px;display:flex;flex-direction:column;gap:8px}
.cu-table-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.cu-h{font-size:16px;font-weight:800}
.pk-article code{font-family:var(--mono);font-size:.92em;background:rgba(255,255,255,.06);padding:1px 5px;border-radius:5px}