/* Visual exploration shell. Existing research workspace remains independently usable. */
#journey{display:none}.journey-active #journey{display:block}.journey-active #app,.journey-active>.skip-link{display:none}.j-return{position:fixed;right:24px;bottom:44px;z-index:12;padding:12px 18px;border:1px solid #598a97;border-radius:30px;background:#10202a;color:#c7edf5}.j-return[hidden]{display:none}
#journey{--j-muted:#849098;--j-line:#ffffff12;--j-cyan:#a4e4ed;background:#050709;color:#eaf0f2;font-family:var(--sans-app,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif);font-size:12px;min-height:100vh}#journey button{transition:background .2s,color .2s,border-color .2s}#journey button:focus-visible,#journey textarea:focus-visible,#journey a:focus-visible{outline:2px solid #a4e4ed;outline-offset:4px}#journey button:hover{color:#fff}#journey p{line-height:1.7}#journey [hidden]{display:none!important}
.j-header{height:83px;display:flex;align-items:center;gap:30px;margin:0 34px;border-bottom:1px solid var(--j-line)}.j-brand{font-size:37px;font-weight:500;letter-spacing:-2px;text-decoration:none}.j-brand span{color:var(--j-cyan);margin-left:2px}.j-wordmark{font:8px var(--mono);letter-spacing:2px;color:#647179}.j-header nav{margin-left:auto;display:flex;gap:30px;height:100%;align-items:center}.j-nav{font-size:11px;color:#859298;height:100%;position:relative}.j-nav.selected{color:#dfedf0}.j-nav.selected:after{content:'';position:absolute;bottom:0;height:2px;left:0;right:0;background:var(--j-cyan)}.j-preview-tag{border:1px solid #354044;color:#9dadb2;font:8px var(--mono);letter-spacing:1px;padding:7px 9px;border-radius:4px;margin-left:20px}
.j-workspace{display:grid;grid-template-columns:270px minmax(440px,1fr) 275px;max-width:1900px;margin:auto;min-height:calc(100vh - 126px)}.j-sidebar{padding:34px 25px 28px 34px;border-right:1px solid var(--j-line)}.j-kicker{font:8px/1.6 var(--mono);letter-spacing:1.6px;color:#84999f}.j-sidebar h1{font:normal 29px/1.14 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-1.1px;margin:19px 0 12px}.j-intro{color:var(--j-muted);font-size:11px;max-width:210px;margin-bottom:29px!important}.j-sidebar form label{display:block;font:8px var(--mono);letter-spacing:1.1px;color:#9eacb2;margin-bottom:10px}.j-sidebar textarea{width:100%;resize:vertical;min-height:93px;max-height:200px;padding:13px;background:#0d1216;border:1px solid #273339;border-radius:6px;color:#d6e1e5;font-size:12px;font-family:inherit;line-height:1.65}.j-primary{display:flex;width:100%;justify-content:space-between;align-items:center;background:#b8e8ed;color:#0b2329!important;border:1px solid #c0f1f4;border-radius:5px;padding:12px 14px;font-size:11px;font-weight:600;margin-top:10px}.j-primary:hover{background:#d5f9fa}.j-reference{border-bottom:1px solid var(--j-line);margin-top:28px;padding-bottom:20px}.j-reference h2{font-size:14px;font-weight:500;margin:10px 0 6px;display:flex;justify-content:space-between}.j-reference h2 span{font:9px var(--mono);color:#87999f}.j-reference p{font-size:10px;color:var(--j-muted)}.j-text-button{font-size:10px;color:#a4bac1;padding:0;margin-top:13px}.j-constraint{padding:18px 0 24px}.j-constraint p{font-size:11px;margin:8px 0 4px;overflow-wrap:anywhere}.j-constraint small,.j-tier-note{color:#728189;font-size:9px;line-height:1.6}.j-tier-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.j-tier-heading>span:last-child{font:7px var(--mono);color:#77848a;border:1px solid #354047;padding:2px 4px}.j-tier{width:100%;display:flex;align-items:flex-start;text-align:left;gap:10px;border:1px solid transparent;border-top-color:var(--j-line);border-radius:5px;padding:12px 8px;margin-bottom:4px;color:#97a5ad}.j-tier.active{border-color:#355562;background:#101c23;color:#e8f1f3}.j-tier:hover{background:#10161c}.j-tier-number{font:9px var(--mono);padding-top:3px;color:#a4c6d1}.j-tier strong{font-weight:500;font-size:11px;display:block}.j-tier small{display:block;font-size:8px;line-height:1.5;margin-top:5px;color:#81929c}.j-tier em{font-size:9px;display:block;font-style:normal;margin-top:6px;color:#a6bac3}.j-tier-arrow{margin-left:auto;color:#7693a2}.j-tier-note{margin-top:13px!important}
.j-scene{position:relative;min-width:0;padding:33px 28px 25px;display:flex;flex-direction:column}.j-scene-heading{display:flex;justify-content:space-between;align-items:flex-start;padding-left:4px}.j-scene-heading h2{font-size:clamp(25px,2.5vw,40px);font-weight:400;letter-spacing:-1.3px;margin:15px 0 7px}.j-scene-heading p{color:#83959e;font-size:11px}.j-scene-heading>button{font-size:23px;color:#8da2aa;margin-top:25px;width:32px;height:32px;border:1px solid var(--j-line);border-radius:50%}.j-canvas{position:relative;flex:1;min-height:420px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 48%,#10232a42,transparent 62%);margin-top:22px}.j-canvas-meta{position:absolute;top:12px;left:4px;right:4px;display:flex;justify-content:space-between;font:7px var(--mono);letter-spacing:1px;color:#637780}.j-canvas-meta i,.j-footer i{display:inline-block;width:4px;height:4px;background:#8bcabc;border-radius:50%;margin-right:7px}.j-canvas-meta>span:last-child{color:#556973}#j-protein{width:100%;max-height:650px;overflow:visible}.j-protein-region{cursor:pointer;transition:transform 1.1s cubic-bezier(.22,.8,.24,1),opacity .9s;color:#9ed9e6;outline:none}.j-protein-region:nth-child(2){color:#6f9dbc}.j-protein-region:nth-child(3){color:#c3d1e6}.j-protein-region path{fill:none;stroke-linejoin:round;stroke-linecap:round;stroke:currentColor}.j-backbone-halo{stroke-width:12;opacity:.07;filter:url(#j-glow)}.j-backbone-shadow{stroke-width:7;stroke:#172a35!important;opacity:1}.j-backbone{stroke-width:4;opacity:.8}.j-backbone-light{stroke-width:1.1;stroke:#e7f8ff!important;opacity:.42;transform:translate(-.7px,-.7px)}.j-protein-region.selected .j-backbone{stroke-width:5;opacity:1}.j-protein-region.selected .j-backbone-halo,.j-protein-region:hover .j-backbone-halo,.j-protein-region:focus-visible .j-backbone-halo{opacity:.45;stroke-width:17}.j-protein-region:focus-visible .j-backbone{stroke:#fff}.j-protein-region.faded{opacity:.2}#j-analog-motif{opacity:0;transition:opacity .8s,transform 1s;pointer-events:none}#j-analog-motif path{fill:none;stroke:#b7eddf;stroke-width:7;stroke-linecap:round}#j-analog-motif text{fill:#a0c7c2;font:8px var(--mono);letter-spacing:.9px}#j-analog-motif text:last-child{font-size:6px;fill:#708b89}#journey[data-stage='3'] #j-analog-motif,#journey[data-stage='4'] #j-analog-motif{opacity:1}#journey[data-stage='0'] .j-protein-region{color:#b6d2df}.j-scene-caption{position:absolute;bottom:4px;left:4px;right:4px;font:7px/1.7 var(--mono);color:#6e858f;display:flex;justify-content:space-between;gap:14px}.j-scene-caption>span:last-child{white-space:nowrap}.j-region-tip{position:absolute;bottom:55px;left:20px;max-width:260px;background:#0b151eee;border:1px solid #45606e;border-radius:7px;padding:15px;box-shadow:0 10px 40px #0008;pointer-events:none}.j-region-tip strong{display:block;font-size:12px;font-weight:500}.j-region-tip span{display:block;color:#9bbcc7;font-size:9px;margin:6px 0}.j-region-tip p{font-size:10px;color:#a0b1bb}#j-loading{position:absolute;color:#9cb2bb;font-size:12px;max-width:300px;text-align:center;line-height:1.8}#j-loading button{margin-top:20px}.j-region-picker{display:flex;justify-content:center;gap:13px;margin:26px 0 28px;flex-wrap:wrap}.j-region-picker button{font-size:9px;color:#7f969f;padding:8px 9px;border:1px solid transparent;border-radius:20px}.j-region-picker button.active{border-color:#354b56;background:#101a20;color:#c4dbe3}.j-region-picker i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:6px;background:#9ed9e6}.j-region-picker .j-dot-1{background:#6f9dbc}.j-region-picker .j-dot-2{background:#c3d1e6}.j-stage-controls{display:flex;border-top:1px solid #26343b;border-bottom:1px solid #26343b;justify-content:space-between;gap:4px;padding:5px 0}.j-stage-controls button{color:#748994;font-size:10px;padding:13px 4px;position:relative}.j-stage-controls button span{font:8px var(--mono);margin-right:7px;color:#536d78}.j-stage-controls button.active{color:#d7f4fa}.j-stage-controls button.active:after{content:'';position:absolute;bottom:-6px;height:2px;background:#a4e4ed;left:0;right:0}.j-bottom-note{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;font-size:8px;color:#6b808b;line-height:1.6}.j-bottom-note button{font-size:10px;color:#c0dee7;white-space:nowrap}
.j-insights{border-left:1px solid var(--j-line);padding:35px 26px 26px 23px}.j-insight-title{padding:26px 0 22px;border-bottom:1px solid var(--j-line)}.j-demo-pill{font:7px var(--mono);letter-spacing:1px;color:#b1ccc4;background:#12221f;border:1px solid #2b4540;border-radius:3px;padding:5px 7px}.j-insight-title h2{font-size:24px;line-height:1.2;font-weight:400;letter-spacing:-.6px;margin:17px 0 12px}.j-insight-title p{color:#8f9fa6;font-size:11px}.j-analog{padding:22px 0;border-bottom:1px solid var(--j-line)}.j-analog h3{font-size:13px;line-height:1.5;font-weight:500;margin:10px 0}.j-analog p,.j-rationale p{font-size:10px;color:#8f9fa6}.j-analog dl{margin:15px 0 0}.j-analog dl>div{display:flex;justify-content:space-between;gap:8px;font-size:9px;line-height:2.2}.j-analog dt{color:#6f838e}.j-analog dd{margin:0;color:#acbec7;text-align:right}.j-rationale{padding:22px 0}.j-rationale p{margin-top:10px}.j-effects{padding:17px 14px;border:1px solid #24343d;border-radius:6px;background:#0b1116}.j-effects>.j-kicker{font-size:7px;letter-spacing:1px;display:block;margin-bottom:15px}.j-effects>div{display:flex;justify-content:space-between;font-size:10px;line-height:2.6;color:#9daeb7}.j-effects b{font-size:9px;font-weight:400;color:#6c808b}.j-effects p{font-size:8px;color:#68818d;border-top:1px solid #23323a;margin-top:12px;padding-top:9px}.j-tradeoffs{margin:22px 0}.j-tradeoffs summary{cursor:pointer;font-size:10px;display:flex;justify-content:space-between;color:#a1b4be}.j-tradeoffs p{font-size:10px;color:#8b9fa9;padding-top:12px}.j-secondary{display:block;width:100%;border:1px solid #33454f;border-radius:5px;padding:11px;color:#a3bcc7;font-size:10px}.j-insights>.j-secondary{margin-top:10px}.j-insights>.j-text-button{display:block;margin:16px auto 0;font-size:9px}.j-footer{min-height:43px;border-top:1px solid var(--j-line);margin:0 34px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#6f818a;font:8px var(--mono)}.j-footer button{font-size:9px;color:#93a7af}
@media(min-width:1550px){.j-workspace{grid-template-columns:305px minmax(440px,1fr) 310px}.j-sidebar{padding:42px 30px}.j-insights{padding:42px 30px}.j-scene{padding:41px 40px 30px}.j-sidebar h1{font-size:33px}.j-canvas{min-height:510px}}
@media(max-width:1100px){.j-workspace{grid-template-columns:240px minmax(380px,1fr)}.j-insights{grid-column:1/-1;border-top:1px solid var(--j-line);padding:24px 30px}.j-insights #j-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.j-insight-title,.j-analog,.j-rationale{padding:12px 0}.j-effects{align-self:start}.j-insights>.j-secondary{max-width:240px}.j-insights>.j-text-button{margin-left:0}.j-preview-button{align-self:end}.j-sidebar{padding-left:24px}.j-footer>span:nth-child(2){display:none}}
@media(max-width:700px){.j-header{margin:0 18px;height:68px;gap:15px}.j-wordmark,.j-preview-tag{display:none}.j-header nav{gap:18px}.j-brand{font-size:31px}.j-nav{font-size:10px}.j-workspace{display:flex;flex-direction:column}.j-sidebar{border:0;padding:25px 20px}.j-sidebar h1{font-size:30px}.j-intro{max-width:none;margin-bottom:18px!important}.j-reference{margin-top:20px}.j-sidebar textarea{min-height:74px}.j-tier{padding:10px}.j-tier-note{margin-bottom:0}.j-scene{padding:25px 18px;border-top:1px solid var(--j-line)}.j-scene-heading h2{font-size:28px}.j-canvas{min-height:320px;margin-top:20px}.j-canvas-meta{font-size:6px}.j-scene-caption{font-size:6px}.j-scene-caption>span:last-child{display:none}.j-region-picker{gap:3px;margin:18px 0}.j-region-picker button{font-size:8px;padding:7px}.j-stage-controls button{font-size:9px}.j-stage-controls button span{display:block;margin:0 0 6px}.j-bottom-note{align-items:flex-start}.j-bottom-note span{max-width:190px}.j-insights{padding:25px 20px}.j-insights #j-detail{display:block}.j-rationale{padding:20px 0}.j-footer{margin:0 18px;flex-wrap:wrap;padding:15px 0;font-size:7px}.j-return{right:12px;bottom:12px}.j-region-tip{bottom:32px;left:0;max-width:220px}}
@media(prefers-reduced-motion:reduce){#journey *,#journey *:before,#journey *:after{transition:none!important;animation:none!important}}
/* Coordinate-backed exploration */
.j-kind{display:flex;border:1px solid #2b414b;padding:3px;border-radius:6px;margin-bottom:20px;gap:3px}.j-kind button{flex:1;padding:8px 4px;font-size:10px;color:#829ba5;border-radius:3px}.j-kind button[aria-pressed=true]{color:#dbf2f6;background:#203039}.j-reference small{display:block;font-size:9px;line-height:1.6;color:#7d949f;margin-top:7px}.j-reference>.j-text-button{display:block}.j-view-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;font-size:9px;color:#8aa0ab;flex-wrap:wrap}.j-view-controls label{display:flex;align-items:center;gap:8px}.j-view-controls select,#j-bond{background:#0e171d;border:1px solid #324650;border-radius:4px;color:#b9d3dd;padding:7px;font-size:10px;max-width:100%}.j-view-controls button{color:#9ab8c4;font-size:9px}.j-view-controls label[hidden]{display:none}#j-structure-viewer{position:absolute;inset:0;outline-offset:-3px}.j-canvas{min-height:520px}.j-canvas-meta,.j-scene-caption{z-index:2;pointer-events:none}.j-canvas-meta{font-size:7px}.j-region-tip{z-index:3}.j-error{background:#291d17;border:1px solid #76513a;color:#e2c1a8;border-radius:5px;padding:12px;margin-top:18px;font-size:11px;line-height:1.6;overflow-wrap:anywhere}#j-loading{z-index:4;background:#071016dd;border:1px solid #314b59;padding:20px;border-radius:6px;pointer-events:none}.j-boundary-legend{font-size:9px;color:#b9a98d;line-height:1.7;margin-top:12px}.j-boundary-legend i{display:inline-block;width:18px;border-top:1px dashed #e4bc7d;margin-right:8px;vertical-align:middle}.j-region-picker{margin:14px 0;gap:6px;justify-content:flex-start;max-height:120px;overflow:auto}.j-sequence{margin:0 0 20px;min-width:0}.j-sequence>span{font:7px var(--mono);letter-spacing:1px;color:#6e8794}.j-sequence>div{display:flex;gap:3px;overflow:auto;max-width:100%;margin-top:8px;padding-bottom:7px}.j-sequence>div>span{font:8px var(--mono);color:#8cabb9;background:#111d25;padding:4px;border-radius:2px;flex-shrink:0}.j-connection{border-left:1px solid #8a7650;padding:8px 10px;margin-top:10px}.j-connection strong,.j-connection span,.j-connection small{display:block;font-weight:400}.j-connection strong{font-size:10px;color:#d6bd91}.j-connection span{font:9px var(--mono);margin-top:6px;color:#b2c6d0}.j-connection small{font-size:8px;color:#79949f;margin-top:6px}.j-effects p.j-verdict{font-size:12px;border:0;padding:0;margin:0 0 10px;color:#d5e5ec}.j-tradeoffs ol{padding-left:18px;margin:14px 0 0;font-size:10px;line-height:1.7;color:#9fb3bd}.j-tradeoffs li{margin-bottom:9px}.j-bond-label{display:block;font-size:10px;color:#9ab3bf;margin:15px 0 10px}#j-bond{width:100%;padding:10px 6px}.j-cut-summary{color:#859da8;font-size:10px;margin-top:14px!important}.j-tier.unavailable{opacity:.55}.j-insight-title h2,.j-reference h2{overflow-wrap:anywhere}.j-insights>.j-secondary{margin-top:24px}.j-analog>.j-text-button{display:block}.j-region-picker button{min-height:32px}.j-sidebar h1{font-size:27px}.j-footer{font-size:7px}.j-tier[disabled]{opacity:.45}
@media(max-width:700px){.j-canvas{min-height:390px}.j-view-controls{gap:8px}.j-view-controls label{font-size:8px}.j-canvas-meta{font-size:6px}.j-scene-title{font-size:24px}.j-region-picker{gap:4px}.j-boundary-legend{font-size:8px}.j-footer{font-size:7px}.j-sequence{margin-bottom:14px}}
@media(min-width:1101px){.j-workspace{height:calc(100dvh - 126px);min-height:680px}.j-sidebar,.j-insights{overflow-y:auto}.j-scene{min-height:0;padding-top:25px;padding-bottom:18px}.j-canvas{min-height:230px}.j-scene-heading h2{font-size:clamp(25px,2.2vw,34px)}.j-view-controls{margin-top:16px}.j-sequence{margin-bottom:12px}.j-region-picker{margin:10px 0}.j-stage-controls button{padding:11px 4px}.j-bottom-note{margin-top:12px}.j-sidebar h1{font-size:24px}.j-intro{margin-bottom:20px!important}}
.j-deconstruct-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:14px;padding:10px 0;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.j-deconstruct-controls button{border:1px solid #365461;border-radius:4px;padding:7px 10px;color:#b5dbe6;font-size:10px}.j-deconstruct-controls button[aria-pressed=true]{background:#1d343e;border-color:#83b6c4}.j-deconstruct-controls label{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:9px;color:#9ab2bd}.j-deconstruct-controls input{width:100px;accent-color:#a4e4ed}.j-deconstruct-controls output{width:30px;font:9px var(--mono)}.j-deconstruct-controls button:disabled{opacity:.35}.j-deconstruct-controls label:has(input:disabled){opacity:.4}@media(max-width:700px){.j-deconstruct-controls label{margin-left:0}.j-deconstruct-controls{gap:8px}}
.j-functional{border-top:1px solid #263842;padding:18px 0 22px}.j-functional>label{display:block;font-size:10px;color:#acc4ce;margin:10px 0}.j-functional select,.j-custom-region input,.j-custom-region textarea{width:100%;min-width:0;background:#0e171d;border:1px solid #324650;border-radius:4px;padding:8px;color:#c5dae3;font-size:10px}.j-region-basis{font-size:9px;color:#7f99a6;line-height:1.6;margin-top:8px!important}.j-suggest-region{display:block;text-align:left;font-size:10px;line-height:1.6;color:#badfe9!important;border-left:2px solid #527b8c;padding:7px 8px;margin-top:12px;background:#101d24}.j-custom-region{margin-top:17px}.j-custom-region summary{cursor:pointer;color:#9ebbc8;font-size:10px}.j-custom-region form{padding-top:9px}.j-custom-region label{display:block;font-size:9px;line-height:1.6;color:#819da9;margin-bottom:10px}.j-custom-region input,.j-custom-region select{margin-top:4px}.j-range{display:flex;gap:8px}.j-range label{min-width:0;flex:1}.j-custom-region textarea{min-height:60px;resize:vertical}.j-region-evidence{padding:20px 0;border-bottom:1px solid #293942}.j-region-evidence h3{font-size:14px;font-weight:500;margin:10px 0}.j-region-evidence h4{font-size:10px;color:#b0cdd9;font-weight:500;margin:16px 0 6px}.j-region-evidence p{font-size:10px;color:#93acb8}.j-region-evidence dl{font-size:9px;line-height:1.6}.j-region-evidence dl>div{display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.j-region-evidence dt{color:#7894a2}.j-region-evidence dd{margin:0;text-align:right;max-width:125px;color:#bfd5df}.j-region-evidence a{font-size:9px;color:#a9d5e4}.j-functional button:disabled{opacity:.4}
/* A single action dock replaces the numbered workflow and repeated toolbars. */
.j-action-dock{display:flex;align-items:center;gap:12px;border-top:1px solid #26343b;padding:16px 0 8px;flex-shrink:0}.j-view-switch{display:flex;background:#10191f;border:1px solid #263c46;border-radius:24px;padding:3px;gap:2px}.j-view-switch button{min-height:36px;padding:8px 16px;border-radius:20px;font-size:12px;color:#859fa9}.j-view-switch button[aria-pressed=true]{color:#e3f6fa;background:#29414c}.j-action-dock .j-main-action{margin-left:auto;border:1px solid #b8e8ed;background:#b8e8ed;color:#112a32;border-radius:24px;min-height:42px;padding:11px 22px;font-size:12px;font-weight:600;white-space:nowrap}.j-action-dock .j-main-action:hover{background:#d6f6f8;color:#112a32!important}.j-dock-link{font-size:11px;color:#a2becb;padding:8px 0}.j-options-row{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:10px;color:#6e8793;position:relative;margin-top:6px;flex-shrink:0}.j-options-row>details{position:relative}.j-options-row summary{cursor:pointer;color:#9fb5c0;padding:8px 0;list-style:none}.j-options-row summary::-webkit-details-marker{display:none}.j-options-row summary:after{content:' ＋'}.j-options-row details[open] summary:after{content:' −'}.j-options-panel{position:absolute;right:0;bottom:100%;width:min(390px,calc(100vw - 50px));max-height:300px;overflow:auto;z-index:10;background:#0e1921;border:1px solid #3b5360;padding:18px;border-radius:12px;box-shadow:0 12px 40px #000a}.j-options-panel .j-view-controls{margin-top:0;font-size:11px}.j-options-panel .j-view-controls select{font-size:11px}.j-options-panel .j-view-controls button{font-size:11px}.j-spacing-control{display:flex;align-items:center;gap:12px;margin:20px 0;color:#b2c9d4;font-size:11px}.j-spacing-control input{flex:1;min-width:0;accent-color:#b8e8ed}.j-spacing-control output{width:35px;font:10px var(--mono)}.j-options-panel #j-stage-note{font-size:10px;color:#8da6b2;line-height:1.6}.j-options-panel .j-sequence{margin:0 0 14px}.j-compare-role{font-size:11px;color:#a9c1cc;display:flex;gap:12px;align-items:center;margin:8px 0 14px}.j-compare-role select{background:#101c24;border:1px solid #34505e;border-radius:6px;color:#d2e6ee;font-size:11px;padding:8px}.j-region-picker{margin:10px 0;max-height:75px}.j-region-picker button{font-size:10px}.j-boundary-legend{font-size:10px;margin-top:8px}.j-canvas{margin-top:18px}.j-scene-caption{font-size:8px}.j-footer{min-height:35px}.j-functional{padding-top:16px}.j-functional>label{font-size:11px}.j-functional select{font-size:11px;padding:10px 8px}@media(min-width:1101px){.j-workspace{height:calc(100dvh - 118px)}.j-scene{padding-bottom:12px}.j-canvas{min-height:260px}}@media(max-width:700px){.j-action-dock{gap:8px;flex-wrap:wrap;padding-top:12px}.j-view-switch button{padding:8px 12px;font-size:11px}.j-action-dock .j-main-action{padding:10px 15px;font-size:11px}.j-dock-link{order:3}.j-options-row{font-size:9px}.j-options-row summary{font-size:10px}.j-region-picker{max-height:90px}.j-options-panel{max-height:240px}.j-compare-role{flex-wrap:wrap}}

.j-evolution{border-top:1px solid var(--j-line);padding:10px 0 2px}.j-evolution>span{font-size:10px;color:#9fb7c1}.j-evolution>div{display:flex;gap:8px;margin-top:7px}.j-evolution button{flex:1;text-align:left;border:1px solid #29424d;border-radius:8px;padding:8px 12px;color:#d3e6ed;font-size:11px}.j-evolution button[aria-pressed=true]{background:#203943;border-color:#85becd}.j-evolution small{display:block;color:#93adb9;font-size:9px;margin-top:3px}.j-evolution p,.j-share-status{font-size:10px;color:#9eb7c3;margin:7px 0 0;line-height:1.5}.j-share-status:empty{display:none}.j-options-row{flex-wrap:wrap}.j-options-row>details{margin-left:auto}

.j-evolution{position:relative}.j-preview-hint{display:inline!important;margin-left:8px;font-size:9px!important;color:#829ba7!important}.j-evolution-card{display:flex;flex:1;min-width:0;border:1px solid #29424d;border-radius:9px;background:#0b151b}.j-evolution-card:has(button[aria-pressed=true]){border-color:#85becd;background:#203943}.j-evolution .j-evolution-card>button{border:0;background:transparent}.j-evolution .j-analog-info{flex:0 0 36px;text-align:center;padding:8px;font-size:16px;color:#a6c9d8;border-left:1px solid #29424d}.j-evolution .j-analog-preview{position:absolute;bottom:calc(100% + 6px);left:0;right:0;z-index:15;background:#101e27;border:1px solid #547482;border-radius:14px;padding:18px 20px;box-shadow:0 16px 50px #000b;max-height:min(430px,65dvh);overflow:auto}.j-preview-heading{display:flex;justify-content:space-between;align-items:start}.j-preview-heading h3{font-size:18px;margin:5px 0;color:#e5f4f8}.j-preview-heading p{margin:0;font-size:11px}.j-evolution .j-preview-close{flex:none;border:0;font-size:22px;padding:0 6px}.j-analog-preview dl{display:grid;grid-template-columns:145px 1fr;gap:10px 15px;margin:18px 0;font-size:11px;line-height:1.6}.j-analog-preview dt{color:#d2e5ed}.j-analog-preview dd{margin:0;color:#a3bac5}.j-preview-sources{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:15px}.j-preview-sources a{font-size:10px;color:#b4e3ee}.j-evolution .j-preview-compare{background:#b8e8ed;color:#112a32;border:0;font-weight:600;text-align:center}.j-evolution button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:700px){.j-preview-hint{display:none!important}.j-analog-preview dl{grid-template-columns:1fr;gap:4px}.j-analog-preview dd{margin-bottom:9px}.j-evolution .j-analog-preview{padding:15px}.j-evolution-card button{padding:8px}.j-action-dock{flex-wrap:wrap}}

.j-component-help{position:relative;flex-shrink:0}.j-component-preview{position:absolute;bottom:calc(100% + 6px);left:0;right:0;z-index:16;background:#101e27;border:1px solid #547482;border-radius:14px;padding:18px 20px;box-shadow:0 16px 50px #000b;max-height:min(460px,65dvh);overflow:auto}.j-component-preview .j-preview-close{border:0;background:transparent;color:#cce3ec;font-size:22px;padding:0 6px}.j-component-preview .j-preview-heading small{color:#93adb9;font-size:10px}.j-component-preview .j-preview-heading p{color:#a3bac5}.j-region-picker button:hover{background:#1b323d;border-color:#7faebb}.j-component-preview .j-preview-sources{font-size:10px;color:#a3bac5}@media(max-width:700px){.j-component-preview{padding:15px}}

.j-molecular-label{position:absolute;z-index:5;background:#0b1c25;border:1px solid #426373;border-radius:6px;padding:6px 9px;font-size:11px;pointer-events:auto;white-space:nowrap;max-width:calc(100% - 10px);overflow:hidden;text-overflow:ellipsis;cursor:help}.j-molecular-label:hover,.j-molecular-label:focus-visible{background:#203c49;border-color:#b3e4ec}.j-component-preview{z-index:30}.j-evolution .j-next-suggestions{padding:6px 0 12px}.j-next-suggestions>span{font-size:11px;color:#cee4ed}.j-next-suggestions>div{display:flex;gap:7px;margin:8px 0}.j-evolution .j-next-suggestions button{font-size:10px;background:#101e27;padding:9px;text-align:left}.j-next-suggestions button>span{float:right}.j-next-suggestions>small{font-size:9px;color:#8ba6b3}@media(max-width:700px){.j-next-suggestions>div{flex-direction:column}.j-component-preview{box-sizing:border-box}}

/* Compact explanatory cards leave the structure visible. */
.j-evolution .j-analog-preview,.j-component-preview{width:min(360px,calc(100vw - 32px));right:auto;max-height:min(320px,55dvh);padding:14px 16px;box-sizing:border-box}.j-analog-preview dl{grid-template-columns:1fr;gap:4px;margin:12px 0;font-size:10px}.j-analog-preview dd{margin-bottom:9px}.j-preview-heading h3{font-size:15px}.j-preview-heading p{font-size:10px}.j-preview-sources{gap:10px;margin-bottom:10px}.j-evolution .j-preview-compare{font-size:10px;padding:8px 12px}