.tm28{max-width:950px;margin:auto;padding:26px;background:#fff;border:1px solid #dbeafe;border-radius:22px;box-shadow:0 12px 35px rgba(37,99,235,.07)}.tm28 h2{color:#172554;margin:0 0 8px}.tm28 p{color:#64748b}.tm28 label{display:flex;flex-direction:column;gap:8px;font-weight:650;color:#1e3a8a;margin:16px 0}.tm28 input:not([type=checkbox]),.tm28 select,.tm28 textarea{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:12px 14px;background:#f8fbff;font:inherit;color:#0f172a;box-sizing:border-box}.tm28 input[type=color]{height:55px;padding:5px}.tm28 button{border:0;border-radius:12px;background:#2563eb;color:#fff;padding:14px 22px;font-weight:750;cursor:pointer;margin:10px 0}.tm28 button:hover{background:#1d4ed8}.tm28 button:disabled{opacity:.6}.tm28 #status{min-height:25px;font-weight:650}.tm28 #preview{max-width:100%;max-height:300px;object-fit:contain;border-radius:12px}.tm28-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tm28 #result{overflow:auto;white-space:pre-wrap;max-height:450px}.tm28 ins,.tm28 del{display:block;padding:5px 10px;text-decoration:none;white-space:pre-wrap}.tm28 ins{background:#dcfce7;color:#166534}.tm28 del{background:#fee2e2;color:#991b1b}@media(max-width:650px){.tm28{padding:16px}.tm28-two{grid-template-columns:1fr}}