:root{--bg:#f3f1ee;--card:#fff;--ink:#1c1c1c;--mut:#6b6b6b;--line:#e2ded8;--ok:#1f7a3d;--bad:#b3261e;--warn:#9a6700;--acc:#8a5a2b}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 system-ui,Tahoma,sans-serif}
header,main{max-width:760px;margin:auto;padding:16px}header h1{margin:8px 0 0;font-size:22px}.sub{color:var(--mut);margin:4px 0 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin:12px 0}
.card h2{margin:0 0 10px;font-size:17px}.card h3{margin:14px 0 6px;font-size:15px}
.row{display:flex;gap:10px;flex-wrap:wrap}.row label{flex:1 1 200px;font-size:13px;color:var(--mut)}
input{display:block;width:100%;padding:10px;margin-top:4px;border:1px solid #ccc;border-radius:8px;font:inherit;color:var(--ink);background:#fff}
button,.file{display:inline-block;padding:10px 14px;margin:6px 0 0 6px;border:0;border-radius:8px;background:var(--ink);color:#fff;font:inherit;cursor:pointer}
button.alt,.file{background:#5a5a5a}button.go{background:var(--acc)}button.del{background:#fff;color:var(--bad);border:1px solid var(--bad)}button:disabled{opacity:.5;cursor:wait}
.file input{display:none}.msg{color:var(--bad);font-size:13px}
.head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;flex-wrap:wrap}.head b{font-size:17px}.url{direction:ltr;color:var(--mut);font-size:12px;word-break:break-all}
.bar{height:10px;background:#eee;border-radius:6px;overflow:hidden;margin:10px 0}.bar i{display:block;height:100%;width:0;background:var(--acc);transition:width .3s}
.rep{margin:8px 0;padding:0;list-style:none}.rep li{padding:6px 10px;border-radius:8px;margin:4px 0;background:#f7f6f4}
.rep .ok::before{content:"✔ ";color:var(--ok)}.rep .bad::before{content:"✖ ";color:var(--bad)}.rep .warn::before{content:"⚠ ";color:var(--warn)}.rep .info::before{content:"• ";color:var(--mut)}
.rep .bad{background:#fdecea}.rep .warn{background:#fff6e0}
.chk label{display:block;padding:5px 0;border-bottom:1px solid var(--line)}.chk input{display:inline-block;width:auto;margin:0 0 0 8px}
.sla{color:var(--mut);font-size:13px}details summary{cursor:pointer;color:var(--mut);font-size:13px;margin-top:8px}
pre{direction:ltr;text-align:left;background:#f7f6f4;padding:10px;border-radius:8px;overflow:auto;max-height:240px;font-size:12px}
@media(max-width:480px){button{width:100%;margin:6px 0 0}}