.cng-page-wrap{max-width:860px;margin:24px auto;background:#fff;font-family:Inter,ui-sans-serif,system-ui,Arial,Helvetica,sans-serif}
.cng-page-heading{text-align:center;margin:0 auto 18px;padding:0 10px}
.cng-page-heading h2{margin:0 0 8px;font-size:34px;line-height:1.2;color:#111827;font-weight:800}
.cng-page-heading p{margin:0;color:#4b5563;font-size:15px}
.cng-blue-card{max-width:820px;margin:18px auto;border-radius:10px;overflow:hidden;box-shadow:0 6px 18px rgba(17,24,39,0.06);font-family:Inter,ui-sans-serif,system-ui,Arial,Helvetica,sans-serif;background:#fff}
.cng-blue-header{background:linear-gradient(90deg,#0b74ff,#0066d6);color:#fff;padding:22px 20px}
.cng-blue-header h3{margin:0;font-size:20px;letter-spacing:.2px}
.cng-blue-sub{margin:6px 0 0;font-size:13px;opacity:.95}
.cng-blue-body{background:#fff;padding:18px 20px 22px;border-top:1px solid rgba(11,116,255,0.06)}
.cng-blue-body label{display:block;margin-top:8px;font-weight:600;color:#0b3559}
.cng-blue-body input[type='text'], .cng-blue-body select{width:100%;padding:10px;margin-top:6px;border:1px solid #e6eefb;border-radius:8px;box-sizing:border-box;background:#fbfdff;color:#111827}
.cng-blue-body input[type='text']:focus, .cng-blue-body select:focus{outline:none;border-color:#bfd8ff;box-shadow:0 0 0 3px rgba(11,116,255,0.08)}
.cng-row{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap}
.cng-col{flex:1;min-width:180px}
.cng-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:14px}
.cng-btn-primary,.cng-btn-secondary,.cng-btn-outline{padding:9px 14px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .15s ease}
.cng-btn-primary{background:#0b74ff;color:#fff;border:none;box-shadow:0 4px 10px rgba(11,116,255,0.18)}
.cng-btn-primary:hover{background:#0a68e6}
.cng-btn-secondary{background:#1f7bf0;color:#fff;border:none}
.cng-btn-secondary:hover{background:#166ad2}
.cng-btn-outline{background:#fff;color:#0b74ff;border:1px solid #0b74ff}
.cng-btn-outline:hover{background:#f5f9ff}
.cng-output{margin-top:14px;padding:14px;border-radius:8px;border:1px solid #eef6ff;min-height:110px;background:linear-gradient(180deg,#fbfdff,#f7fbff)}
.cng-placeholder{color:#6b7280}
.cng-footer-note{margin-top:10px;font-size:13px;color:#374151}
.cng-loading{color:#0b74ff;font-weight:600}
.cng-output ol{padding-left:20px;margin:0}
.cng-output li{margin:0 0 8px;line-height:1.6;color:#1f2937}
.cng-copy-done{color:#0b74ff;font-weight:600}
@media (max-width:700px){
  .cng-page-heading h2{font-size:28px}
  .cng-actions{justify-content:flex-start}
  .cng-col{min-width:100%}
}