:root{--av-ink:#14212b;--av-muted:#64727d;--av-line:#dce5e8;--av-blue:#3e6f8f;--av-blue2:#244e68;--av-mint:#dff7eb;--av-sand:#fff6df;--av-card:#fff;--av-shadow:0 18px 50px rgba(32,61,77,.11)}
body{background:linear-gradient(180deg,#f2f8fb 0,#fff 520px);color:var(--av-ink)}.av-page{max-width:1160px;margin:0 auto;padding:0 24px 70px}.av-hero{background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.52),transparent 27%),linear-gradient(135deg,#dff5ff,#edfbe8 56%,#fff4dc);border-bottom:1px solid #d9e7e7}.av-hero .tool-hero-icon{width:86px;height:86px;border-radius:26px;background:linear-gradient(145deg,var(--av-blue),var(--av-blue2));color:#fff;font-size:19px;letter-spacing:.05em;box-shadow:0 15px 30px rgba(36,78,104,.25)}
.av-capability{margin:26px 0 14px;padding:13px 16px;border:1px solid #f2d18b;border-radius:14px;background:var(--av-sand);color:#74521a;font-size:14px;font-weight:600}.av-capability.ok{border-color:#a9dfc2;background:var(--av-mint);color:#17633d}.av-banner{display:none;margin:0 0 14px;padding:13px 16px;border:1px solid #f0a6a6;border-radius:14px;background:#fff1f1;color:#8a2929}.av-banner.show{display:block}
.av-shell{overflow:hidden;border:1px solid var(--av-line);border-radius:26px;background:var(--av-card);box-shadow:var(--av-shadow)}.av-upload{position:relative;display:grid;place-items:center;min-height:340px;padding:42px;text-align:center;border:2px dashed #b8ccd5;margin:18px;border-radius:20px;background:linear-gradient(145deg,#f8fcfe,#fbfffc);transition:.2s}.av-upload:hover,.av-upload.drag{border-color:var(--av-blue);background:#eef8fc;transform:translateY(-1px)}.av-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.av-upload h2{margin:20px 0 7px;font-size:28px}.av-upload p{margin:0;color:var(--av-muted)}.av-upload em{margin:22px 0 12px;padding:11px 21px;border-radius:12px;background:var(--av-blue);color:#fff;font-style:normal;font-weight:700}.av-upload small{color:var(--av-muted)}.av-mark{display:flex;align-items:center;gap:10px}.av-mark b{padding:10px 12px;border:1px solid #cde0e7;border-radius:10px;background:#fff;color:var(--av-blue2)}.av-mark i{color:#7b919e;font-style:normal}
.av-settings{padding:26px;border-bottom:1px solid var(--av-line);background:#fbfdfe}.av-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.av-head h2{margin:0 0 4px;font-size:23px}.av-head p,.av-settings>p{margin:0;color:var(--av-muted);font-size:13px}.av-head button{border:0;background:transparent;color:#a13b3b;font-weight:700;cursor:pointer}.av-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.av-fields label{display:flex;flex-direction:column;gap:8px;color:#41515c;font-size:13px;font-weight:700}.av-fields select,.av-fields input[type=number],.av-fields input[type=color]{height:44px;border:1px solid #cad8de;border-radius:11px;background:#fff;padding:0 12px;color:var(--av-ink);font:inherit}.av-fields input[type=color]{width:100%;padding:5px}.av-fields output{float:right;color:var(--av-blue)}.av-fields input[type=range]{width:100%;accent-color:var(--av-blue)}.av-check{display:flex;gap:11px;align-items:flex-start;margin:20px 0}.av-check input{margin-top:4px;accent-color:var(--av-blue)}.av-check span{display:grid;gap:3px}.av-check small{color:var(--av-muted);font-weight:400}.av-settings #submit-btn{width:100%;min-height:50px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--av-blue),var(--av-blue2));color:#fff;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 10px 22px rgba(36,78,104,.2)}.av-settings #submit-btn:hover{filter:brightness(1.06)}
.av-results{display:grid;gap:14px;padding:24px}.av-card{display:grid;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px;border:1px solid var(--av-line);border-radius:16px}.av-card img{width:74px;height:64px;object-fit:cover;border-radius:10px;background:#eef3f5}.av-card strong,.av-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.av-card small{margin-top:5px;color:var(--av-muted)}.av-card button,.av-card a{padding:9px 13px;border:1px solid #c6d8df;border-radius:10px;background:#fff;color:var(--av-blue2);font-weight:700;text-decoration:none;cursor:pointer}.av-summary{display:grid;grid-template-columns:repeat(4,1fr) auto;align-items:center;gap:18px;padding:22px 26px;border-top:1px solid var(--av-line);background:#f4fafc}.av-summary div{display:grid;gap:3px}.av-summary b{font-size:18px}.av-summary small{color:var(--av-muted)}.av-summary button{padding:12px 17px;border:0;border-radius:11px;background:var(--av-ink);color:#fff;font-weight:800;cursor:pointer}
.av-compare,.av-steps,.av-faq{margin-top:56px}.av-compare>div:first-child span{color:var(--av-blue);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.av-compare h2,.av-steps>h2,.av-faq>h2{margin:8px 0 22px;font-size:30px}.av-compare>div:last-child,.av-steps>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.av-compare article,.av-steps article{padding:22px;border:1px solid var(--av-line);border-radius:17px;background:#fff;box-shadow:0 8px 25px rgba(41,69,81,.05)}.av-compare article>b,.av-steps article>b{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 7px;border-radius:9px;background:#e9f5fa;color:var(--av-blue2)}.av-compare h3,.av-steps h3{margin:15px 0 8px}.av-compare p,.av-steps p,.av-faq p{margin:0;color:var(--av-muted);line-height:1.65}.av-faq details{border-bottom:1px solid var(--av-line);padding:17px 2px}.av-faq summary{cursor:pointer;font-weight:700}.av-faq details p{padding-top:11px}
.av-overlay{position:fixed;inset:0;z-index:1000;display:none;place-items:center;align-content:center;background:rgba(12,27,36,.78);color:#fff;text-align:center;backdrop-filter:blur(5px)}.av-overlay.show{display:grid}.av-overlay div{width:48px;height:48px;border:5px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:avspin .8s linear infinite}.av-overlay h2{margin:18px 0 5px}.av-overlay p{margin:0;color:#d8e7ed}@keyframes avspin{to{transform:rotate(360deg)}}
@media(max-width:950px){.av-fields{grid-template-columns:repeat(2,1fr)}.av-compare>div:last-child,.av-steps>div{grid-template-columns:repeat(2,1fr)}.av-summary{grid-template-columns:repeat(4,1fr)}.av-summary button{grid-column:1/-1}}
@media(max-width:650px){.av-page{padding:0 14px 52px}.av-upload{min-height:280px;margin:10px;padding:26px 15px}.av-upload h2{font-size:23px}.av-mark{gap:5px}.av-mark b{padding:8px;font-size:12px}.av-settings{padding:19px 15px}.av-fields{grid-template-columns:1fr}.av-results{padding:14px}.av-card{grid-template-columns:56px minmax(0,1fr)}.av-card img{width:56px;height:52px}.av-card>a,.av-card>button{grid-column:1/-1;text-align:center}.av-summary{grid-template-columns:repeat(2,1fr);padding:19px}.av-compare,.av-steps,.av-faq{margin-top:42px}.av-compare h2,.av-steps>h2,.av-faq>h2{font-size:26px}.av-compare>div:last-child,.av-steps>div{grid-template-columns:1fr}}