:root{--gx-bg:#f8fafc;--gx-bg-alt:#f1f5f9;--gx-surface:#fff;--gx-surface-hover:#f1f5f9;--gx-bg-elevated:#fff;--gx-text:#0f172a;--gx-text-muted:#64748b;--gx-text-bright:#0f172a;--gx-text-inverted:#fff;--gx-border:#e2e8f0;--gx-accent:#0d9488;--gx-accent-hover:#0f766e;--gx-indigo:#6366f1;--gx-success:#0d9488;--gx-warning:#f59e0b;--gx-error:#ef4444;--gx-accent-dim:#0d94881a;--gx-nav-bg:#ffffffe6;--gx-code-bg:#f1f5f9;--gx-shadow:0 1px 3px #0000001a;--gx-transition:.2s ease;--gx-max-width:1280px;--gx-radius-sm:4px;--gx-radius:8px;--gx-radius-lg:12px;--gx-radius-pill:999px;--gx-font-sans:"Inter", ui-sans-serif, system-ui, sans-serif;--gx-font-mono:"JetBrains Mono", "Fira Code", monospace;--gx-gradient:linear-gradient(135deg, #0d9488, #0f766e);--gx-shadow-md:0 4px 12px #0000001f;--gx-tag-bg:#0d94881a;--gx-tag-border:#0d948840;--gx-tag-text:#0f766e;--gx-info:#3b82f6}[data-theme=dark]{--gx-bg:#0f172a;--gx-bg-alt:#1e293b;--gx-surface:#1e293b;--gx-surface-hover:#334155;--gx-bg-elevated:#1e293b;--gx-text:#f1f5f9;--gx-text-muted:#94a3b8;--gx-text-bright:#f1f5f9;--gx-text-inverted:#0f172a;--gx-border:#334155;--gx-accent:#2dd4bf;--gx-accent-hover:#14b8a6;--gx-indigo:#818cf8;--gx-accent-dim:#2dd4bf1f;--gx-nav-bg:#0f172ae6;--gx-code-bg:#0f172a;--gx-shadow:0 1px 3px #0000004d;--gx-gradient:linear-gradient(135deg, #2dd4bf, #14b8a6);--gx-shadow-md:0 4px 12px #0006;--gx-tag-bg:#2dd4bf1a;--gx-tag-border:#2dd4bf40;--gx-tag-text:#2dd4bf;--gx-info:#60a5fa}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--gx-bg);color:var(--gx-text);transition:background-color var(--gx-transition), color var(--gx-transition);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.7}*{transition:background-color var(--gx-transition), border-color var(--gx-transition), color var(--gx-transition)}code{font-family:JetBrains Mono,Fira Code,monospace}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--gx-bg)}::-webkit-scrollbar-thumb{background:var(--gx-border);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--gx-text-muted)}.gx-nav{z-index:40;background:var(--gx-nav-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--gx-border);position:sticky;top:0}.gx-nav-inner{max-width:80rem;margin:0 auto;padding:0 1rem}@media (width>=640px){.gx-nav-inner{padding:0 1.5rem}}@media (width>=1024px){.gx-nav-inner{padding:0 2rem}}.gx-nav-row{justify-content:space-between;align-items:center;height:60px;display:flex}.gx-nav-logo{opacity:1;transition:opacity var(--gx-transition);align-items:center;gap:.75rem;text-decoration:none;display:flex}.gx-nav-logo:hover{opacity:.85}.gx-nav-logo-icon{flex-shrink:0;width:28px;height:28px}.gx-nav-logo-name{color:var(--gx-text);margin:0;font-size:1.125rem;font-weight:700;line-height:1.3}.gx-nav-logo-version{color:var(--gx-text-muted);margin-left:.25rem;font-size:.75rem;font-weight:400}.gx-nav-logo-sub{color:var(--gx-text-muted);margin:0;font-size:.75rem;line-height:1.2}.gx-nav-desktop{align-items:center;gap:1.5rem;display:none}@media (width>=768px){.gx-nav-desktop{display:flex}}.gx-nav-link{color:var(--gx-text-muted);transition:color var(--gx-transition);align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.gx-nav-link:hover{color:var(--gx-text)}.gx-nav-link-icon{width:14px;height:14px}.gx-nav-mobile-toggle{align-items:center;gap:.75rem;display:flex}@media (width>=768px){.gx-nav-mobile-toggle{display:none}}.gx-nav-hamburger{cursor:pointer;color:var(--gx-text-muted);background:0 0;border:none;border-radius:4px;align-items:center;padding:.5rem;display:flex}.gx-nav-hamburger:hover{color:var(--gx-text)}.gx-nav-hamburger-icon{width:20px;height:20px}.gx-nav-dropdown{border-top:1px solid var(--gx-border);background:var(--gx-nav-bg);padding:0 1rem 1rem;display:block}@media (width>=768px){.gx-nav-dropdown{display:none}}.gx-nav-dropdown-link{color:var(--gx-text-muted);transition:color var(--gx-transition);padding:.5rem 0;font-size:.875rem;text-decoration:none;display:block}.gx-nav-dropdown-link:hover{color:var(--gx-text)}.gx-footer{border-top:1px solid var(--gx-border);background:var(--gx-bg-alt);margin-top:auto;padding:1.5rem 0}.gx-footer-inner{max-width:80rem;margin:0 auto;padding:0 1rem}@media (width>=640px){.gx-footer-inner{padding:0 1.5rem}}@media (width>=1024px){.gx-footer-inner{padding:0 2rem}}.gx-footer-content{flex-direction:column;align-items:center;gap:1rem;display:flex}@media (width>=768px){.gx-footer-content{flex-direction:row;justify-content:space-between}}.gx-footer-text{color:var(--gx-text-muted);font-size:.875rem}.gx-footer-text-title{color:var(--gx-text);margin:0 0 .25rem;font-weight:600}.gx-footer-text-sub{margin:0}.gx-footer-links{gap:1.5rem;font-size:.875rem;display:flex}.gx-footer-link{color:var(--gx-text-muted);cursor:pointer;transition:color var(--gx-transition);background:0 0;border:none;padding:0;font-size:.875rem;text-decoration:none}.gx-footer-link:hover{color:var(--gx-accent)}.gx-theme-toggle{border:1px solid var(--gx-border);border-radius:999px;align-items:center;font-size:.75rem;font-weight:500;display:flex;overflow:hidden}.gx-theme-toggle.disabled{opacity:.4;pointer-events:none}.gx-theme-btn{cursor:pointer;transition:background var(--gx-transition), color var(--gx-transition);color:var(--gx-text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:.375rem .75rem;display:flex}.gx-theme-btn:hover{color:var(--gx-text)}.gx-theme-btn-icon{width:14px;height:14px}.gx-theme-btn.active{background:var(--gx-accent);color:var(--gx-text-inverted)}.gx-console{background:var(--gx-bg-alt);border:1px solid var(--gx-border);border-radius:var(--gx-radius-lg);margin-top:1.5rem;padding:1.5rem}.gx-console-progress{border-bottom:1px solid var(--gx-border);margin-bottom:1rem;padding-bottom:1rem}.gx-console-progress-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.gx-console-progress-step{color:var(--gx-text);font-size:.875rem;font-weight:500}.gx-console-progress-pct{color:var(--gx-text-muted);font-size:.875rem}.gx-console-progress-msg{color:var(--gx-text-muted);margin-top:.5rem;font-size:.75rem}.gx-console-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.gx-console-title-row{align-items:center;gap:.5rem;display:flex}.gx-console-toggle{cursor:pointer;color:var(--gx-text-muted);background:0 0;border:none;padding:0;font-size:.75rem}.gx-console-title{color:var(--gx-text);margin:0;font-size:.875rem;font-weight:600}.gx-console-count{color:var(--gx-text-muted);font-size:.75rem}.gx-console-copy{color:var(--gx-text);border:1px solid var(--gx-border);cursor:pointer;transition:all var(--gx-transition);background:0 0;border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.gx-console-copy:hover{border-color:var(--gx-accent);color:var(--gx-accent)}.gx-console-copy:disabled{opacity:.5;cursor:not-allowed}.gx-console-copy-icon{width:16px;height:16px}.gx-console-body{background:var(--gx-code-bg);max-height:24rem;color:var(--gx-accent);border:1px solid var(--gx-border);border-radius:6px;padding:1rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;overflow-y:auto}.gx-console-empty{color:var(--gx-text-muted)}.gx-console-line{white-space:pre-wrap;word-break:break-all;margin-bottom:.25rem}.card{background:var(--gx-bg-alt);border:1px solid var(--gx-border);border-radius:var(--gx-radius-lg);transition:border-color var(--gx-transition);padding:1.5rem}.card:hover{border-color:var(--gx-accent)}.btn-primary{background:var(--gx-accent);color:var(--gx-text-inverted);cursor:pointer;transition:all var(--gx-transition);border:none;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-secondary{color:var(--gx-text);border:1px solid var(--gx-border);cursor:pointer;transition:all var(--gx-transition);background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-secondary:hover{border-color:var(--gx-accent);color:var(--gx-accent)}.input-field,.gx-input,.gx-select{background:var(--gx-bg);border:1px solid var(--gx-border);color:var(--gx-text);transition:border-color var(--gx-transition);border-radius:6px;outline:none;padding:.5rem .75rem;font-family:inherit;font-size:.875rem}.input-field:focus,.gx-input:focus,.gx-select:focus{border-color:var(--gx-accent);box-shadow:0 0 0 3px var(--gx-accent-dim)}.gx-btn{cursor:pointer;transition:all var(--gx-transition);border:none;border-radius:6px;justify-content:center;align-items:center;gap:.375rem;padding:.6rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;display:inline-flex}.gx-btn:disabled{opacity:.5;cursor:not-allowed}.gx-btn-sm{padding:.375rem .875rem;font-size:.8125rem}.gx-btn-primary{background:var(--gx-accent);color:var(--gx-text-inverted)}.gx-btn-primary:hover:not(:disabled){background:var(--gx-accent-hover)}.gx-btn-secondary{color:var(--gx-text);border:1px solid var(--gx-border);background:0 0}.gx-btn-secondary:hover:not(:disabled){border-color:var(--gx-accent);color:var(--gx-accent)}.label{color:var(--gx-text);margin-bottom:.5rem;font-size:.8125rem;font-weight:500;display:block}.section-title{color:var(--gx-text);letter-spacing:-.01em;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.progress-bg{background:var(--gx-bg);border-radius:999px;height:6px;overflow:hidden}.progress-bar{background:var(--gx-accent);border-radius:999px;height:6px;transition:width .3s}.gx-modal-overlay{z-index:50;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.gx-modal{background:var(--gx-bg-alt);border:1px solid var(--gx-border);border-radius:var(--gx-radius-lg);width:100%;max-width:28rem;padding:1.5rem}.gx-modal-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.gx-modal-title{color:var(--gx-text);margin:0;font-size:1.125rem;font-weight:700}.gx-modal-close{cursor:pointer;color:var(--gx-text-muted);background:0 0;border:none;padding:0;font-size:1.25rem;line-height:1}.gx-modal-close:hover{color:var(--gx-text)}.gx-modal-body{color:var(--gx-text);flex-direction:column;gap:.75rem;font-size:.875rem;display:flex}.gx-modal-email{color:var(--gx-accent);margin:0;font-family:JetBrains Mono,Fira Code,monospace;font-weight:700}.gx-modal-email a{color:var(--gx-accent);text-decoration:none}.gx-modal-email a:hover{text-decoration:underline}.gx-modal-checklist{background:var(--gx-bg);border:1px solid var(--gx-border);border-radius:6px;padding:.75rem 1rem}.gx-modal-checklist-title{color:var(--gx-text);margin:0 0 .5rem;font-weight:600}.gx-modal-checklist-items{color:var(--gx-text-muted);flex-direction:column;gap:.25rem;margin:0;padding-left:1.25rem;display:flex}.gx-modal-github-hint{color:var(--gx-text-muted);margin:0;font-size:.75rem}.gx-modal-github-hint a{color:var(--gx-accent);text-decoration:underline}.gx-file-upload{width:100%}.gx-file-upload-area{border:2px dashed var(--gx-border);border-radius:var(--gx-radius-lg);text-align:center;cursor:pointer;background:var(--gx-bg-alt);flex-direction:column;justify-content:center;align-items:center;min-height:140px;padding:1.5rem;transition:border-color .2s,background .2s;display:flex}.gx-file-upload-area:hover{border-color:var(--gx-accent);background:var(--gx-accent-dim)}.gx-file-upload-area input[type=file]{display:none}.gx-file-upload-icon{width:32px;height:32px;color:var(--gx-accent);opacity:.8;margin-bottom:.75rem}.gx-file-upload-label{color:var(--gx-text);margin-bottom:.25rem;font-size:.95rem;font-weight:500}.gx-file-upload-hint{color:var(--gx-text-muted);font-size:.8rem}.gx-file-list{color:var(--gx-text-muted);flex-direction:column;gap:.2rem;max-height:120px;margin:.5rem 0 0;padding:0;font-size:.85rem;list-style:none;display:flex;overflow-y:auto}.gx-progress-wrap{width:100%}.gx-progress-label{color:var(--gx-text-muted);margin:.5rem 0 0;font-size:.85rem}.gx-alert{border-radius:var(--gx-radius);color:var(--gx-text);border:1px solid;gap:.75rem;padding:1rem;font-size:.875rem;display:flex}.gx-alert--info{background:color-mix(in srgb, var(--gx-info) 10%, transparent);border-color:color-mix(in srgb, var(--gx-info) 30%, transparent)}.gx-alert--warning{background:color-mix(in srgb, var(--gx-warning) 10%, transparent);border-color:color-mix(in srgb, var(--gx-warning) 30%, transparent)}.gx-alert--error{background:color-mix(in srgb, var(--gx-error) 10%, transparent);border-color:color-mix(in srgb, var(--gx-error) 30%, transparent)}.gx-alert--success{background:color-mix(in srgb, var(--gx-success) 10%, transparent);border-color:color-mix(in srgb, var(--gx-success) 30%, transparent)}.gx-alert-icon{flex-shrink:0}.gx-alert-icon--info{color:var(--gx-info)}.gx-alert-icon--warning{color:var(--gx-warning)}.gx-alert-icon--error{color:var(--gx-error)}.gx-alert-icon--success{color:var(--gx-success)}.gx-alert-body{flex:1}.gx-badge{border-radius:var(--gx-radius-pill);white-space:nowrap;border:1px solid;align-items:center;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.gx-badge--success{background:color-mix(in srgb, var(--gx-success) 12%, transparent);border-color:color-mix(in srgb, var(--gx-success) 30%, transparent);color:var(--gx-success)}.gx-badge--warning{background:color-mix(in srgb, var(--gx-warning) 12%, transparent);border-color:color-mix(in srgb, var(--gx-warning) 30%, transparent);color:var(--gx-warning)}.gx-badge--error{background:color-mix(in srgb, var(--gx-error) 12%, transparent);border-color:color-mix(in srgb, var(--gx-error) 30%, transparent);color:var(--gx-error)}.gx-badge--info{background:color-mix(in srgb, var(--gx-info) 12%, transparent);border-color:color-mix(in srgb, var(--gx-info) 30%, transparent);color:var(--gx-info)}.gx-badge--muted{background:color-mix(in srgb, var(--gx-text-muted) 12%, transparent);border-color:color-mix(in srgb, var(--gx-text-muted) 30%, transparent);color:var(--gx-text-muted)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--gx-indigo:#6366f1;--gx-success:#16a34a;--gx-warning:#f59e0b;--gx-error:#ef4444;--gx-info:#2563eb;--gx-radius:8px;--gx-radius-lg:12px;--gx-radius-sm:4px;--gx-radius-pill:999px;--gx-transition:.2s ease;--gx-max-width:1080px;--gx-nav-height:60px;--gx-font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--gx-font-mono:"JetBrains Mono", "Fira Code", monospace;--gx-space-1:.25rem;--gx-space-2:.5rem;--gx-space-3:.75rem;--gx-space-4:1rem;--gx-space-6:1.5rem;--gx-space-8:2rem;--gx-bg:#f8fafc;--gx-bg-alt:#f1f5f9;--gx-surface:#fff;--gx-surface-hover:#f1f5f9;--gx-border:#e2e8f0;--gx-text:#0f172a;--gx-text-muted:#64748b;--gx-text-inverted:#fff;--gx-accent:#0d9488;--gx-accent-hover:#0f766e;--gx-bg-elevated:var(--gx-surface);--gx-text-bright:var(--gx-text);--gx-accent-dim:#0d948814;--gx-accent-15:#0d94881f;--gx-indigo-dim:#6366f114;--gx-nav-bg:#ffffffe6;--gx-code-bg:#f1f5f9;--gx-shadow:0 1px 3px #00000014;--gx-shadow-md:0 4px 12px #0000001a;--gx-tag-bg:#f0fdfa;--gx-tag-text:#115e59;--gx-tag-border:#99f6e4;--gx-gradient:linear-gradient(135deg, #0d9488 0%, #06b6d4 100%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--gx-bg:#0f172a;--gx-bg-alt:#1e293b;--gx-surface:#1e293b;--gx-surface-hover:#334155;--gx-border:#334155;--gx-text:#f1f5f9;--gx-text-muted:#94a3b8;--gx-text-inverted:#0f172a;--gx-accent:#2dd4bf;--gx-accent-hover:#14b8a6;--gx-success:#22c55e;--gx-warning:#fbbf24;--gx-error:#f87171;--gx-info:#60a5fa;--gx-bg-elevated:var(--gx-surface);--gx-text-bright:var(--gx-text);--gx-accent-dim:#2dd4bf1a;--gx-accent-15:#2dd4bf26;--gx-indigo-dim:#6366f11a;--gx-nav-bg:#0f172ae6;--gx-code-bg:#0f172a;--gx-shadow:0 1px 3px #0000004d;--gx-shadow-md:0 4px 12px #0006;--gx-tag-bg:#0d2d2a;--gx-tag-text:#5eead4;--gx-tag-border:#134e4a;--gx-gradient:linear-gradient(135deg, #2dd4bf 0%, #22d3ee 100%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme]){--gx-bg:#0f172a;--gx-bg-alt:#1e293b;--gx-surface:#1e293b;--gx-surface-hover:#334155;--gx-border:#334155;--gx-text:#f1f5f9;--gx-text-muted:#94a3b8;--gx-text-inverted:#0f172a;--gx-accent:#2dd4bf;--gx-accent-hover:#14b8a6;--gx-success:#22c55e;--gx-warning:#fbbf24;--gx-error:#f87171;--gx-info:#60a5fa;--gx-bg-elevated:var(--gx-surface);--gx-text-bright:var(--gx-text);--gx-accent-dim:#2dd4bf1a;--gx-accent-15:#2dd4bf26;--gx-indigo-dim:#6366f11a;--gx-nav-bg:#0f172ae6;--gx-code-bg:#0f172a;--gx-shadow:0 1px 3px #0000004d;--gx-shadow-md:0 4px 12px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--gx-tag-bg:#0d2d2a;--gx-tag-text:#5eead4;--gx-tag-border:#134e4a;--gx-gradient:linear-gradient(135deg, #2dd4bf 0%, #22d3ee 100%)}}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--gx-font-sans);background:var(--gx-bg);color:var(--gx-text);flex-direction:column;min-height:100vh;font-size:1rem;line-height:1.7;transition:background-color .3s,color .3s;display:flex}a{color:var(--gx-accent);transition:color var(--gx-transition);text-decoration:none}a:hover{color:var(--gx-accent-hover)}.tool-main{max-width:var(--gx-max-width);padding:var(--gx-space-8) var(--gx-space-4);margin:0 auto}.hero{text-align:center;margin-bottom:var(--gx-space-8)}.hero-title{background:var(--gx-gradient);-webkit-text-fill-color:transparent;margin-bottom:var(--gx-space-2);-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-weight:800}.hero-sub{color:var(--gx-text-muted);font-size:.95rem}.card{background:var(--gx-surface);border:1px solid var(--gx-border);border-radius:var(--gx-radius-lg);box-shadow:var(--gx-shadow);padding:var(--gx-space-6)}.input-grid{gap:var(--gx-space-6);margin-bottom:var(--gx-space-6);grid-template-columns:1fr 1fr;display:grid}@media (width<=640px){.input-grid{grid-template-columns:1fr}}.field-label{margin-bottom:var(--gx-space-2);color:var(--gx-text);font-size:.9rem;font-weight:600;display:block}.seq-input{width:100%;padding:var(--gx-space-3);background:var(--gx-bg-alt);border:1px solid var(--gx-border);border-radius:var(--gx-radius);font-family:var(--gx-font-mono);color:var(--gx-text);resize:vertical;margin-bottom:var(--gx-space-3);transition:border-color var(--gx-transition);font-size:.875rem}.seq-input:focus{border-color:var(--gx-accent);outline:none}.controls{align-items:center;gap:var(--gx-space-6);margin-bottom:var(--gx-space-6);flex-wrap:wrap;display:flex}.slider-group{align-items:center;gap:var(--gx-space-3);display:flex}.slider-label{white-space:nowrap;color:var(--gx-text);font-size:.9rem;font-weight:600}.slider-group input[type=range]{width:150px;accent-color:var(--gx-accent)}.btn-primary{padding:var(--gx-space-2) var(--gx-space-6);background:var(--gx-accent);color:var(--gx-text-inverted);border-radius:var(--gx-radius);cursor:pointer;transition:background var(--gx-transition);border:none;font-size:1rem;font-weight:600}.btn-primary:hover{background:var(--gx-accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{padding:var(--gx-space-2) var(--gx-space-4);color:var(--gx-accent);border:1px solid var(--gx-accent);border-radius:var(--gx-radius);cursor:pointer;transition:background var(--gx-transition);background:0 0;font-size:.95rem}.btn-outline:hover{background:var(--gx-accent-dim)}.timing{color:var(--gx-text-muted);margin-bottom:var(--gx-space-4);font-size:.9rem}.results-summary{align-items:center;gap:var(--gx-space-4);margin-bottom:var(--gx-space-4);padding:var(--gx-space-3) var(--gx-space-4);background:var(--gx-accent-dim);border:1px solid var(--gx-accent);border-radius:var(--gx-radius);display:flex}.results-count{color:var(--gx-accent);font-size:1.1rem;font-weight:700}.results-time{font-family:var(--gx-font-mono);color:var(--gx-text-muted);font-size:.85rem}.results{margin-top:var(--gx-space-4);overflow-x:auto}.results table{border-collapse:collapse;width:100%;font-size:.875rem}.results th,.results td{padding:var(--gx-space-2) var(--gx-space-3);border-bottom:1px solid var(--gx-border);text-align:left}.results th{background:var(--gx-bg-alt);color:var(--gx-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.results tr:hover td{background:var(--gx-surface-hover)}.seq{font-family:var(--gx-font-mono);word-break:break-all}.mode-bar{gap:var(--gx-space-2);margin-bottom:var(--gx-space-2);flex-wrap:wrap;display:flex}.mode-btn{padding:var(--gx-space-2) var(--gx-space-4);background:var(--gx-surface);color:var(--gx-text-muted);border:1px solid var(--gx-border);border-radius:var(--gx-radius);cursor:pointer;transition:all var(--gx-transition);font-size:.875rem}.mode-btn:hover{background:var(--gx-surface-hover);color:var(--gx-text)}.mode-btn.active{background:var(--gx-accent-dim);color:var(--gx-accent);border-color:var(--gx-accent);font-weight:600}.mode-desc{color:var(--gx-text-muted);margin-bottom:var(--gx-space-6);font-size:.85rem}.strand-badge{padding:var(--gx-space-1) var(--gx-space-2);border-radius:var(--gx-radius-pill);font-size:.8rem;font-weight:600;font-family:var(--gx-font-mono);display:inline-block}.strand-fwd{background:var(--gx-accent-dim);color:var(--gx-accent)}.strand-rc{background:var(--gx-indigo-dim);color:var(--gx-indigo)}.match-list{gap:var(--gx-space-3);margin-top:var(--gx-space-4);flex-direction:column;display:flex}.match-card{background:var(--gx-surface);border:1px solid var(--gx-border);border-radius:var(--gx-radius);padding:var(--gx-space-4) var(--gx-space-6);box-shadow:var(--gx-shadow)}.match-header{align-items:center;gap:var(--gx-space-3);margin-bottom:var(--gx-space-3);flex-wrap:wrap;display:flex}.match-index{color:var(--gx-text-muted);min-width:2rem;font-size:.85rem;font-weight:700}.match-pos{font-family:var(--gx-font-mono);color:var(--gx-text-muted);background:var(--gx-bg-alt);padding:2px var(--gx-space-2);border-radius:var(--gx-radius-sm);font-size:.875rem}.match-cigar{font-family:var(--gx-font-mono);color:var(--gx-text-muted);margin-left:auto;font-size:.8rem}.match-seq{font-family:var(--gx-font-mono);letter-spacing:.08em;color:var(--gx-text);word-break:break-all;background:var(--gx-code-bg);border:1px solid var(--gx-border);border-radius:var(--gx-radius-sm);padding:var(--gx-space-2) var(--gx-space-3);font-size:1.05rem;font-weight:500}.dist-badge{padding:var(--gx-space-1) var(--gx-space-3);border-radius:var(--gx-radius-pill);font-size:.8rem;font-weight:700;display:inline-block}.dist-0{color:var(--gx-success);background:#16a34a1f}.dist-1{color:var(--gx-warning);background:#f59e0b1f}.dist-2{color:var(--gx-error);background:#ef44441f}.dist-3{color:var(--gx-error);background:#ef44442e}.mode-btn{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.mode-cli{font-family:var(--gx-font-mono);font-size:.8rem;font-weight:600;line-height:1.2}.mode-label{color:var(--gx-text-muted);font-size:.7rem;line-height:1.2}.mode-btn.active .mode-label{color:var(--gx-accent);opacity:.8}.strand-group{align-items:center;gap:var(--gx-space-3);display:flex}.radio-group{gap:var(--gx-space-3);color:var(--gx-text);font-size:.9rem;display:flex}.radio-group label{align-items:center;gap:var(--gx-space-1);cursor:pointer;display:flex}.radio-group input[type=radio]{accent-color:var(--gx-accent)}.fasta-input{min-height:120px}.pam-row{align-items:center;gap:var(--gx-space-4);margin-bottom:var(--gx-space-6);display:flex}.pam-select{padding:var(--gx-space-2) var(--gx-space-3);background:var(--gx-bg-alt);border:1px solid var(--gx-border);border-radius:var(--gx-radius);font-family:var(--gx-font-mono);color:var(--gx-text);cursor:pointer;font-size:.875rem}.pam-label{font-family:var(--gx-font-mono);color:var(--gx-indigo);background:var(--gx-indigo-dim);padding:2px var(--gx-space-2);border-radius:var(--gx-radius-sm);font-size:.8rem}.guide-seq{color:var(--gx-accent)}.pam-seq{color:var(--gx-indigo);font-weight:700}.grep-output{margin-top:var(--gx-space-4)}.grep-hint{color:var(--gx-text-muted);margin-bottom:var(--gx-space-3);font-size:.8rem}.grep-seq{font-family:var(--gx-font-mono);word-break:break-all;color:var(--gx-text);font-size:.95rem;line-height:1.9}.hl-exact{color:var(--gx-success);background:#16a34a33;border-radius:3px;padding:1px 0;font-weight:700}.hl-1{color:var(--gx-warning);background:#f59e0b33;border-radius:3px;padding:1px 0;font-weight:700}.hl-n{color:var(--gx-error);background:#ef44442e;border-radius:3px;padding:1px 0;font-weight:700}.filter-results{margin-top:var(--gx-space-4);border:1px solid var(--gx-border);border-radius:var(--gx-radius-lg);overflow:hidden}.filter-tabs{gap:var(--gx-space-3);padding:var(--gx-space-3) var(--gx-space-4);background:var(--gx-bg-alt);border-bottom:1px solid var(--gx-border);display:flex}.filter-label{padding:2px var(--gx-space-3);border-radius:var(--gx-radius-pill);font-size:.8rem;font-weight:600}.match-label{color:var(--gx-success);background:#16a34a1f}.nomatch-label{background:var(--gx-bg-alt);color:var(--gx-text-muted);border:1px solid var(--gx-border)}.filter-row{align-items:center;gap:var(--gx-space-4);padding:var(--gx-space-3) var(--gx-space-4);border-bottom:1px solid var(--gx-border);transition:background var(--gx-transition);grid-template-columns:auto auto 1fr;display:grid}.filter-row:last-child{border-bottom:none}.filter-row:hover{background:var(--gx-surface-hover)}.filter-match{border-left:3px solid var(--gx-success)}.filter-nomatch{border-left:3px solid var(--gx-border);opacity:.7}.filter-id{font-family:var(--gx-font-mono);color:var(--gx-text);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.875rem;font-weight:600;overflow:hidden}.filter-count{padding:2px var(--gx-space-2);border-radius:var(--gx-radius-pill);white-space:nowrap;font-size:.8rem;font-weight:600}.filter-match .filter-count{color:var(--gx-success);background:#16a34a1f}.filter-nomatch .filter-count{background:var(--gx-bg-alt);color:var(--gx-text-muted)}.filter-seq{font-family:var(--gx-font-mono);color:var(--gx-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}