.tester-page-container{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;padding:24px;display:flex}.tester-dashboard{background-color:var(--bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex:1;width:100%;max-width:1300px;min-height:0;animation:.3s ease-out fadeUp;display:flex;overflow:hidden;box-shadow:0 24px 64px #0006}@media (min-width:1025px){.tester-dashboard{min-width:1120px}}.tester-status-bar{background-color:var(--surface);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.tester-grid{flex:1;grid-template-columns:320px minmax(280px,1fr) 400px;min-width:0;display:grid;overflow:hidden}.tester-col-config,.tester-col-diagnostics,.tester-col-tools{border-right:1px solid var(--border);height:100%;padding:24px;overflow-y:auto}.tester-col-tools{border-right:none}.inspector-script-btn{background:var(--elevated);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:4px;padding:6px 12px;font-size:12px}.inspector-script-btn:hover{border-color:var(--accent);color:var(--accent)}.inspector-modal-form{flex-direction:column;gap:12px;padding:0 20px 20px;display:flex}.inspector-field-group{flex-direction:column;gap:6px;display:flex}.inspector-modal-input{background:var(--bg);border:1px solid var(--border);color:var(--text-primary);font-size:13px;font-family:var(--font-mono);border-radius:4px;padding:10px 12px}.inspector-modal-input:focus{border-color:var(--accent);outline:none}.inspector-modal-tabs-header{border-bottom:1px solid var(--border);margin-bottom:16px;padding:0 20px;display:flex}.inspector-modal-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 16px;font-size:13px}.inspector-modal-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.inspector-run-locally-tabs{background:var(--elevated);border:1px solid var(--border);border-radius:8px;gap:0;width:100%;padding:2px;display:flex}.inspector-tab{font-size:13px;font-family:var(--font-mono);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:10px 16px;font-weight:500;transition:background .15s,color .15s}.inspector-tab:hover{color:var(--text-primary);background:#ffffff0a}.inspector-tab.active{color:var(--accent);background:var(--accent-dim-hover);box-shadow:0 0 0 1px #ffffff0f}.tester-dashboard{background:var(--bg);color:var(--text-primary);flex-direction:column;display:flex;overflow:hidden}.tester-status-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 16px;font-size:13px;font-weight:500;transition:background .3s,border-color .3s;display:flex}.tester-status-bar.status-success{color:#10b981;background:#10b9811a;border-bottom-color:#10b9814d}.tester-status-bar.status-warning{color:#f59e0b;background:#f59e0b1a;border-bottom-color:#f59e0b4d}.tester-status-bar.status-error{color:#ef4444;background:#ef44441a;border-bottom-color:#ef44444d}.tester-status-summary{align-items:center;gap:8px;display:flex}.tester-status-dot{background:currentColor;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px}.tester-col-config{border-right:1px solid var(--border);background:#ffffff05;flex-direction:column;padding:16px;display:flex;overflow-y:auto}.tester-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:12px;font-size:11px;font-weight:700}.tester-presets-grid{grid-template-columns:1fr;gap:6px;margin-bottom:24px;display:grid}.tester-preset-btn{background:var(--elevated);border:1px solid var(--border);color:var(--text-secondary);text-align:left;cursor:pointer;border-radius:8px;padding:8px 12px;font-size:12px;transition:all .2s}.tester-preset-btn:hover{border-color:var(--accent);color:var(--text-primary);background:#ffffff0d}.tester-preset-btn.active{border-color:var(--accent);background:rgba(var(--accent-rgb),.1);color:var(--accent)}.tester-field{margin-bottom:16px}.tester-label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.tester-input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:10px 12px;font-size:13px;transition:border-color .2s}.tester-input:focus{border-color:var(--accent)}.tester-input-error{border-color:#ef4444}.tester-connect-btn{background:var(--accent);width:100%;color:var(--bg);cursor:pointer;border:none;border-radius:8px;margin-top:auto;padding:12px;font-size:14px;font-weight:600;transition:opacity .2s}.tester-connect-btn:disabled{opacity:.5;cursor:not-allowed}.tester-col-diagnostics{border-right:1px solid var(--border);background:var(--bg);flex-direction:column;padding:24px;display:flex;overflow-y:auto}.tester-flow-track{align-items:center;gap:12px;margin-bottom:32px;display:flex}.tester-flow-step{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex;position:relative}.tester-flow-step.active{color:var(--text-primary)}.tester-flow-step.success{color:#10b981}.tester-flow-step.error{color:#ef4444}.tester-flow-step:after{content:"";background:var(--border);width:24px;height:1px;margin-left:4px}.tester-flow-step:last-child:after{display:none}.tester-diag-card{background:var(--elevated);border:1px solid var(--border);border-left-width:4px;border-radius:12px;margin-bottom:16px;padding:20px}.tester-diag-card.severity-error{border-left-color:#ef4444}.tester-diag-card.severity-warning{border-left-color:#f59e0b}.tester-diag-card.severity-success{border-left-color:#10b981}.tester-diag-title{margin-bottom:8px;font-size:18px;font-weight:700}.tester-diag-explanation{color:var(--text-secondary);margin-bottom:16px;font-size:14px;line-height:1.6}.tester-diag-fix-now{background:#ffffff08;border-radius:8px;margin-top:16px;padding:16px}.tester-fix-title{text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:12px;font-weight:700}.tester-fix-action{background:rgba(var(--accent-rgb),.1);border:1px solid var(--accent);width:100%;color:var(--accent);cursor:pointer;border-radius:6px;align-items:center;gap:8px;margin-bottom:8px;padding:10px;font-size:13px;font-weight:600;display:flex}.tester-fix-tip{color:var(--text-muted);margin-top:8px;font-size:12px}.tester-col-tools{background:#0000001a;flex-direction:column;padding:16px;display:flex;overflow-y:auto}.tester-tool-list{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.tester-tool-item{background:var(--elevated);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:12px;transition:all .2s}.tester-tool-item:hover{border-color:var(--accent)}.tester-tool-item.active{background:rgba(var(--accent-rgb),.05);border-color:var(--accent)}.tester-tool-name{font-family:var(--font-mono);color:var(--text-primary);font-size:13px;font-weight:600}.tester-tool-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:12px;display:-webkit-box;overflow:hidden}.tester-execution-box{background:var(--elevated);border:1px solid var(--border);border-radius:12px;padding:20px}.tester-logs-drawer{border-top:1px solid var(--border);background:#0c0c0c;flex-direction:column;height:48px;transition:height .3s;display:flex;position:relative}.tester-logs-drawer.expanded{height:300px}.tester-logs-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.tester-logs-title{color:var(--text-secondary);font-size:12px;font-weight:600}.tester-logs-body{background:#000;flex:1;padding:12px;overflow-y:auto}.tester-log-pre{font-family:var(--font-mono);color:#ccc;white-space:pre-wrap;margin:0;font-size:11px}@media (max-width:1200px){.tester-grid{grid-template-columns:280px 1fr 1fr}}@media (max-width:1024px){.tester-dashboard{min-width:0;height:auto;overflow-y:auto}.tester-grid{grid-template-columns:1fr;display:block}.tester-col-config,.tester-col-diagnostics,.tester-col-tools{border:none;border-bottom:1px solid var(--border);height:auto;overflow:visible}}.tester-dashboard ::-webkit-scrollbar{width:6px}.tester-dashboard ::-webkit-scrollbar-track{background:0 0}.tester-dashboard ::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.tester-dashboard ::-webkit-scrollbar-thumb:hover{background:#fff3}.browser-terminal{border:1px solid var(--border);background:#0c0c0c;border-radius:8px;margin:0 20px 16px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.browser-terminal-header{border-bottom:1px solid var(--border);color:var(--text-muted);background:#0006;justify-content:space-between;align-items:center;padding:8px 12px;font-size:11px;display:flex}.browser-terminal-title{color:var(--text-secondary);font-weight:600}.browser-terminal-hint{color:var(--text-muted)}.browser-terminal-body{min-height:140px;padding:12px}.browser-terminal-output{font-family:var(--font-mono);color:#a0a0a0;max-height:200px;font-size:12px;line-height:1.5;overflow-y:auto}.browser-terminal-line{word-break:break-all;margin-bottom:4px}.browser-terminal-line-run .browser-terminal-cmd{color:var(--accent)}.browser-terminal-prompt{color:#4ade80;-webkit-user-select:none;user-select:none;margin-right:6px}.browser-terminal-out{color:#a0a0a0}.browser-terminal-link{color:var(--accent);text-decoration:underline}.browser-terminal-link:hover{color:var(--text-primary)}.browser-terminal-input-line{flex-wrap:wrap;align-items:center;gap:0 6px;margin-top:8px;display:flex}.browser-terminal-input{min-width:120px;color:var(--text-primary);font-family:var(--font-mono);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:12px}.browser-terminal-input::placeholder{color:var(--text-muted)}.browser-terminal-current-cmd{min-width:120px;color:var(--text-primary);flex:1}.browser-terminal-cursor{background:var(--accent);vertical-align:-2px;width:8px;height:14px;animation:1s step-end infinite browser-terminal-blink;display:inline-block}@keyframes browser-terminal-blink{0%,to{opacity:1}50%{opacity:0}}.browser-terminal-actions{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.browser-terminal-run-btn{background:var(--accent);width:100%;color:var(--bg);cursor:pointer;border:none;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:600}.browser-terminal-run-btn:hover{filter:brightness(1.05)}.inspector-terminal-note{color:var(--text-muted);margin:-8px 20px 16px;font-size:11px;line-height:1.4}@media (max-width:1024px){.tester-columns{flex-direction:column;overflow-y:auto}.col-server{width:100%;min-height:400px}}
