:root{--etp:#6750a4;--etp2:#4f7de8;--ink:#182133}.etp-page{max-width:1180px}.etp-hero{background:linear-gradient(135deg,#f3efff,#eef5ff)}.etp-trust{display:flex;justify-content:center;gap:11px;flex-wrap:wrap;margin:-5px 0 22px}.etp-trust span{padding:8px 13px;background:#fff;border:1px solid #e0ddeb;border-radius:999px;font-size:.77rem;color:#535c6e}.etp-banner{display:none;padding:13px 16px;margin-bottom:15px;border:1px solid #ffc7c1;background:#fff0ef;color:#a82d25;border-radius:11px}.etp-banner.show{display:block}.etp-shell{background:#fff;border:1px solid #e2dfeb;border-radius:20px;overflow:hidden;box-shadow:0 18px 55px #34275417}.etp-upload{position:relative;margin:20px;padding:58px 22px;text-align:center;border:2px dashed #c9c1de;border-radius:16px;background:linear-gradient(145deg,#fcfbff,#f5f7ff);transition:.2s}.etp-upload.drag,.etp-upload:hover{border-color:var(--etp);background:#f7f3ff}.etp-upload>input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.etp-mark{display:flex;justify-content:center;align-items:center;gap:10px}.etp-mark b,.etp-mark span{padding:15px;border-radius:13px}.etp-mark b{background:#fff0ef;color:#b83a33}.etp-mark span{background:var(--etp);color:#fff;font-weight:800}.etp-upload h2{margin:18px 0 5px}.etp-upload>p{margin:0;color:#6d7181}.etp-upload>em{display:inline-block;margin:17px 0 9px;padding:10px 21px;background:var(--ink);color:#fff;border-radius:10px;font-style:normal;font-weight:700}.etp-upload>small{display:block;color:#777c8c}.etp-upload>label{position:relative;z-index:2;display:block;max-width:390px;margin:22px auto 0;text-align:left;font-size:.78rem;font-weight:700}.etp-upload label span{display:flex;margin-top:6px}.etp-upload label input,.etp-upload label button{border:1px solid #d0cadf;padding:10px;font:inherit}.etp-upload label input{flex:1;min-width:0;border-radius:9px 0 0 9px}.etp-upload label button{border-radius:0 9px 9px 0}.etp-filebar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e8e5ee}.etp-filebar>div{display:flex;align-items:center;gap:11px;min-width:0}.etp-filebar>div>b{background:#eee9fb;color:var(--etp);padding:12px;border-radius:9px}.etp-filebar span{display:grid;min-width:0}.etp-filebar strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.etp-filebar small{color:#777c89;margin-top:3px}.etp-filebar button,.etp-result button{border:0;border-radius:9px;padding:9px 13px;cursor:pointer}.etp-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr)}.etp-preview{padding:20px;background:#f4f4f7}.etp-preview-head{display:flex;justify-content:space-between;align-items:center;font-size:.83rem;font-weight:700;margin-bottom:12px}.etp-preview-head div{display:flex;align-items:center;gap:5px}.etp-preview-head button{width:32px;height:32px;border:1px solid #cecbd5;background:#fff;border-radius:8px}.etp-preview-head input{width:50px;padding:7px;border:1px solid #cecbd5;border-radius:7px}.etp-stage{min-height:420px;display:flex;justify-content:center;align-items:flex-start;padding:14px;background:#dedee4;border-radius:13px;overflow:auto}.etp-stage canvas{max-width:100%;height:auto!important;background:#fff;box-shadow:0 4px 18px #2c294033}.etp-preview>p{font-size:.74rem;color:#777c89}.etp-controls{padding:22px;display:flex;flex-direction:column;gap:17px}.etp-step{display:flex;gap:10px}.etp-step>b{width:28px;height:28px;display:grid;place-items:center;background:var(--etp);color:#fff;border-radius:50%}.etp-step span{display:grid}.etp-step small{color:#7b7d89;margin-top:2px}.etp-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.etp-modes button{border:1px solid #d8d4e1;background:#fff;border-radius:11px;padding:11px 8px;text-align:left;cursor:pointer}.etp-modes button.active{border-color:var(--etp);background:#f5f1ff;box-shadow:0 0 0 2px #6750a417}.etp-modes button>b{color:var(--etp);font-size:1.1rem}.etp-modes span,.etp-modes small{display:block}.etp-modes span{font-size:.78rem;font-weight:700;margin-top:6px}.etp-modes small{font-weight:400;color:#777c89;margin-top:3px}.etp-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.etp-controls label{font-size:.78rem;font-weight:700}.etp-controls input,.etp-controls select{box-sizing:border-box;width:100%;padding:10px;border:1px solid #d0ccda;border-radius:9px;font:inherit;margin-top:6px}.etp-controls label small{display:block;color:#777c89;font-size:.7rem;font-weight:400;line-height:1.4;margin-top:4px}.etp-controls small.error{color:#b3322b}.etp-controls small.ok{color:#586a9b}.etp-output>span{display:flex}.etp-output input{border-radius:9px 0 0 9px}.etp-output i{margin-top:6px;padding:10px;border:1px solid #d0ccda;border-left:0;background:#f2f1f5;border-radius:0 9px 9px 0;font-style:normal}.etp-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.etp-options label{display:flex;gap:8px;padding:11px;background:#f6f5f8;border-radius:10px}.etp-options input{width:auto;margin:2px 0;accent-color:var(--etp)}.etp-options span,.etp-options small{display:block}.etp-controls>button{border:0;border-radius:11px;padding:13px;background:linear-gradient(135deg,var(--etp),var(--etp2));color:#fff;font:700 .95rem inherit;cursor:pointer}.etp-controls>button:disabled{opacity:.5}.etp-usage{text-align:center;color:#787c88;font-size:.71rem;margin:0}.etp-overlay{position:fixed;z-index:1000;inset:0;background:#fffffff0;display:none;place-items:center;align-content:center;text-align:center}.etp-overlay.show{display:grid}.etp-loader{width:46px;height:46px;border:5px solid #e2dcf4;border-top-color:var(--etp);border-radius:50%;animation:etpspin .8s linear infinite}@keyframes etpspin{to{transform:rotate(360deg)}}.etp-overlay h2{margin:15px 0 5px}.etp-overlay p{color:#747886}.etp-result{text-align:center;padding:50px 20px}.etp-check{width:60px;height:60px;display:grid;place-items:center;margin:auto;background:#e6f8ee;color:#168d50;border-radius:50%;font-size:1.8rem}.etp-result>span{display:inline-block;margin-top:12px;padding:4px 8px;background:#eee9fb;color:var(--etp);border-radius:6px;font-weight:800}.etp-result h2{margin:8px}.etp-result p{color:#707582}.etp-stats{display:grid;grid-template-columns:repeat(4,1fr);max-width:590px;margin:20px auto;gap:8px}.etp-stats div{padding:13px;background:#f5f4f8;border-radius:10px}.etp-stats b,.etp-stats small{display:block}.etp-stats b{font-size:1.15rem}.etp-stats small{color:#777b87}.etp-result #download-btn{background:var(--etp);color:#fff;font-weight:700;padding:11px 18px}.etp-expect,.etp-package,.etp-steps,.etp-faq{margin-top:50px}.etp-expect>div:first-child{text-align:center;max-width:680px;margin:auto}.etp-expect>div:first-child span{color:var(--etp);font-weight:700}.etp-cards,.etp-package>div,.etp-steps>div{display:grid;gap:14px;margin-top:20px}.etp-cards,.etp-package>div{grid-template-columns:repeat(3,1fr)}.etp-steps>div{grid-template-columns:repeat(4,1fr)}.etp-cards article,.etp-package article,.etp-steps article{border:1px solid #e2dfea;border-radius:14px;padding:19px;background:#fff}.etp-cards .good{border-top:3px solid #31a46f}.etp-cards .review{border-top:3px solid #e0a72e}.etp-cards .scan{border-top:3px solid #d4584e}.etp-cards ul{padding-left:18px;color:#686d7a;font-size:.84rem;line-height:1.8}.etp-package p,.etp-steps p,.etp-faq p{color:#696e7b;font-size:.84rem;line-height:1.6}.etp-package strong{color:var(--etp)}.etp-steps b{color:var(--etp)}.etp-faq{max-width:820px;margin-left:auto;margin-right:auto}.etp-faq details{padding:15px 3px;border-bottom:1px solid #e2dfe8}.etp-faq summary{font-weight:700;cursor:pointer}@media(max-width:900px){.etp-grid{grid-template-columns:1fr}.etp-stage{min-height:300px}.etp-steps>div{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.etp-upload{margin:10px;padding:42px 14px}.etp-preview{padding:12px}.etp-controls{padding:16px}.etp-modes,.etp-fields,.etp-options,.etp-cards,.etp-package>div,.etp-steps>div{grid-template-columns:1fr}.etp-modes button{display:flex;gap:10px}.etp-preview-head{align-items:flex-start}.etp-stage{min-height:220px}.etp-stats{grid-template-columns:repeat(2,1fr)}}