*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1e1e2e;--surface:#282838;--border:#3e3e5e;--text:#cdd6f4;--text-dim:#6c7086;--accent:#89b4fa;--green:#a6e3a1;--yellow:#f9e2af;--red:#f38ba8;--channel-height:48px;--label-width:120px;--toolbar-height:40px}body{background:var(--bg);color:var(--text);height:100vh;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:13px;overflow:hidden}#app{flex-direction:column;height:100vh;display:flex}#toolbar{height:var(--toolbar-height);background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:0 12px;display:flex}#toolbar button{background:var(--border);color:var(--text);cursor:pointer;border:none;border-radius:4px;padding:4px 12px;font-family:inherit;font-size:12px}#toolbar select{background:var(--border);color:var(--text);cursor:pointer;border:none;border-radius:4px;padding:4px 8px;font-family:inherit;font-size:12px}#capture-controls{align-items:center;gap:6px;display:flex}#capture-controls.hidden{display:none}#toolbar button:hover{background:var(--accent);color:var(--bg)}#status{color:var(--text-dim);font-size:12px}#viewer{flex:1;display:flex;overflow:hidden}#labels{width:var(--label-width);background:var(--surface);border-right:1px solid var(--border);flex-shrink:0;overflow-y:auto}.channel-label{height:var(--channel-height);border-bottom:1px solid var(--border);color:var(--text);white-space:nowrap;text-overflow:ellipsis;align-items:center;padding:0 8px;font-size:12px;display:flex;overflow:hidden}.channel-label.logic{color:var(--green)}.channel-label.analog{color:var(--yellow)}#waveform{cursor:crosshair;flex:1;display:block}#dropzone{border:3px dashed var(--accent);color:var(--accent);z-index:100;background:#89b4fa26;justify-content:center;align-items:center;font-size:24px;display:flex;position:fixed;inset:0}#dropzone.hidden{display:none}#welcome-overlay{z-index:300;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#welcome-overlay.hidden{display:none}#welcome{background:var(--surface);border:1px solid var(--border);width:90%;max-width:520px;color:var(--text);border-radius:12px;padding:32px}#welcome h2{margin:0 0 8px;font-size:18px;font-weight:600}#welcome .subtitle{color:var(--text-dim);margin-bottom:24px;font-size:12px}#welcome section{margin-bottom:20px}#welcome section h3{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin:0 0 8px;font-size:11px}#welcome .guide-grid{grid-template-columns:auto 1fr;gap:6px 12px;font-size:12px;display:grid}#welcome .guide-grid kbd{background:var(--bg);border:1px solid var(--border);white-space:nowrap;text-align:right;border-radius:3px;padding:1px 6px;font-family:inherit;font-size:11px}#welcome .guide-grid span{color:var(--text-dim)}#welcome .features{flex-direction:column;gap:6px;font-size:12px;display:flex}#welcome .feature{align-items:baseline;gap:8px;display:flex}#welcome .feature .dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:4px}#welcome .feature .dot.green{background:var(--green)}#welcome .feature .dot.yellow{background:var(--yellow)}#welcome .feature .dot.blue{background:var(--accent)}#welcome .feature .dot.red{background:var(--red)}#welcome .feature span{color:var(--text-dim)}#welcome-dismiss{background:var(--accent);width:100%;color:var(--bg);cursor:pointer;border:none;border-radius:6px;margin-top:24px;padding:10px;font-family:inherit;font-size:13px;font-weight:600;display:block}#welcome-dismiss:hover{filter:brightness(1.1)}#welcome .dismiss-hint{text-align:center;color:var(--text-dim);margin-top:8px;font-size:11px}