*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.harness{max-width:800px;margin:0 auto;padding:2rem 1.5rem}header{margin-bottom:2rem}header h1{margin-bottom:.25rem;font-size:1.5rem}.subtitle{color:#666;font-size:.875rem}.subtitle code{background:#e8e8e8;border-radius:3px;padding:.15em .4em;font-size:.85em}.controls{background:#fff;border:1px solid #ddd;border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;padding:1.25rem;display:flex}.field{flex:1;min-width:200px}.field label{text-transform:uppercase;letter-spacing:.05em;color:#666;margin-bottom:.25rem;font-size:.75rem;font-weight:600;display:block}.field input{border:1px solid #ccc;border-radius:4px;width:100%;padding:.5rem .75rem;font-family:monospace;font-size:.875rem}.field input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb26}.actions{gap:.5rem;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:4px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500}.btn-primary:hover{background:#1d4ed8}.btn-secondary{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #dc2626;border-radius:4px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500}.btn-secondary:hover{background:#fef2f2}.btn-small{cursor:pointer;color:#666;background:0 0;border:1px solid #ccc;border-radius:4px;padding:.25rem .75rem;font-size:.75rem}.btn-small:hover{background:#f5f5f5}.log-section{margin-bottom:1.5rem}.log-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.log-header h2{font-size:1rem}.log-panel{color:#d4d4d4;background:#1e1e1e;border-radius:8px;min-height:120px;max-height:400px;padding:.75rem 1rem;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.75rem;overflow-y:auto}.log-empty{color:#666;text-align:center;padding:1rem 0}.log-entry{word-break:break-word;border-bottom:1px solid #2a2a2a;gap:.75rem;padding:.2rem 0;display:flex}.log-time{color:#666;flex-shrink:0}.log-tag{flex-shrink:0;width:5em;font-weight:600}.log-msg{flex:1}.log-info .log-tag{color:#60a5fa}.log-error .log-tag{color:#f87171}.log-message .log-tag{color:#34d399}.log-cors .log-tag{color:#fbbf24}.info{background:#fff;border:1px solid #ddd;border-radius:8px;padding:1.25rem}.info h2{margin-bottom:.75rem;font-size:1rem}.info ul{padding-left:1.25rem}.info li{margin-bottom:.5rem;font-size:.875rem}.info code{background:#e8e8e8;border-radius:3px;padding:.15em .4em;font-size:.85em}