:root{--fg:#111;--mut:#666;--bg:#fff;--bd:#e3e3e3;--acc:#0b7a3b}
*{box-sizing:border-box}
body{margin:0;font:16px/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--fg);background:var(--bg)}
header{border-bottom:1px solid var(--bd);padding:14px 20px}
header a{font-weight:700;color:var(--fg);text-decoration:none}
main{max-width:820px;margin:0 auto;padding:32px 20px 64px}
h1{font-size:30px;margin:.2em 0}
.sub{color:var(--mut);margin-top:0}
footer{border-top:1px solid var(--bd);color:var(--mut);font-size:13px;padding:18px 20px;text-align:center}
.drop{border:2px dashed var(--bd);border-radius:12px;padding:34px 20px;text-align:center;margin:24px 0}
.drop.hot{border-color:var(--acc);background:#f4fbf6}
.hint{color:var(--mut);font-size:13px}
input[type=file]{margin-bottom:10px}
.out{margin-top:24px}
textarea{width:100%;font:13px/1.5 ui-monospace,Consolas,monospace;padding:12px;border:1px solid var(--bd);border-radius:8px}
button{font:inherit;padding:8px 14px;border:1px solid var(--bd);background:#fff;border-radius:8px;cursor:pointer}
.verdict{padding:10px 14px;border-radius:8px;margin-bottom:12px;font-size:14px}
.ok{background:#eefaf1;border:1px solid #b7e4c7}
.warn{background:#fff6e6;border:1px solid #ffd9a1}
.bad{background:#fdecec;border:1px solid #f5b5b5}
ul{padding-left:22px}