body{margin:0;background:#fff;color:#1d1d1f;font:16px/1.5 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
@media (prefers-color-scheme:dark){body{background:#000;color:#f5f5f7}}
main{max-width:640px;margin:0 auto;padding:48px 16px}
h1{font-size:30px;margin:0 0 8px}
#drop{display:block;border:1.5px dashed #86868b;border-radius:14px;padding:44px 16px;text-align:center;cursor:pointer;margin:20px 0}
#drop.over{border-color:#0a5c4a}
.r{border:1px solid #86868b55;border-radius:12px;padding:14px 16px;margin:10px 0}
.r b{display:block;font-size:17px}
.ok b{color:#0a7d4f}.bad b{color:#b3261e}.warn b{color:#9a5b00}.demo b{color:#8a4fd6}
code,.m{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;overflow-wrap:anywhere}
.small{color:#6e6e73;font-size:13px}