.afcp8,.afcp8 *{box-sizing:border-box}
.afcp8{--green:#01bb67;--black:#070b09;--ink:#111815;--muted:#707b75;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:38px 12px;color:var(--ink)}
.afcp8-shell{max-width:980px;margin:auto}.afcp8-heading{text-align:center;margin-bottom:22px}.afcp8-overline{display:inline-flex;gap:7px;align-items:center;font-size:10px;font-weight:950;letter-spacing:.16em;color:#008e50}.afcp8-overline:before,.afcp8-overline:after{content:"";width:20px;height:3px;border-radius:10px;background:var(--green)}
.afcp8-heading h2{margin:8px 0 6px!important;font-size:44px!important;line-height:1.02!important;letter-spacing:-.055em!important;font-weight:950!important;color:var(--black)!important}.afcp8-heading h2 span{color:var(--green)!important}.afcp8-heading p{margin:0!important;color:var(--muted)!important;font-size:13px!important}
.afcp8-panel{position:relative;background:#fff;border:1px solid #e0e7e3;border-radius:24px;box-shadow:0 24px 70px rgba(15,28,21,.10);overflow:visible;padding-top:1px}.afcp8-limit{position:absolute;right:22px;top:18px;font-size:9px;color:#9aa49f}
.afcp8-uploader{margin:20px;border:2px dashed #c9d7cf;border-radius:19px;min-height:315px;background:linear-gradient(180deg,#fcfffd,#f7fcf9);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:.18s;position:relative}.afcp8-uploader:hover,.afcp8-uploader.drag{border-color:var(--green);background:#f0fff7}
.afcp8-upload-icon{width:62px;height:62px;border-radius:17px;background:#e3fff0;color:#009e57;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:950;box-shadow:inset 0 0 0 1px #d0f6e1}.afcp8-upload-title{margin-top:13px;font-size:20px;font-weight:900;color:#1f2b25}.afcp8-upload-sub{margin-top:4px;color:#96a19b;font-size:11px}.afcp8-upload-note{margin-top:15px;color:#a0aaa5;font-size:9px}
.afcp8-addarea{position:relative;margin-top:7px}.afcp8-add{height:47px!important;min-width:154px!important;border:0!important;border-radius:11px!important;background:var(--green)!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:0 17px!important;font-size:12px!important;font-weight:950!important;line-height:1!important;cursor:pointer!important;box-shadow:0 10px 22px rgba(1,187,103,.23)!important}.afcp8-add:hover{background:#000!important;color:#fff!important}.afcp8-addplus{font-size:19px}.afcp8-down{font-size:13px;opacity:.85}
.afcp8-dropdown{display:none;position:absolute;top:54px;left:50%;transform:translateX(-50%);z-index:100;width:250px;padding:7px;background:#fff;border:1px solid #dfe7e2;border-radius:14px;box-shadow:0 22px 55px rgba(12,22,17,.18)}.afcp8-dropdown.open{display:block}.afcp8-dropdown:before{content:"";position:absolute;left:calc(50% - 6px);top:-6px;width:11px;height:11px;background:#fff;border-left:1px solid #dfe7e2;border-top:1px solid #dfe7e2;transform:rotate(45deg)}.afcp8-dropdown button{width:100%!important;min-height:54px!important;border:0!important;border-radius:9px!important;background:#fff!important;color:#1d2924!important;display:grid!important;grid-template-columns:34px 1fr!important;grid-template-rows:22px 17px!important;column-gap:8px!important;text-align:left!important;padding:7px 9px!important;box-shadow:none!important;cursor:pointer!important}.afcp8-dropdown button:hover{background:#effff6!important}.afcp8-menuicon{grid-row:1/3;width:32px;height:32px;border-radius:9px;background:#eafff3;color:#009d57;display:flex;align-items:center;justify-content:center;font-weight:950}.afcp8-dropdown button span:not(.afcp8-menuicon){font-size:12px;font-weight:850}.afcp8-dropdown small{font-size:9px;color:#98a39e}
.afcp8-list{display:grid;gap:9px;margin:0 20px 12px}.afcp8-row{display:grid;grid-template-columns:46px minmax(0,1fr) 275px 38px;align-items:center;gap:12px;min-height:78px;padding:11px 12px;border:1px solid #dfe7e2;border-radius:13px;background:#fff}.afcp8-badge{width:42px;height:42px;border-radius:11px;background:#eafff3;color:#008f50;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:950}.afcp8-name{min-width:0}.afcp8-name strong{display:block;font-size:12px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.afcp8-name span{display:block;margin-top:4px;font-size:10px;color:#98a39e}.afcp8-selectbox label{display:block;margin:0 0 5px!important;font-size:9px!important;font-weight:800!important;color:#98a39e!important}.afcp8-select{width:100%!important;height:40px!important;border:1px solid #d6dfd9!important;border-radius:9px!important;background:#fff!important;color:#26332d!important;padding:0 10px!important;font-size:11px!important;font-weight:800!important;box-shadow:none!important}.afcp8-iconbtn{width:38px!important;height:38px!important;border:1px solid #e0e7e3!important;border-radius:9px!important;background:#fff!important;color:#6d7972!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;box-shadow:none!important}.afcp8-iconbtn:hover{background:#000!important;border-color:#000!important;color:#fff!important}
.afcp8-empty{min-height:105px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#9aa49f}.afcp8-empty-icon{width:36px;height:36px;border-radius:10px;background:#f2f5f3;display:flex;align-items:center;justify-content:center;margin-bottom:7px;font-weight:950}.afcp8-empty strong{font-size:11px;color:#47544d}.afcp8-empty span{font-size:9px;margin-top:3px}
.afcp8-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;padding:18px 20px 20px!important;margin:0!important;border-top:1px solid #edf1ef!important}.afcp8-clear,.afcp8-convert{height:45px!important;border-radius:10px!important;padding:0 19px!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:11px!important;font-weight:900!important;line-height:1!important;cursor:pointer!important}.afcp8-clear{border:1px solid #d9e1dc!important;background:#fff!important;color:#68756e!important}.afcp8-clear:hover{border-color:#000!important;color:#000!important}.afcp8-convert{min-width:145px!important;border:0!important;background:var(--green)!important;color:#fff!important;box-shadow:0 8px 18px rgba(1,187,103,.17)!important}.afcp8-convert:hover{background:#000!important;color:#fff!important}.afcp8-clear:disabled,.afcp8-convert:disabled{opacity:.45!important;cursor:not-allowed!important}.afcp8-status{text-align:center;min-height:20px;padding:0 20px 8px;font-size:10px;color:#66736c}.afcp8-results{display:grid;gap:8px;padding:0 20px 20px}.afcp8-result{min-height:59px;border:1px solid #d4eee0;background:#f5fff9;border-radius:11px;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;gap:12px}.afcp8-result.error{background:#fff8f8;border-color:#efd5d5}.afcp8-result strong{font-size:11px;font-weight:900}.afcp8-result span{display:block;font-size:9px;color:#66736c;margin-top:3px}.afcp8-download{height:35px!important;padding:0 14px!important;border-radius:9px!important;background:var(--green)!important;color:#fff!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:10px!important;font-weight:900!important}.afcp8-download:hover{background:#000!important;color:#fff!important}.afcp8-trust{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;margin-top:12px;font-size:9px;color:#99a49e}
.afcp8-modal{display:none;position:fixed;inset:0;z-index:999999;background:rgba(8,13,10,.52);align-items:center;justify-content:center;padding:16px}.afcp8-modal.show{display:flex}.afcp8-modalbox{position:relative;width:min(480px,100%);background:#fff;border-radius:18px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.22)}.afcp8-modalbox h3{margin:0 0 6px!important;font-size:20px!important}.afcp8-modalbox p{margin:0 0 13px!important;font-size:12px!important;color:#66736c!important}.afcp8-url{width:100%!important;height:45px!important;border:1px solid #d8e0db!important;border-radius:10px!important;padding:0 11px!important;margin:0 0 9px!important}.afcp8-full{width:100%!important}.afcp8-close{position:absolute;right:11px;top:8px;border:0!important;background:transparent!important;font-size:25px!important;color:#66736c!important;cursor:pointer}.afcp8-urlstatus{margin-top:8px;font-size:11px;color:#66736c}
@media(max-width:680px){.afcp8{padding:25px 7px}.afcp8-heading h2{font-size:32px!important}.afcp8-heading p{font-size:11px!important}.afcp8-uploader{margin:12px;min-height:260px}.afcp8-list{margin:0 12px 10px}.afcp8-row{grid-template-columns:42px minmax(0,1fr) 36px;gap:8px}.afcp8-selectbox{grid-column:2/-1}.afcp8-actions{padding:12px!important}.afcp8-clear,.afcp8-convert{flex:1!important}.afcp8-limit{right:14px;top:12px}.afcp8-dropdown{width:230px}}