.tool-card{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:24px;box-shadow:0 20px 50px #0f172a0f}.color-grid{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);align-items:start;gap:22px;display:grid}.input-label{color:#334155;margin-bottom:8px;font-weight:800;display:block}.tool-card input[type=text]{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:100%;padding:13px 14px;font-family:inherit;font-size:17px}.tool-card input[type=text]:focus{border-color:#1881ff;outline:none;box-shadow:0 0 0 3px #1881ff26}.tool-card input[type=color]{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:100%;height:52px;padding:4px}.tool-error{color:#b91c1c;min-height:24px;margin-top:12px;font-weight:700}.swatch{border:1px solid #cbd5e1;border-radius:18px;height:150px;box-shadow:inset 0 0 0 1px #ffffff59}.color-summary{text-align:center;color:#0f172a;word-break:break-word;margin-top:10px;font-weight:800}.format-list{gap:10px;margin-top:22px;display:grid}.format-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;display:flex}.format-row span{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:800;display:block}.format-row code{color:#0f172a;word-break:break-all;margin-top:3px;font-size:17px;display:block}.mini-copy{color:#fff;cursor:pointer;white-space:nowrap;background:#0f172a;border:0;border-radius:10px;padding:9px 14px;font-weight:800}.contrast-box{color:#1e3a8a;background:#eff6ff;border-radius:14px;margin-top:18px;padding:16px;line-height:1.7}.contrast-box a{color:#1d4ed8;text-decoration:underline}.privacy-note{text-align:center;color:#64748b;margin-top:14px;font-size:15px}.table-wrap{border:1px solid #e2e8f0;border-radius:14px;overflow-x:auto}.ref-table{border-collapse:collapse;background:#fff;width:100%}.ref-table th,.ref-table td{text-align:left;vertical-align:top;color:#334155;border-bottom:1px solid #e2e8f0;padding:13px 14px;font-size:15px}.ref-table th{color:#0f172a;background:#f8fafc;font-weight:800}.ref-table tr:last-child td{border-bottom:0}@media (width<=760px){.color-grid{grid-template-columns:1fr}.tool-card{padding:18px}.format-row{flex-direction:column;align-items:flex-start}.mini-copy{width:100%}}