*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font:system-ui, -apple-system, sans-serif;--radius:6px}body{font-family:var(--font);height:100vh;overflow:hidden}#root{flex-direction:column;height:100vh;display:flex}.app[data-theme=light]{--color-bg:#fff;--color-surface:#f8fafc;--color-border:#cbd5e1;--color-text:#0f172a;--color-text-muted:#475569;--color-accent:#2563eb;--color-warning:#b45309;--color-error:#dc2626;--color-canvas:#fff}.app[data-theme=dark]{--color-bg:#020617;--color-surface:#111827;--color-border:#334155;--color-text:#e2e8f0;--color-text-muted:#94a3b8;--color-accent:#7dd3fc;--color-warning:#f59e0b;--color-error:#ef4444;--color-canvas:#000}.app{background:var(--color-bg);height:100vh;color:var(--color-text);flex-direction:column;display:flex;overflow:hidden}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:baseline;gap:.75rem;padding:.5rem 1rem;display:flex}.app-header h1{letter-spacing:-.02em;font-size:1.4rem;font-weight:700}.app-title-link{color:var(--color-accent);text-decoration:none}.app-title-link:hover,.app-title-link:focus-visible{text-decoration:underline}.app-subtitle{color:var(--color-text-muted);font-size:.85rem}.app-toolbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}.toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.4rem 1rem;display:flex}.toolbar-label{color:var(--color-text-muted);font-size:.8rem}.toolbar-divider{background:var(--color-border);width:1px;height:1.2rem;margin:0 .25rem}.toolbar select,.toolbar button{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius);cursor:pointer;padding:.25rem .5rem;font-size:.8rem}.toolbar button:hover{background:var(--color-surface)}.toolbar-checkbox{color:var(--color-text);align-items:center;gap:.35rem;font-size:.8rem;display:inline-flex}.app-upload{flex-shrink:0;justify-content:center;align-items:center;padding:1rem;display:flex}.file-upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius);text-align:center;background:var(--color-surface);flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:400px;padding:1.5rem 2rem;display:flex}.file-upload-zone p{color:var(--color-text-muted);font-size:.9rem}.file-upload-label{background:var(--color-accent);color:#fff;border-radius:var(--radius);cursor:pointer;padding:.4rem 1rem;font-size:.85rem;font-weight:600;display:inline-block}.file-upload-input{display:none}.app-error{border:1px solid var(--color-error);border-radius:var(--radius);color:var(--color-error);background:#dc26261f;flex-shrink:0;margin:.5rem 1rem;padding:.5rem .75rem;font-size:.85rem}.app-warnings{color:var(--color-warning);flex-shrink:0;margin:.25rem 1rem;font-size:.8rem}.app-warnings summary{cursor:pointer;padding:.25rem 0}.app-warnings ul{margin-top:.25rem;padding-left:1.5rem}.app-main{flex:1;min-height:0;display:flex;overflow:hidden}.graph-viewer-wrapper{background:var(--color-canvas);flex:1;position:relative;overflow:hidden}.graph-viewer-placeholder{color:var(--color-text-muted);pointer-events:none;justify-content:center;align-items:center;font-size:.9rem;display:flex;position:absolute;inset:0}.graph-viewer-canvas{width:100%;height:100%}.inspector-panel{border-left:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;width:260px;padding:.75rem;overflow-y:auto}.inspector-panel h2{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.75rem;font-size:.9rem}.inspector-panel h3{color:var(--color-accent);word-break:break-all;margin-bottom:.5rem;font-size:.95rem}.inspector-panel h4{text-transform:uppercase;color:var(--color-text-muted);margin:.75rem 0 .25rem;font-size:.8rem}.inspector-none{color:var(--color-text-muted);font-size:.85rem}.inspector-dl{grid-template-columns:auto 1fr;gap:.15rem .75rem;font-size:.82rem;display:grid}.inspector-dl dt{color:var(--color-text-muted);font-weight:500}.inspector-dl dd{word-break:break-all}.inspector-seq{word-break:break-all;font-family:monospace;font-size:.75rem}.inspector-tags{border-collapse:collapse;width:100%;font-size:.78rem}.inspector-tags th,.inspector-tags td{text-align:left;border-bottom:1px solid var(--color-border);padding:.15rem .25rem}.inspector-tags th{color:var(--color-text-muted);font-weight:500}.status-bar{background:var(--color-surface);border-top:1px solid var(--color-border);color:var(--color-text-muted);flex-shrink:0;align-items:center;gap:.5rem;padding:.25rem 1rem;font-size:.78rem;display:flex}.status-separator{color:var(--color-border)}.status-warnings{color:var(--color-warning);cursor:help}