:root{--bg:#0f1115;--panel:#151a21;--panel-2:#12161d;--border:#262d38;--text:#d7dde7;--text-dim:#8b95a5;--accent:#4da3ff;--green:#51cf66;--red:#ff6b6b;--amber:#ffc861;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;overflow:hidden}button{font:inherit;color:inherit;border:1px solid var(--border);cursor:pointer;white-space:nowrap;background:#1d242e;border-radius:6px;padding:5px 12px}button:hover:not(:disabled){background:#242d3a;border-color:#33405085}button:disabled{opacity:.45;cursor:default}button.primary{background:#1d4ed8;border-color:#2563eb}button.primary:hover:not(:disabled){background:#2158e8}button.danger{background:#7f1d1d;border-color:#991b1b}button.danger:hover:not(:disabled){background:#931f1f}.app{flex-direction:column;height:100%;display:flex}.header{background:var(--panel-2);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:14px;height:48px;padding:0 14px;display:flex}.header .logo{align-items:baseline;gap:8px;display:flex}.header .logo b{letter-spacing:.02em;font-size:17px}.header .logo span{color:var(--text-dim);font-size:12.5px}.header .logo .tagline a{color:var(--accent);text-decoration:none}.header .logo .tagline a:hover{text-decoration:underline}.header .spacer{flex:1}.main{flex:1;min-height:0;display:flex}.left{border-right:1px solid var(--border);background:var(--panel);flex-direction:column;min-width:300px;display:flex}.divider{cursor:col-resize;background:0 0;flex:none;width:5px}.divider:hover{background:#2a3442}.right{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.editor-toolbar{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:8px;padding:8px 10px;display:flex}.editor-toolbar .name{color:var(--text-dim);text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.editor-toolbar .examples-btn{color:var(--accent);border-color:#33547a;font-weight:500}.editor-toolbar .examples-btn:hover:not(:disabled){background:#17263a;border-color:#4177b3}.editor-host{flex:1;min-height:0;overflow:hidden}.editor-host .cm-editor{height:100%;font-size:15px}.editor-host .cm-scroller{font-family:SF Mono,Menlo,Consolas,Liberation Mono,monospace}.console{border-top:1px solid var(--border);background:var(--panel-2);flex-direction:column;flex:none;height:30%;min-height:90px;display:flex}.console-head{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:4px 10px;font-size:11.5px;display:flex}.console-body{white-space:pre-wrap;word-break:break-word;flex:1;padding:6px 10px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;overflow-y:auto}.console-body .err{color:var(--red)}.console-body .ok{color:var(--green)}.viewer-empty{color:var(--text-dim);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:30px;display:flex}.viewer-empty h2{color:var(--text);margin:0;font-weight:600}.viewer-empty .hint{max-width:440px;line-height:1.55}.drop-active:after{content:"Drop .seq file to view";color:var(--accent);border:2px dashed var(--accent);z-index:50;pointer-events:none;background:#0f1115d9;justify-content:center;align-items:center;font-size:22px;display:flex;position:fixed;inset:0}.seq-tabs{flex:none;gap:4px;padding:8px 12px 0;display:flex}.seq-tabs button{color:var(--text-dim);background:0 0;border-bottom:none;border-radius:6px 6px 0 0}.seq-tabs button.active{background:var(--panel);color:var(--text)}.viewer-section{background:var(--panel);border:1px solid var(--border);border-radius:8px;flex:none;margin:10px 12px;overflow:hidden}.viewer-section>h3{color:var(--text-dim);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border);align-items:center;gap:10px;margin:0;padding:7px 12px;font-size:11.5px;font-weight:600;display:flex}.viewer-section>h3 .free{flex:1}.viewer-section>h3 .fine{text-transform:none;letter-spacing:0;font-weight:400}.timeline-host{position:relative}.timeline-canvas{cursor:crosshair;width:100%;display:block}.timeline-canvas.panning{cursor:grabbing}.report{flex-wrap:wrap;gap:8px 26px;padding:10px 14px;font-size:13px;display:flex}.report .item b{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600;display:block}.report .item span{font-family:SF Mono,Menlo,Consolas,monospace;font-size:12.5px}.badge{border:1px solid;border-radius:999px;padding:1px 8px;font-size:11.5px;display:inline-block}.badge.good{color:var(--green);border-color:#2f9e4466}.badge.bad{color:var(--red);border-color:#e0313166}.badge.neutral{color:var(--text-dim);border-color:var(--border)}.inspector{padding:8px 12px 12px;font-size:13px}.inspector .nav{align-items:center;gap:8px;margin-bottom:8px;display:flex}.inspector .nav .where{color:var(--text-dim);font-family:SF Mono,Menlo,Consolas,monospace;font-size:12.5px}.inspector table{border-collapse:collapse;width:100%}.inspector td,.inspector th{text-align:left;vertical-align:top;border-bottom:1px solid #1d232d;padding:4px 10px 4px 0}.inspector th{color:var(--text-dim);white-space:nowrap;width:1%;font-weight:600}.inspector td{font-family:SF Mono,Menlo,Consolas,monospace;font-size:12.5px}.inspector .muted{color:var(--text-dim)}.inspector-hint{color:var(--text-dim);margin:0;padding:12px;font-size:13px}.menu-wrap{position:relative}.menu{border:1px solid var(--border);z-index:40;background:#1a212b;border-radius:8px;min-width:300px;padding:4px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 28px #0009}.menu button{text-align:left;background:0 0;border:none;border-radius:6px;width:100%;padding:8px 10px;display:block}.menu button:hover{background:#232d3a}.menu button b{display:block}.menu button span{color:var(--text-dim);white-space:normal;margin-top:1px;font-size:12px;display:block}.modal-backdrop{z-index:60;background:#0a0c10cc;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:min(1000px,100%);max-height:100%;display:flex;overflow:hidden;box-shadow:0 20px 60px #000a}.modal-head{border-bottom:1px solid var(--border);flex:none;align-items:baseline;gap:12px;padding:14px 18px;display:flex}.modal-head h2{margin:0;font-size:17px}.modal-head .count{color:var(--text-dim);font-size:12.5px}.modal-body{padding:6px 18px 18px;overflow-y:auto}.modal-body section{margin-top:16px}.modal-body section h3{color:var(--accent);text-transform:uppercase;letter-spacing:.07em;margin:0 0 8px;font-size:12px;font-weight:600}.example-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;display:grid}.example-card{text-align:left;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.example-card:hover{background:#1a212b;border-color:#3a4d66}.example-card .ex-top{align-items:baseline;gap:8px;display:flex}.example-card .ex-top b{flex:1;font-size:13.5px}.example-card .ex-time{color:var(--text-dim);white-space:nowrap;font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px}.example-card .ex-desc{color:var(--text-dim);font-size:12px;line-height:1.45}