.kcf52{max-width:1120px;margin:20px auto;padding:22px;background:#fff;border:1px solid #e1e1e1;border-radius:14px;box-shadow:0 3px 18px rgba(0,0,0,.06);font-family:Arial,sans-serif}
.kcf52-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.kcf52-head h2{margin:0 0 8px;font-size:28px}.kcf52-head p{margin:0;color:#667085}.kcf52-head span{background:#eaf8ee;color:#087f3f;padding:10px 15px;border-radius:20px;font-weight:800}
.kcf52-grid{display:grid;grid-template-columns:390px 1fr;gap:18px;margin-top:18px}.kcf52-panel,.kcf52-output-panel{border:1px solid #ddd;border-radius:12px;padding:18px}.kcf52-panel h3{margin:0 0 10px}.kcf52-panel select,.kcf52-panel input[type=password],.kcf52-panel input[type=number]{width:100%;box-sizing:border-box;padding:11px;border:1px solid #ccc;border-radius:8px;background:#fff}.kcf52-panel label{display:flex;flex-direction:column;gap:7px;font-weight:700;margin:12px 0}
.kcf52-file{border:1px dashed #6458e8;border-radius:10px;padding:12px;display:flex!important;flex-direction:row!important;align-items:center;gap:12px}.kcf52-file span{background:#4b3de5;color:#fff;border-radius:8px;padding:10px 14px;line-height:1.35}.kcf52-file input{display:none}.kcf52-file em{font-style:normal;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kcf52-row{display:grid;grid-template-columns:1fr 1.4fr;gap:12px}.kcf52-buttons{display:flex;gap:10px;margin-top:14px}.kcf52-buttons button{border:0;border-radius:9px;padding:12px 18px;font-weight:700;cursor:pointer}.kcf52-buttons button:first-child{background:#4b3de5;color:#fff}.kcf52-buttons button:last-child{background:#e9e9ef}.kcf52-msg{margin-top:12px;padding:10px;background:#f3f6fa;border-radius:8px}
.kcf52-preview-head{display:flex;justify-content:space-between;align-items:center}.kcf52-preview-head span{font-size:13px;color:#667085}.kcf52-preview{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:14px;min-height:220px}.kcf52-card{border:1px solid #d9d9d9;border-radius:10px;padding:10px;background:#fafafa}.kcf52-card img{width:100%;height:auto;display:block;image-rendering:auto}.kcf52-card b{display:block;text-align:center;margin-top:8px}.kcf52-empty{grid-column:1/-1;display:flex;align-items:center;justify-content:center;min-height:220px;color:#777;background:#fafafa;border:1px dashed #ccc;border-radius:10px}
.kcf52-output-panel{margin-top:18px}.kcf52-download{display:inline-block;margin:4px 8px 4px 0;padding:11px 16px;border-radius:8px;background:#4b3de5;color:#fff;text-decoration:none;font-weight:700}.kcf52-note{color:#667085;font-size:13px}
@media(max-width:850px){.kcf52-grid{grid-template-columns:1fr}.kcf52-preview{grid-template-columns:1fr}}