:root{--bg:#0b0d10;--panel:#14181d;--panel-2:#1b2027;--line:#262d36;--text:#e7edf3;--muted:#8b97a5;--accent:#3ddc84;--accent-dim:#1f8a52;--warn:#ffb020;--err:#ff5f57;--radius:12px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,-apple-system,SF Pro Text,Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent)}.wrap{max-width:860px;margin:0 auto;padding:28px 20px 64px}h1{font-size:20px;font-weight:650;letter-spacing:-.01em;margin:0 0 4px}h2{font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px}.sub,h2{font-size:13px;color:var(--muted)}.sub{margin:0 0 24px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:14px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row+.row{margin-top:12px}.grow{flex:1 1 220px;min-width:0}label.fld{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}input[type=text],select{width:100%;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:14px;font-family:inherit}input:focus,select:focus{outline:2px solid var(--accent-dim);outline-offset:0}button{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px 16px;font-size:14px;font-family:inherit;font-weight:550;cursor:pointer}button:hover:not(:disabled){border-color:#3a4552}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#06210f;font-weight:650}button.danger{background:#2a1416;border-color:#572227;color:#ff8b85}button.big{padding:16px 28px;font-size:16px}.meter{position:relative;height:14px;background:#0a0c0f;border:1px solid var(--line);border-radius:7px;overflow:hidden}.meter .fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--accent) 0,var(--accent) 70%,var(--warn) 86%,var(--err) 100%);transition:width 60ms linear}.meter .peak{position:absolute;top:0;bottom:0;width:2px;background:#fff;opacity:.8}.status{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;background:var(--muted);flex:none}.dot.ok{background:var(--accent);box-shadow:0 0 8px var(--accent)}.dot.warn{background:var(--warn)}.dot.err{background:var(--err)}.dot.pulse{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.err-box{background:#2a1416;border:1px solid #572227;color:#ff9b95;border-radius:8px;padding:10px 12px;font-size:13px;margin-top:12px;white-space:pre-wrap;word-break:break-word}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.muted{color:var(--muted)}.qr{display:flex;gap:22px;flex-wrap:wrap}.qr .card{text-align:center}.qr img{width:132px;height:132px;border-radius:8px;background:#fff;padding:6px;display:block}.qr .card .lbl{font-size:12px;color:var(--muted);margin-top:8px}.qr .card a{font-size:12px;word-break:break-all}.caption-live{min-height:60px;background:#0a0c0f;border:1px solid var(--line);border-radius:8px;padding:12px 14px;font-size:15px;line-height:1.5}