:root{--bg0: #0c1210;--bg1: #14201a;--ink: #e8f2ec;--muted: #9bb0a4;--accent: #3dcf8e;--accent-dim: #1f7a52;--danger: #ff6b6b;--panel: rgba(20, 36, 28, .72);--line: rgba(232, 242, 236, .12);--radius: 18px;font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:var(--bg0);line-height:1.45}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(1200px 600px at 10% -10%,#1a3d2e 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#0e2a3a 0%,transparent 50%),linear-gradient(160deg,var(--bg0),var(--bg1))}#root{min-height:100vh}.page{position:relative;max-width:760px;margin:0 auto;padding:48px 20px 80px}.glow{pointer-events:none;position:absolute;inset:80px 10% auto;height:220px;background:radial-gradient(circle,rgba(61,207,142,.18),transparent 70%);filter:blur(20px);z-index:0}.header,.panel{position:relative;z-index:1}.brand{margin:0 0 12px;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700}.header h1{margin:0 0 12px;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:700;letter-spacing:-.02em}.lead{margin:0 0 28px;color:var(--muted);max-width:42ch}.panel{display:flex;flex-direction:column;gap:18px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.drop{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:28px 22px;border:1.5px dashed rgba(61,207,142,.35);border-radius:14px;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease;background:#08100c59}.drop:hover,.drop--active{border-color:var(--accent);background:#3dcf8e14;transform:translateY(-1px)}.drop strong{font-size:1.05rem}.drop span{color:var(--muted);font-size:.92rem}.engines{border:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.engines legend{padding:0;margin-bottom:8px;color:var(--muted);font-size:.85rem;width:100%}.chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--muted);transition:background .2s ease,border-color .2s ease,color .2s ease}.chip input{accent-color:var(--accent)}.chip--on{color:var(--ink);border-color:#3dcf8e8c;background:#3dcf8e1f}.cta{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:12px;padding:14px 18px;font:inherit;font-weight:700;color:#04140c;background:linear-gradient(135deg,var(--accent),#78e0b0);cursor:pointer;transition:transform .15s ease,filter .15s ease,opacity .15s ease}.cta:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}.cta:disabled{opacity:.45;cursor:not-allowed}.actions{display:flex;flex-wrap:wrap;gap:10px}.btn-stop{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,107,107,.55);border-radius:12px;padding:14px 18px;font:inherit;font-weight:700;color:#ffb4b4;background:#ff6b6b1f;cursor:pointer;transition:background .15s ease,border-color .15s ease}.btn-stop:hover{background:#ff6b6b33;border-color:var(--danger)}.status{display:flex;flex-direction:column;gap:8px}.status-row{display:flex;justify-content:space-between;font-size:.92rem;color:var(--muted)}.bar{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-dim),var(--accent));transition:width .4s ease}.msg{margin:0;color:var(--muted);font-size:.9rem}.error{margin:0;color:var(--danger);white-space:pre-wrap;font-size:.9rem}.conn-hint{margin:0;color:#e0b35a;font-size:.9rem}.result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.result h2{margin:0;font-size:1.05rem}.page--center{display:flex;align-items:center;justify-content:center;min-height:100vh}.header-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.login-panel{width:min(420px,100%)}.login-panel h1{margin:0 0 8px;font-size:1.6rem}.login-form{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field span{color:var(--muted);font-size:.85rem}.field input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font:inherit;color:var(--ink);background:#08100c73}.field input:focus{outline:none;border-color:#3dcf8e8c}.link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:0;margin:0;font:inherit;cursor:pointer;color:var(--accent);text-decoration:none;font-weight:600}.link:hover{text-decoration:underline}.preview{margin:0;max-height:420px;overflow:auto;padding:14px 16px;border-radius:12px;background:#00000059;border:1px solid var(--line);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.82rem;white-space:pre-wrap;word-break:break-word}.dup-hint{margin:0;padding:10px 12px;border-radius:10px;background:#3dcf8e1a;border:1px solid rgba(61,207,142,.28);color:var(--muted);font-size:.9rem}.link-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:0;margin:0;font:inherit;color:var(--accent);font-weight:600;cursor:pointer}.link-btn:hover:not(:disabled){text-decoration:underline}.link-btn:disabled{opacity:.45;cursor:not-allowed}.link-btn--danger{color:#ff8f8f}.history-head-actions{display:flex;align-items:center;gap:14px}.history{margin-top:18px}.history-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.history-head h2{margin:0;font-size:1.05rem}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.history-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#08100c59}.history-item--active{border-color:#3dcf8e8c;background:#3dcf8e1a}.history-main{flex:1;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:0;margin:0;text-align:left;font:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:2px}.history-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-meta{color:var(--muted);font-size:.82rem}.history-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}@media (max-width: 560px){.page{padding-top:28px}.panel{padding:16px}.history-item{flex-wrap:wrap}}