.codimiq-us-module{display:flex;justify-content:center;}
.codimiq-us-card.codimiq-us-card-front{
  background-color:#4f4f4f;
  background-image:url('https://www.codimiq.com/wp-content/uploads/2025/12/Background-Ext-2.jpg');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  border:1px solid #cccccc;
  padding:40px;
  border-radius:10px;
  width:800px;
  max-width:100%;
  box-sizing:border-box;
  height:auto;
}
.codimiq-us-row{display:flex;align-items:center;gap:14px;flex-wrap:nowrap;}
.codimiq-us-label{color:#fff;font-weight:700;white-space:nowrap;}
.codimiq-us-input{flex:1 1 auto;min-width:320px;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.92);box-sizing:border-box;}
.codimiq-us-btn{flex:0 0 auto;white-space:nowrap;}
.codimiq-us-result{margin-top:18px;}
.codimiq-us-result-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.codimiq-us-result-text{color:#fff;font-weight:600;white-space:nowrap;}
.codimiq-us-short{width:300px;max-width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.92);box-sizing:border-box;}
.codimiq-us-created{background:#e6f7ec;color:#1d7a3a;padding:8px 10px;border-radius:10px;font-weight:700;display:inline-flex;align-items:center;gap:6px;}
.codimiq-us-error{margin-top:12px;background:#fde8e8;color:#8a1f1f;padding:10px 12px;border-radius:10px;font-weight:700;}
@media (max-width:768px){.codimiq-us-card.codimiq-us-card-front{width:100%;padding:28px;}}
@media (max-width:560px){.codimiq-us-row{flex-direction:column;align-items:stretch;gap:10px;}.codimiq-us-label{white-space:normal;}.codimiq-us-input{min-width:0;width:100%;}.codimiq-us-btn{width:100%;margin-top:6px;}.codimiq-us-result-text{white-space:normal;}}