.ghmm-visualizer{gap:var(--space-6);margin-block:var(--space-4) var(--space-8);font-family:var(--font-body);color:var(--color-ink);flex-direction:column;display:flex}.ghmm-toolbar{gap:var(--space-5);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-lg);grid-template-columns:1.2fr 1fr;display:grid}@media (width<=840px){.ghmm-toolbar{grid-template-columns:1fr}}.ghmm-input-group{gap:var(--space-2);flex-direction:column;display:flex}.ghmm-label{font-size:var(--fs-small);font-weight:var(--fw-semibold);color:var(--color-ink);justify-content:space-between;align-items:center;display:flex}.ghmm-textarea{width:100%;font-family:var(--font-mono);letter-spacing:.05em;background:var(--color-bg);color:var(--color-ink);border:1px solid var(--color-rule);border-radius:var(--radius);resize:vertical;min-height:4.5rem;padding:.5rem .75rem;font-size:.85rem;font-weight:600;transition:border-color .15s}.ghmm-textarea:focus{border-color:var(--color-accent);outline:none}.ghmm-presets{margin-top:var(--space-2);flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.ghmm-preset-btn{font-family:var(--font-mono);font-size:var(--fs-meta);background:var(--color-bg);color:var(--color-muted);border:1px solid var(--color-rule);cursor:pointer;border-radius:999px;padding:.2rem .55rem;font-weight:500;transition:all .15s}.ghmm-preset-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 8%, var(--color-bg))}.ghmm-transport-bar{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-3) var(--space-5);background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.ghmm-btn-group{align-items:center;gap:.35rem;display:flex}.ghmm-btn{font-size:var(--fs-small);border-radius:var(--radius);border:1px solid var(--color-rule);background:var(--color-bg);color:var(--color-ink);cursor:pointer;user-select:none;justify-content:center;align-items:center;gap:.35rem;padding:.45rem .85rem;font-weight:600;transition:all .15s;display:inline-flex}.ghmm-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 10%, var(--color-bg))}.ghmm-btn:disabled{opacity:.4;cursor:not-allowed}.ghmm-btn--primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.ghmm-btn--primary:hover:not(:disabled){background:var(--color-accent-dark);color:#fff}.ghmm-step-indicator{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--color-accent);font-weight:600}.ghmm-gene-card{padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-lg);gap:var(--space-3);flex-direction:column;display:flex}.ghmm-gene-header{font-size:var(--fs-small);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;font-weight:600;display:flex}.ghmm-stats-row{flex-wrap:wrap;gap:1.25rem;display:flex}.ghmm-stat-item{font-size:var(--fs-small);align-items:baseline;gap:.35rem;display:flex}.ghmm-stat-item strong{font-family:var(--font-mono);color:var(--color-accent)}.ghmm-protein-viewer{background:var(--color-bg);border:1px solid var(--color-rule);border-radius:var(--radius);font-family:var(--font-mono);flex-direction:column;gap:.25rem;padding:.75rem 1rem;font-size:.95rem;display:flex;overflow-x:auto}.ghmm-protein-line{white-space:pre;color:var(--color-ink);letter-spacing:.15em;font-weight:700}.ghmm-track-card{padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-lg);gap:var(--space-3);flex-direction:column;display:flex}.ghmm-track-container{gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-rule);border-radius:var(--radius);flex-direction:column;display:flex;overflow-x:auto}.ghmm-track-ruler{font-family:var(--font-mono);color:var(--color-muted);border-bottom:1px solid var(--color-rule);justify-content:space-between;padding-bottom:.25rem;font-size:.72rem;display:flex}.ghmm-track-body{align-items:center;width:100%;height:2.5rem;display:flex;position:relative}.ghmm-feature-box{border-radius:var(--radius);height:1.8rem;font-family:var(--font-mono);cursor:pointer;user-select:none;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;transition:all .15s;display:flex;position:absolute;box-shadow:0 1px 2px #0000000d}.ghmm-feature-box--exon-init{color:#14532d;background:#bbf7d0;border:1px solid #16a34a}.ghmm-feature-box--exon-int{color:#1e3a8a;background:#bfdbfe;border:1px solid #2563eb}.ghmm-feature-box--exon-term{color:#581c87;background:#e9d5ff;border:1px solid #9333ea}.ghmm-feature-box--exon-sgl{color:#713f12;background:#fef08a;border:1px solid #ca8a04}.ghmm-feature-box--intron{border-bottom:2px dashed var(--color-muted);color:var(--color-muted);background:0 0;height:.8rem}.ghmm-feature-box--intergenic{background:color-mix(in srgb, var(--color-ink) 5%, var(--color-surface));border:1px solid var(--color-rule);color:var(--color-muted)}.ghmm-feature-box--active{outline:2px solid var(--color-accent);z-index:2;box-shadow:0 0 10px #00000026}.ghmm-grid{gap:var(--space-5);grid-template-columns:minmax(400px,1.3fr) minmax(320px,1fr);display:grid}@media (width<=960px){.ghmm-grid{grid-template-columns:1fr}}.ghmm-card{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.ghmm-card-header{background:color-mix(in srgb, var(--color-ink) 3%, var(--color-surface));border-bottom:1px solid var(--color-rule);font-weight:600;font-size:var(--fs-small);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.ghmm-card-body{padding:var(--space-4);justify-content:center;align-items:center;display:flex;overflow-x:auto}.ghmm-canvas-wrapper{aspect-ratio:1.35;width:100%;max-width:580px;position:relative}.ghmm-svg{border-radius:var(--radius);background:var(--color-bg);border:1px solid var(--color-rule);width:100%;height:100%}.ghmm-calc-box{padding:var(--space-4);background:color-mix(in srgb, var(--color-accent) 5%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-accent) 25%, var(--color-rule));border-radius:var(--radius-lg);gap:var(--space-3);font-family:var(--font-mono);font-size:var(--fs-small);flex-direction:column;display:flex}.ghmm-calc-title{color:var(--color-accent);font-weight:700;font-family:var(--font-body);justify-content:space-between;align-items:center;display:flex}.ghmm-calc-formula{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius);flex-direction:column;gap:.35rem;padding:.5rem .75rem;display:flex}.ghmm-calc-summary{font-family:var(--font-body);font-size:var(--fs-small);color:var(--color-ink)}.ghmm-educational-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.ghmm-edu-card{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-lg);gap:var(--space-2);flex-direction:column;display:flex}.ghmm-edu-card h3{color:var(--color-ink);margin:0;font-size:1.05rem;font-weight:600}.ghmm-edu-card p{font-size:var(--fs-small);color:var(--color-muted);margin:0;line-height:1.55}