:root{--bg:#f7f7f5;--card:#fff;--ink:#1a1a1a;--dim:#8a8a86;--line:#e4e4e0;--accent:#3b5bdb;--ok:#2f9e6f;--warn:#c98a1a;--err:#c0392b;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ui:system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--ui);justify-content:center;align-items:center;padding:24px;display:flex}.app{width:100%;max-width:440px}h1{letter-spacing:-.01em;margin-bottom:2px;font-size:15px;font-weight:600}.tag{font-family:var(--mono);color:var(--dim);margin-bottom:22px;font-size:11px}.drop{background:var(--card);border:1.5px dashed var(--line);cursor:pointer;border-radius:10px;outline:none;padding:20px 18px;transition:border-color .15s,background .15s}.drop:hover,.drop:focus-visible{border-color:#c7c7c2}.drop.hot{border-color:var(--accent);background:#f4f6ff}.drop.set{border-style:solid;border-color:var(--ok)}.drop .k{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-size:10px}.drop .t{margin-top:5px;font-size:13.5px}.drop .s{font-family:var(--mono);color:var(--dim);word-break:break-all;margin-top:5px;font-size:11px;line-height:1.5}.drop.set .s{color:var(--ok)}.flow{background:0 0;height:1px;margin:0;display:block}.arrow{text-align:center;color:var(--dim);padding:9px 0;font-size:16px;line-height:1}.meter{flex-direction:column;gap:6px;margin-top:16px;display:flex}.meter-head{font-family:var(--mono);justify-content:space-between;align-items:baseline;font-size:11px;display:flex}.meter-label{color:var(--dim);letter-spacing:.06em;text-transform:uppercase}.meter-value{color:var(--ink)}.meter-track{background:var(--line);border-radius:999px;height:6px;position:relative;overflow:hidden}.meter-indicator{border-radius:999px;transition:width .2s;position:absolute;inset-block:0}.meter-indicator.ok{background:var(--ok)}.meter-indicator.warn{background:var(--warn)}.meter-indicator.err{background:var(--err)}.go{width:100%;font-family:var(--ui);color:#fff;background:var(--accent);cursor:pointer;border:none;border-radius:9px;margin-top:18px;padding:13px;font-size:13.5px;font-weight:600;transition:opacity .15s,background .15s}.go:hover:not(:disabled){background:#2f4bc4}.go:disabled{cursor:not-allowed;background:#cfcfca}.progress{margin-top:12px}.progress-track{background:var(--line);border-radius:999px;height:4px;position:relative;overflow:hidden}.progress-indicator{background:var(--accent);border-radius:999px;width:40%;animation:1.1s ease-in-out infinite indeterminate;position:absolute;inset-block:0}@keyframes indeterminate{0%{inset-inline-start:-40%}to{inset-inline-start:100%}}.status{font-family:var(--mono);text-align:center;color:var(--dim);min-height:16px;margin-top:14px;font-size:11px;line-height:1.5}.status.ok{color:var(--ok)}.status.warn{color:var(--warn)}.status.err{color:var(--err)}