:root{--bg:#0b1220;--card:#151c2c;--card2:#1c2538;--line:#2a3550;--text:#e6ebf5;--muted:#8b97b4;--accent:#3b82f6;--green:#22c55e;--amber:#f59e0b;--red:#ef4444}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.wrap{max-width:680px;margin:0 auto;padding:24px 16px 64px}.h1{margin:4px 0 2px;font-size:22px;font-weight:700}.sub{color:var(--muted);margin:0 0 20px;font-size:13px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:16px;padding:16px}.tabs{gap:8px;margin-bottom:14px;display:flex}.tab{text-align:center;background:var(--card2);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:10px;flex:1;padding:10px;font-size:14px;font-weight:600}.tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.row{flex-wrap:wrap;gap:8px;display:flex}input[type=text]{border:1px solid var(--line);background:var(--card2);width:100%;color:var(--text);border-radius:10px;outline:none;padding:12px 14px;font-size:15px}input[type=text]:focus{border-color:var(--accent)}label{color:var(--muted);margin:0 0 6px;font-size:12px;display:block}.field{margin-bottom:12px}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px 16px;font-size:15px;font-weight:600}button.ghost{background:var(--card2);border:1px solid var(--line);color:var(--text)}button.danger{color:var(--red);border:1px solid var(--line);background:0 0;padding:6px 10px;font-size:13px}button:disabled{opacity:.5;cursor:default}.drop{border:2px dashed var(--line);text-align:center;color:var(--muted);cursor:pointer;background:var(--card2);border-radius:12px;padding:28px 16px}.drop.busy{opacity:.7}.status{border:1px solid var(--line);border-radius:12px;margin-top:14px;padding:14px}.badge{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.b-green{color:var(--green);background:#22c55e26}.b-amber{color:var(--amber);background:#f59e0b26}.b-red{color:var(--red);background:#ef444426}.b-blue{color:var(--accent);background:#3b82f626}.b-grey{color:var(--muted);background:#8b97b426}.hist{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.hist .ev{border-bottom:1px solid var(--line);padding:6px 0;font-size:13px}.hist .ev:last-child{border-bottom:none}.hist .ev .d{color:var(--muted);font-size:11px}.mono{font-family:ui-monospace,Menlo,Consolas,monospace}.muted{color:var(--muted);font-size:13px}.err{color:var(--red);margin-top:8px;font-size:13px}.ok{color:var(--green);margin-top:8px;font-size:13px}.item{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.item:last-child{border-bottom:none}.item .meta{color:var(--muted);font-size:12px}.spin{border:2px solid var(--muted);vertical-align:-2px;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite sp;display:inline-block}@keyframes sp{to{transform:rotate(360deg)}}