.cdg-wrapper{max-width:640px;margin:0 auto;padding:16px;}
.cdg-field{display:flex;flex-direction:column;margin-bottom:12px;}
.cdg-field label{font-weight:600;margin-bottom:6px;}
.cdg-input{border:1px solid #e5e7eb;border-radius:12px;padding:12px;font-size:16px;outline:none;transition:box-shadow .2s,border-color .2s;}
.cdg-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.15);}
.cdg-actions{display:flex;flex-direction:column;gap:10px;margin-top:8px;}
.cdg-btn{appearance:none;border:0;border-radius:14px;padding:14px 18px;font-weight:700;font-size:16px;background:#3b82f6;color:#fff;cursor:pointer;box-shadow:0 6px 14px rgba(59,130,246,.25);transition:transform .05s ease,box-shadow .2s;}
.cdg-btn:active{transform:translateY(1px);box-shadow:0 4px 10px rgba(59,130,246,.25);}
.cdg-note{font-size:12px;color:#6b7280;}
.cdg-result{margin-top:16px;}
.cdg-success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;padding:10px 12px;border-radius:10px;margin-bottom:10px;font-weight:600;}
.cdg-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;padding:10px 12px;border-radius:10px;margin-bottom:10px;font-weight:600;}
.cdg-img{width:100%;height:auto;border-radius:12px;border:1px solid #e5e7eb;margin-top:10px;}
.cdg-legal{display:flex;align-items:center;gap:8px;font-size:14px;margin-top:4px;}
@media(min-width:720px){.cdg-actions{flex-direction:row;}.cdg-btn{min-width:220px;}}