:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f5f7fb;--navy: #1f3b73;--navy-dark: #14294f;--border: #d9e0ea;--muted: #667085;--panel: #ffffff;--soft: #eef3f8;--effector: #d95f35;--maize: #10856f;--warning: #b45309}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#f5f7fb}a{color:var(--navy);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}code{background:#edf2f7;border:1px solid #d9e0ea;border-radius:4px;padding:.08rem .28rem}.primary-button,.secondary-button,.ghost-button,.secondary-link{align-items:center;border-radius:6px;display:inline-flex;font-weight:650;justify-content:center;line-height:1;min-height:34px;padding:.55rem .72rem}.primary-button{background:var(--navy);border:1px solid var(--navy);color:#fff}.secondary-button,.secondary-link{background:#fff;border:1px solid var(--border);color:var(--navy)}.ghost-button{background:transparent;border:1px solid transparent;color:var(--navy);min-height:28px;padding:.35rem .5rem}.ghost-button:hover,.secondary-button:hover,.secondary-link:hover{background:#edf3fb;text-decoration:none}.full-width{width:100%}.muted-text{color:var(--muted)}.state-panel,.empty-panel{background:#fff;border:1px solid var(--border);border-radius:8px;color:#475467;padding:2rem}.state-panel.error{border-color:#f3b6ac;color:#8a2e19}.type-pill{border-radius:999px;display:inline-flex;font-size:.76rem;font-weight:750;line-height:1;padding:.32rem .55rem;text-transform:uppercase}.type-pill.effector{background:#fff0ea;color:#a94722}.type-pill.maize{background:#e8f7f2;color:#0b6b59}.type-pill.interaction{background:#eaf0fb;color:var(--navy)}.type-dot{border-radius:999px;display:inline-block;height:10px;width:10px}.type-dot.effector{background:var(--effector)}.type-dot.maize{background:var(--maize)}.app-shell{min-height:100vh}.navbar{align-items:center;background:#fff;border-bottom:1px solid var(--border);display:flex;gap:1.5rem;justify-content:space-between;min-height:66px;padding:0 1.25rem;position:sticky;top:0;z-index:20}.brand{align-items:center;color:#172033;display:flex;gap:.7rem;min-width:280px}.brand:hover{text-decoration:none}.brand-mark{align-items:center;background:var(--navy);border-radius:6px;color:#fff;display:inline-flex;font-weight:800;height:38px;justify-content:center;width:58px}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:.78rem;margin-top:.1rem}.navbar nav{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem;justify-content:flex-end}.navbar nav a{border-radius:6px;color:#344054;font-size:.92rem;font-weight:650;padding:.55rem .7rem}.navbar nav a.active,.navbar nav a:hover{background:#edf3fb;color:var(--navy);text-decoration:none}.main-content{margin:0 auto;max-width:1680px;padding:1rem 1.25rem 2.5rem}.demo-banner{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#7c2d12;font-weight:700;margin-bottom:1rem;padding:.85rem 1rem}.page-stack{display:flex;flex-direction:column;gap:1rem}.page-hero,.page-heading,.panel,.table-card,.detail-panel{background:#fff;border:1px solid var(--border);border-radius:8px}.page-hero{align-items:stretch;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) 380px;padding:1.35rem}.page-hero h1,.page-heading h1{color:var(--navy-dark);line-height:1.18;margin:.2rem 0 .65rem}.page-hero p,.page-heading p{color:#4b5565;line-height:1.6;margin:0}.eyebrow{color:var(--maize);font-size:.78rem;font-weight:800;margin:0;text-transform:uppercase}.hero-note{background:#f8fafc;border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;gap:.65rem;padding:1rem}.hero-note span{color:#7c2d12;line-height:1.55}.page-heading{align-items:center;display:flex;justify-content:space-between;padding:1.1rem 1.2rem}.stat-grid{display:grid;gap:.85rem;grid-template-columns:repeat(6,minmax(0,1fr))}.stat-card{background:#fff;border:1px solid var(--border);border-radius:8px;min-height:112px;padding:.95rem}.stat-card span,.stat-card small{color:var(--muted);display:block}.stat-card strong{color:var(--navy-dark);display:block;font-size:1.8rem;line-height:1.05;margin:.55rem 0}.quick-links{display:grid;gap:.8rem;grid-template-columns:repeat(4,minmax(0,1fr))}.quick-links a{background:#fff;border:1px solid var(--border);border-radius:8px;color:var(--navy);font-weight:750;padding:1rem}.quick-links a:hover{background:#edf3fb;text-decoration:none}.two-column,.detail-layout,.browser-with-detail{display:grid;gap:1rem}.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{align-items:start;grid-template-columns:minmax(0,1fr) 520px}.browser-with-detail{align-items:start;grid-template-columns:minmax(0,1fr) 420px}.panel{padding:1rem}.panel h2,.detail-panel h2,.detail-section h3,.tag-section h3{color:var(--navy-dark);margin:0 0 .75rem}.filter-bar{align-items:end;background:#fff;border:1px solid var(--border);border-radius:8px;display:grid;gap:.85rem;grid-template-columns:minmax(260px,1fr) 180px 280px 280px;padding:1rem}.filter-bar label,.search-panel label{color:#344054;display:flex;flex-direction:column;font-size:.86rem;font-weight:700;gap:.4rem}.filter-bar input,.filter-bar select,.search-panel input,.search-panel select{background:#fff;border:1px solid #cfd8e3;border-radius:6px;color:#172033;min-height:38px;padding:.5rem .6rem}.table-card{overflow:hidden}.table-toolbar,.pagination,.section-heading-row{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.table-toolbar{border-bottom:1px solid var(--border);padding:.8rem 1rem}.table-toolbar span{color:var(--muted);font-weight:750}.data-table-wrap,.mini-table-wrap{overflow:auto}.data-table,.mini-table{border-collapse:collapse;width:100%}.data-table th,.data-table td,.mini-table th,.mini-table td{border-bottom:1px solid #e7ecf3;padding:.68rem .75rem;text-align:left;vertical-align:top}.data-table th,.mini-table th{background:#f8fafc;color:#475467;font-size:.78rem;text-transform:uppercase}.data-table td{font-size:.9rem}.data-table tbody tr:hover,.mini-table tbody tr:hover{background:#f8fbff}.data-table small,.mini-table small{color:var(--muted);display:block;margin-top:.2rem}.row-actions{white-space:nowrap}.pagination{padding:.75rem 1rem}.detail-panel{padding:1rem}.detail-panel.compact{border:0;border-radius:0;padding:0}.detail-title{border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.9rem}.detail-title h2{margin:.65rem 0 .25rem;overflow-wrap:anywhere}.detail-title p{color:#4b5565;margin:0}.detail-grid{display:grid;gap:.65rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1rem}.detail-grid div{background:#f8fafc;border:1px solid #e3e8ef;border-radius:6px;padding:.65rem}.detail-grid span{color:var(--muted);display:block;font-size:.78rem;margin-bottom:.25rem}.detail-grid strong{overflow-wrap:anywhere}.field-list{display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.field-list div{background:#f8fafc;border:1px solid #e3e8ef;border-radius:6px;padding:.55rem}.field-list span{color:var(--muted);display:block;font-size:.76rem;margin-bottom:.22rem}.field-list strong{overflow-wrap:anywhere}.detail-section,.tag-section{margin-top:1rem}.detail-section p{line-height:1.55;margin:.35rem 0}.tag-section div{display:flex;flex-wrap:wrap;gap:.45rem}.tag-section span{background:#edf3fb;border:1px solid #d8e2f0;border-radius:999px;color:#25426f;font-size:.82rem;padding:.35rem .55rem}.sequence-viewer{background:#101828;border-radius:8px;color:#d1fadf;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.84rem;line-height:1.6;max-height:360px;overflow:auto;padding:1rem;white-space:pre}.inline-actions{display:flex;flex-wrap:wrap;gap:.45rem}.side-detail{display:flex;flex-direction:column;gap:1rem;min-width:0;position:sticky;top:86px}.download-grid{display:grid;gap:.85rem;grid-template-columns:repeat(3,minmax(0,1fr))}.download-card{background:#f8fafc;border:1px solid #d9e3ef;border-radius:8px;display:flex;flex-direction:column;gap:.35rem;padding:1rem}.download-card span{color:var(--muted)}@media(max-width:1180px){.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-hero,.two-column,.detail-layout,.browser-with-detail{grid-template-columns:1fr}.side-detail{position:static}.filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.navbar{align-items:flex-start;flex-direction:column;padding:.75rem}.brand{min-width:0}.main-content{padding:.75rem}.stat-grid,.quick-links,.filter-bar,.download-grid{grid-template-columns:1fr}}.network-page{display:grid;gap:1rem;grid-template-columns:310px minmax(0,1fr) 380px}.search-panel,.network-main,.network-detail{min-width:0}.search-panel{background:#fff;border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;gap:1rem;max-height:calc(100vh - 106px);overflow:auto;padding:1rem;position:sticky;top:86px}.search-panel h2,.search-panel h3{color:var(--navy-dark);margin:0 0 .75rem}.search-panel section{border-bottom:1px solid #e6ebf2;display:flex;flex-direction:column;gap:.75rem;padding-bottom:1rem}.search-panel section:last-child{border-bottom:0}.segmented{background:#eef3f8;border:1px solid #d7e1ed;border-radius:6px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:.18rem}.segmented button{background:transparent;border:0;border-radius:5px;color:#475467;font-weight:700;min-height:32px}.segmented button.active{background:#fff;color:var(--navy)}.result-list{display:flex;flex-direction:column;gap:.4rem}.result-list button{align-items:flex-start;background:#fff;border:1px solid var(--border);border-radius:6px;color:#172033;display:grid;gap:.18rem .5rem;grid-template-columns:12px minmax(0,1fr);padding:.55rem;text-align:left}.result-list button:hover{background:#f8fbff}.result-list .type-dot{grid-row:span 2;margin-top:.25rem}.result-list small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.network-main{display:flex;flex-direction:column;gap:.75rem}.network-status{align-items:center;background:#fff;border:1px solid var(--border);border-radius:8px;display:flex;justify-content:space-between;padding:.9rem 1rem}.network-status h1{color:var(--navy-dark);margin:0 0 .25rem}.network-status p{color:var(--muted);margin:0}.network-summary{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}.network-summary span{background:#edf3fb;border-radius:999px;color:var(--navy);font-size:.82rem;font-weight:750;padding:.35rem .55rem}.network-card{background:#fff;border:1px solid var(--border);border-radius:8px;min-height:420px;overflow:hidden;position:relative}.network-card.compact{min-height:0}.network-toolbar{align-items:center;background:#fbfcfe;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;min-height:48px;padding:.55rem .75rem;position:relative;z-index:2}.network-toolbar div{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;gap:.55rem}.network-toolbar strong{color:var(--navy-dark)}.network-canvas{background:#fbfdff;width:100%}.network-hover{align-items:center;background:#fffffff5;border:1px solid var(--border);border-radius:6px;box-shadow:0 10px 22px #0f172a1f;color:#172033;display:flex;gap:.5rem;left:.9rem;max-width:calc(100% - 1.8rem);overflow:hidden;padding:.55rem .7rem;position:absolute;top:4rem;z-index:3}.network-hover span:last-child{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.network-detail{background:#fff;border:1px solid var(--border);border-radius:8px;max-height:calc(100vh - 106px);overflow:auto;padding:1rem;position:sticky;top:86px}@media(max-width:1280px){.network-page{grid-template-columns:290px minmax(0,1fr)}.network-detail{grid-column:1 / -1;max-height:none;position:static}}@media(max-width:920px){.network-page{grid-template-columns:1fr}.search-panel{max-height:none;position:static}.network-status{align-items:flex-start;flex-direction:column;gap:.75rem}}