:root{--ci:#17775f;--ci2:#2d77a0;--ink:#17212d}.ci-page{max-width:1180px}.ci-hero{background:linear-gradient(135deg,#eafaf4,#eef6fb)}.ci-trust{display:flex;justify-content:center;gap:11px;flex-wrap:wrap;margin:-5px 0 22px}.ci-trust span{padding:8px 13px;background:#fff;border:1px solid #d8e8e2;border-radius:999px;color:#4d5e58;font-size:.77rem}.ci-banner{display:none;margin-bottom:15px;padding:13px 16px;border:1px solid #ffc7c1;background:#fff0ef;color:#a82d25;border-radius:11px}.ci-banner.show{display:block}.ci-shell{overflow:hidden;background:#fff;border:1px solid #dce8e4;border-radius:20px;box-shadow:0 18px 55px #243d3417}.ci-upload{position:relative;margin:20px;padding:48px 20px;text-align:center;border:2px dashed #b6d2c9;border-radius:16px;background:linear-gradient(145deg,#fafffd,#f1faf7);transition:.2s}.ci-upload.drag,.ci-upload:hover{border-color:var(--ci);background:#effaf6}.ci-upload>input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.ci-mark{display:flex;align-items:center;justify-content:center;gap:8px}.ci-mark b{padding:11px 12px;background:#e5f5ef;color:var(--ci);border-radius:10px;font-size:.75rem}.ci-mark i{color:var(--ci);font-style:normal;font-size:1.15rem}.ci-upload h2{margin:15px 0 5px}.ci-upload p{margin:0;color:#687971}.ci-upload em{display:inline-block;margin:16px 0 8px;padding:10px 20px;background:var(--ink);color:#fff;border-radius:9px;font-style:normal;font-weight:700}.ci-upload small{display:block;color:#75837e}.ci-settings{margin:0 20px 18px;padding:18px;background:#f7f9f8;border-radius:14px}.ci-setting-head{display:flex;justify-content:space-between;align-items:flex-start}.ci-setting-head h2{margin:0}.ci-setting-head p{margin:4px 0;color:#718079;font-size:.76rem}.ci-setting-head button{border:0;background:#e9eeec;border-radius:8px;padding:8px 11px}.ci-fields{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:10px;margin-top:15px}.ci-fields label{font-size:.75rem;font-weight:700}.ci-fields input,.ci-fields select{box-sizing:border-box;width:100%;margin-top:6px;padding:9px;border:1px solid #c8d7d1;border-radius:8px;background:#fff}.ci-fields input[type=range]{padding:0;accent-color:var(--ci)}.ci-fields input[type=color]{width:42px;flex:none;padding:3px}.ci-fields output{float:right;color:var(--ci)}.ci-fields small{display:block;margin-top:4px;color:#74817c;font-weight:400}.ci-color{display:flex;gap:5px}.ci-check{display:flex;align-items:flex-start;gap:8px;margin:14px 0;padding:10px;background:#fff;border-radius:9px}.ci-check input{margin-top:3px;accent-color:var(--ci)}.ci-check span,.ci-check small{display:block}.ci-check strong{font-size:.75rem}.ci-check small{color:#74817c;font-size:.67rem}.ci-settings>button:last-of-type{width:100%;padding:12px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--ci),var(--ci2));color:#fff;font-weight:700}.ci-settings>button:last-of-type:disabled{opacity:.6}.ci-settings>p{text-align:center;color:#74817c;font-size:.69rem;margin:8px 0 0}.ci-summary{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:8px;align-items:center;margin:0 20px 18px}.ci-summary>div{padding:11px;background:#eff6f3;border-radius:9px}.ci-summary b,.ci-summary small{display:block}.ci-summary small{color:#718079}.ci-summary button{padding:11px 14px;border:0;border-radius:9px;background:var(--ci);color:#fff;font-weight:700}.ci-results{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0 20px 20px}.ci-card{overflow:hidden;border:1px solid #dde6e2;border-radius:13px}.ci-thumb{height:190px;position:relative;background:linear-gradient(45deg,#edf1ef 25%,#f8faf9 25%,#f8faf9 50%,#edf1ef 50%,#edf1ef 75%,#f8faf9 75%);background-size:22px 22px}.ci-thumb img{width:100%;height:100%;object-fit:contain}.ci-thumb span{position:absolute;top:9px;right:9px;padding:4px 8px;background:#fff;border-radius:99px;font-size:.68rem;font-weight:700}.ci-thumb span.done{background:#dff5e8;color:#187742}.ci-thumb span.error{background:#ffe3df;color:#ac332a}.ci-card-body{padding:13px}.ci-card-body>strong,.ci-card-body>small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ci-card-body>small{color:#74817c;margin-top:3px}.ci-formats{display:flex;align-items:center;gap:7px;margin-top:10px}.ci-formats b{padding:4px 7px;background:#e7f3ef;color:var(--ci);border-radius:6px;font-size:.65rem}.ci-formats i{font-style:normal;color:#7a8782}.ci-size{display:flex;align-items:center;justify-content:space-between;margin-top:9px;padding:8px;background:#f5f7f6;border-radius:8px}.ci-card-body p{min-height:2.2em;color:#6f7c76;font-size:.73rem}.ci-card-body p.good{color:#177543}.ci-card-body p.bad{color:#a8382e}.ci-card-body>div:last-child{display:flex;gap:7px}.ci-card-body button{flex:1;padding:8px;border:0;border-radius:8px;background:#edf1ef}.ci-card-body button:first-child:not(:disabled){background:var(--ci);color:#fff;font-weight:700}.ci-overlay{position:fixed;z-index:1000;inset:0;display:none;place-items:center;align-content:center;text-align:center;background:#fffffff0}.ci-overlay.show{display:grid}.ci-loader{width:46px;height:46px;border:5px solid #d9ebe4;border-top-color:var(--ci);border-radius:50%;animation:cispin .8s linear infinite}@keyframes cispin{to{transform:rotate(360deg)}}.ci-overlay h2{margin:15px 0 5px}.ci-overlay p{color:#6f7c77}.ci-overlay>div:last-child{width:280px;height:7px;overflow:hidden;background:#dae7e2;border-radius:4px}.ci-overlay i{display:block;width:0;height:100%;background:var(--ci)}.ci-explain,.ci-steps,.ci-guide,.ci-faq{margin-top:50px}.ci-explain>div:first-child{text-align:center;max-width:680px;margin:auto}.ci-explain>div:first-child span{color:var(--ci);font-weight:700}.ci-format-grid,.ci-steps>div,.ci-guide>div{display:grid;gap:14px;margin-top:20px}.ci-format-grid{grid-template-columns:repeat(3,1fr)}.ci-steps>div,.ci-guide>div{grid-template-columns:repeat(4,1fr)}.ci-format-grid article,.ci-steps article,.ci-guide article{padding:19px;border:1px solid #dfe8e4;border-radius:14px}.ci-format-grid article>b,.ci-steps article>b{display:inline-grid;place-items:center;min-width:32px;height:28px;padding:0 5px;background:#e5f5ef;color:var(--ci);border-radius:7px}.ci-format-grid article small{color:var(--ci);font-weight:600}.ci-format-grid p,.ci-steps p,.ci-guide p,.ci-faq p{color:#687771;font-size:.84rem;line-height:1.6}.ci-faq{max-width:820px;margin-left:auto;margin-right:auto}.ci-faq details{padding:15px 3px;border-bottom:1px solid #dfe8e4}.ci-faq summary{font-weight:700}@media(max-width:950px){.ci-fields{grid-template-columns:repeat(3,1fr)}.ci-results{grid-template-columns:repeat(2,1fr)}.ci-summary{grid-template-columns:repeat(2,1fr)}.ci-guide>div{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.ci-upload{margin:10px;padding:38px 12px}.ci-settings{margin:0 10px 14px}.ci-setting-head{flex-direction:column;gap:8px}.ci-fields,.ci-results,.ci-format-grid,.ci-steps>div,.ci-guide>div{grid-template-columns:1fr}.ci-results{padding:0 10px 14px}.ci-summary{margin:0 10px 14px}.ci-summary button{grid-column:1/-1}.ci-mark{gap:4px}.ci-mark b{padding:9px 8px}}