*{box-sizing:border-box}:root{--bg: #0b0d10;--panel: #12161b;--border: #1f2630;--text: #e6e8eb;--text-dim: #8a92a0;--accent: #7c9cff;--accent-dim: #465583;--ok: #63d3a6;--err: #ff7a7a;--warn: #f7c26b;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg)}body{margin:0;background:var(--bg);min-height:100vh}.app{max-width:760px;margin:0 auto;padding:48px 24px 96px}.header{display:flex;flex-direction:column;gap:4px;margin-bottom:32px}.header h1{margin:0;font-size:22px;font-weight:600;letter-spacing:-.01em}.header p{margin:0;color:var(--text-dim);font-size:14px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:24px}.tab{background:none;border:none;color:var(--text-dim);padding:10px 16px;font-size:14px;cursor:pointer;border-bottom:2px solid transparent;font-family:inherit}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:20px;margin-bottom:16px}.label{display:block;font-size:12px;color:var(--text-dim);margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em}textarea,input[type=text]{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:10px 12px;font-size:14px;font-family:ui-monospace,SF Mono,Menlo,monospace;resize:vertical}textarea:focus,input:focus{outline:none;border-color:var(--accent-dim)}textarea{min-height:120px}button.primary{background:var(--accent);border:none;color:#0b0d10;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit}button.primary:disabled{background:var(--accent-dim);cursor:not-allowed}button.secondary{background:transparent;border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:6px;font-size:13px;cursor:pointer;font-family:inherit}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.muted{color:var(--text-dim);font-size:13px}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;word-break:break-all}.status{font-size:13px;color:var(--text-dim);display:flex;align-items:center;gap:8px}.status.ok{color:var(--ok)}.status.err{color:var(--err)}.status .dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.progress{height:4px;background:var(--border);border-radius:2px;overflow:hidden;margin-top:12px}.progress .bar{height:100%;background:var(--accent);transition:width .4s ease}.hint{font-size:12px;color:var(--text-dim);margin-top:10px;line-height:1.5}a{color:var(--accent)}.result-grid{display:grid;grid-template-columns:140px 1fr;gap:8px 16px;font-size:13px}.result-grid .k{color:var(--text-dim)}.mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-card{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:14px;text-align:left;cursor:pointer;font-family:inherit;color:var(--text);transition:border-color .15s ease}.mode-card:hover:not(:disabled){border-color:var(--accent-dim)}.mode-card.active{border-color:var(--accent)}.mode-card:disabled{opacity:.5;cursor:not-allowed}.mode-title{font-size:14px;font-weight:500;margin-bottom:4px}.mode-desc{font-size:12px;color:var(--text-dim);line-height:1.5}