
#kkl-online{--kkl-text:#303030;--kkl-line:#dcdcdc;--kkl-accent:#555555;--kkl-muted:#666;max-width:100%;margin:0 auto;color:var(--kkl-text);font:inherit;line-height:1.5}
#kkl-online *,#kkl-online *::before,#kkl-online *::after{box-sizing:border-box}
#kkl-online .kkl-heading{font-family:inherit;font-size:1.6em;font-weight:600;line-height:1.25;margin:0 0 10px;color:inherit}
#kkl-online .kkl-intro{font-size:inherit;color:var(--kkl-muted);margin:0 0 25px}
#kkl-online .kkl-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:25px}
#kkl-online .kkl-progress button{border:1px solid var(--kkl-line);background:#f6f6f6;color:#555;padding:12px 5px;font:inherit;font-size:13px;cursor:pointer;border-radius:2px}
#kkl-online .kkl-progress button[aria-current="step"]{border-color:var(--kkl-accent);background:var(--kkl-accent);color:#fff}
#kkl-online .kkl-panel{border:0;background:transparent;padding:0;margin-bottom:17px}
#kkl-online .kkl-pane{display:none}
#kkl-online .kkl-pane.kkl-active{display:block}
#kkl-online h3{font:inherit;font-size:21px;font-weight:600;margin:0 0 7px;color:inherit}
#kkl-online h4{font:inherit;font-size:16px;font-weight:600;margin:23px 0 12px;color:inherit}
#kkl-online p.kkl-help{margin:0 0 22px;color:var(--kkl-muted);font-size:14px}
#kkl-online .kkl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
#kkl-online .kkl-full{grid-column:1/-1}
#kkl-online label.kkl-label{font-size:14px;font-weight:600;display:block;margin:0 0 6px}
#kkl-online .kkl-field,#kkl-online select,#kkl-online textarea{font-family:inherit;font-size:15px;line-height:1.4;color:inherit;border:1px solid #ccc;border-radius:2px;background:#fff;padding:10px 12px;width:100%;min-height:45px;box-shadow:none}
#kkl-online textarea{min-height:94px;resize:vertical}
#kkl-online .kkl-field:focus,#kkl-online select:focus,#kkl-online textarea:focus{outline:2px solid #e5be88;border-color:var(--kkl-accent)}
#kkl-online .kkl-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#kkl-online .kkl-options label{display:flex;align-items:center;gap:8px;border:1px solid var(--kkl-line);background:#fbfbfb;padding:11px;font-size:13px;cursor:pointer;min-height:45px;margin:0}
#kkl-online input[type="checkbox"],#kkl-online input[type="radio"]{accent-color:var(--kkl-accent);flex:none;width:16px;height:16px}
#kkl-online .kkl-small{color:var(--kkl-muted);font-size:12px;margin:6px 0 0}
#kkl-online .kkl-upload{border:1px dashed #aaa;padding:17px;background:#fafafa;margin:0 0 14px}
#kkl-online .kkl-upload input{display:block;width:100%;font-size:14px;margin-top:8px}
#kkl-online .kkl-files{font-size:12px;color:#555;overflow-wrap:anywhere;margin-top:7px}
#kkl-online .kkl-review{display:grid;gap:8px;margin-top:14px}
#kkl-online .kkl-review div{padding:10px 12px;border-left:3px solid #839887;background:#f6f8f5;font-size:13px}
#kkl-online .kkl-review div.kkl-missing{border-color:#d7a44f;background:#fff8eb}
#kkl-online .kkl-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
#kkl-online button.kkl-btn{font:inherit;font-size:14px;font-weight:600;border:1px solid var(--kkl-accent);background:var(--kkl-accent);color:#fff;padding:12px 22px;border-radius:2px;cursor:pointer}
#kkl-online button.kkl-btn:hover{filter:brightness(.94)}
#kkl-online button.kkl-btn.kkl-secondary{border-color:#bbb;background:#fff;color:#333}
#kkl-online button:disabled{opacity:.55;cursor:default}
#kkl-online .kkl-message{margin:13px 0;font-size:14px;color:#a63627}
#kkl-online .kkl-message[hidden],#kkl-online .kkl-success[hidden]{display:none}
#kkl-online .kkl-success{border:1px solid #bed6c2;background:#f6faf5;padding:24px}
#kkl-online .kkl-preview{background:#fff;border:1px solid #ddd;padding:15px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:330px;overflow:auto}
#kkl-online .kkl-privacy{background:#f7f7f7;padding:13px;font-size:13px;line-height:1.6;margin-top:20px}
#kkl-online .kkl-privacy label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
#kkl-online a{color:inherit;text-decoration:underline}
#kkl-online .kkl-demo{background:#fff6e7;border-left:3px solid var(--kkl-accent);padding:12px 15px;font-size:13px;margin-bottom:22px}
@media(max-width:680px){#kkl-online .kkl-grid,#kkl-online .kkl-options{grid-template-columns:1fr}#kkl-online .kkl-progress button{font-size:11px;padding:9px 3px}#kkl-online .kkl-panel{padding:17px}#kkl-online button.kkl-btn{flex:1}}

#kkl-online .kkl-actions{display:flex!important;visibility:visible!important;margin-top:20px!important}#kkl-online .kkl-actions button{display:inline-block!important;visibility:visible!important}#kkl-online .kkl-pane:not(.kkl-active){display:none!important}#kkl-online button.kkl-btn{background:var(--kkl-accent)!important;color:white!important}#kkl-online button.kkl-secondary{background:#fff!important;color:#333!important}
