:root{color-scheme:dark;--bg:#080f23;--text:#d6e4ff;--muted:#8497bc;--faint:#526b94;--rule:#263959;--accent:#8eb5ff;--gold:#f4c66c;--purple:#be9aff;font-family:Inter,"SF Pro Display","Noto Sans TC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-size:14px;line-height:1.6}button,select,input{font:inherit}button,select{color:var(--text);background:transparent;border:1px solid var(--rule);border-radius:5px}button{cursor:pointer;transition:color .2s,border-color .2s,background .2s}button:hover{border-color:#718ebe;background:#2034523b}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #a6c6ff;outline-offset:5px}button:disabled{opacity:.45;cursor:default}button[aria-pressed=true]{color:#e2d1ff;border-color:#9f80cf;background:#8260b51f}select{padding:9px 35px 9px 12px;cursor:pointer}option{background:#101c33;color:var(--text)}a{color:#aacaff;text-underline-offset:4px}.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:20px;z-index:20;background:#18294a;padding:10px 18px}.skip-link:focus{top:12px}.app-shell{min-height:100svh;display:flex;flex-direction:column;max-width:2000px;margin:auto}.app-header{height:92px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:20px}.brand{display:flex;align-items:baseline;gap:18px}.brand h1{font-size:17px;font-weight:450;letter-spacing:.18em;margin:0}.brand>span{font-size:9px;color:var(--faint);letter-spacing:.18em}.model-control select{font-size:15px;min-width:211px;padding-top:10px;padding-bottom:10px;border-color:#405578}.workspace{display:flex;flex:1;flex-direction:column;min-width:0}.scene-stage{position:relative;flex:1;min-height:510px;height:calc(100svh - 328px);overflow:hidden}.model-summary{position:absolute;left:35px;top:7px;z-index:2;pointer-events:none}.model-summary>span{font-size:9px;letter-spacing:.17em;color:var(--faint)}.model-summary p{font-size:12px;margin:7px 0;color:var(--muted)}.model-summary strong{font-weight:500;color:var(--text);font-variant-numeric:tabular-nums}.summary-divider{color:var(--faint);margin:0 8px}.model-summary small{font-size:10px;margin-left:8px;color:var(--faint)}#model-canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}#scene-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}#scene-labels button{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;border:1px solid transparent;padding:5px 9px;white-space:nowrap;font-size:14px;background:transparent;color:#c6d9fc;text-shadow:0 1px 6px var(--bg)}#scene-labels button:hover,#scene-labels button:focus-visible{background:#101c37d9;border-color:#587bb3}#scene-labels button[aria-pressed=true]{color:#ddc8ff;border-color:#a882dd6b;background:#261c453f}.scene-guidance{position:absolute;left:35px;top:61px;pointer-events:none;color:var(--faint);font-size:10px;letter-spacing:.01em;white-space:nowrap}.scene-error{position:absolute;top:35%;left:15%;right:15%;padding:25px;background:#111b32;border:1px solid var(--rule);line-height:1.8;z-index:5}.detail-panel{position:absolute;z-index:4;top:18%;right:32px;width:255px;max-height:calc(82% - 85px);overflow-y:auto;padding:0 0 6px 26px;border-left:1px solid var(--rule);scrollbar-width:thin;scrollbar-color:var(--rule) transparent;animation:detail-enter .4s ease both}.detail-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 9px}.detail-kicker{font-size:8px;letter-spacing:.18em;color:var(--faint)}.close-detail{font-size:10px;color:var(--muted);border-color:transparent;padding:2px 5px}.detail-panel h2{font-size:22px;font-weight:450;letter-spacing:-.02em;line-height:1.4;margin:0 0 20px}.detail-stream{min-height:225px}.detail-stream p{margin:0 0 16px;line-height:1.9;overflow-wrap:anywhere}.detail-stream .detail-count{font-size:12px;color:var(--muted);line-height:1.85;min-height:2em}.detail-stream dl{margin:20px 0;display:grid;gap:14px}.detail-stream dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.detail-stream dt{font-size:11px;color:var(--muted)}.detail-stream dd{margin:0;font-size:19px;letter-spacing:-.015em;font-variant-numeric:tabular-nums}.is-typing::after{content:"";border-right:1px solid #9cb9e8;margin-left:2px}.weight-share{font-size:10px;color:var(--muted);margin:23px 0 20px}.weight-share-track{height:2px;background:#1a2b49;margin-top:8px;overflow:hidden}.weight-share-track>span{display:block;height:100%;background:#9b8acb;transition:width .5s}.region-notes summary,.source-details summary{cursor:pointer;font-size:10px;color:var(--muted);list-style-position:inside}.region-notes summary:hover,.source-details summary:hover{color:var(--text)}.region-notes ul{padding-left:14px;font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:0}.region-notes li+li{margin-top:8px}.scene-legend{position:absolute;bottom:33px;left:35px;display:flex;gap:18px;color:var(--muted);font-size:10px;pointer-events:none}.scene-legend span{display:flex;align-items:center;gap:7px}.scene-legend i{display:block;width:6px;height:6px}.legend-active{background:var(--gold);border-radius:50%}.legend-selected{border:1px solid var(--purple);background:#9b6adc44}.scene-caption{position:absolute;bottom:9px;left:35px;margin:0;font-size:10px;letter-spacing:.01em;color:var(--faint);pointer-events:none}.control-deck{padding:14px 35px 19px;flex-shrink:0}.primary-controls{display:flex;justify-content:center;align-items:center;gap:28px;margin:0 auto 16px}.play-button{width:53px;height:53px;border-radius:50%;font-size:12px;border-color:#39557c;padding:0;color:#a9c8fa}.play-button[aria-pressed=true]{color:#b9d1f9;border-color:#39557c;background:transparent}.expansion-control{display:block;width:320px;font-size:11px;color:#b9cbea}.expansion-control>span:first-child{display:flex;justify-content:space-between}.expansion-control output{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.expansion-control input{display:block;width:100%;height:22px;margin:3px 0 0;accent-color:#86afff;cursor:pointer}.range-ends{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.view-controls{display:flex;flex-direction:column;gap:3px}.view-controls button{font-size:10px;border-color:transparent;padding:3px 7px;color:var(--muted)}.region-nav{display:flex;justify-content:center;gap:8px;margin:0 auto 18px;min-height:33px}.region-nav button{padding:5px 13px;font-size:11px;color:var(--muted);border-color:#26395770}.region-nav button[aria-pressed=true]{color:#e2d1ff;border-color:#9f80cf}.secondary-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #26395970;padding-top:12px}.route-controls{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:10px}.route-controls label{display:flex;align-items:center;gap:8px;white-space:nowrap}.route-controls select{font-size:10px;padding:4px 23px 4px 8px;border-color:#263959b3}.route-controls>span{color:var(--faint);font-variant-numeric:tabular-nums}.flow-context{font-size:10px;line-height:1.7;color:var(--faint);margin:8px 0 0;min-height:17px}.source-details{position:relative;flex-shrink:0}.source-content{position:absolute;right:0;bottom:30px;background:#0c162b;border:1px solid #30486d;width:min(440px,calc(100vw - 50px));padding:20px;z-index:10;color:var(--muted);font-size:12px;line-height:1.8}.source-content h3{font-size:13px;color:var(--text);font-weight:500;margin:0 0 12px}.source-content p{margin:9px 0}.source-content a{display:block;margin-top:6px;font-size:11px}@keyframes detail-enter{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}
@media(min-width:1600px){.detail-panel{right:60px;width:300px;padding-left:34px}.detail-panel h2{font-size:25px}.detail-stream{font-size:16px}.scene-stage{min-height:580px}}
@media(max-width:1050px){.brand>span{display:none}.detail-panel{right:20px;width:224px;padding-left:17px}.detail-panel h2{font-size:19px}.detail-stream{font-size:13px}.detail-stream dd{font-size:17px}.detail-stream .detail-count{font-size:11px}.scene-legend{gap:12px}.route-controls{gap:12px}}
@media(max-height:850px) and (min-width:761px){.app-header{height:76px}.scene-stage{min-height:360px;height:calc(100svh - 290px)}.control-deck{padding-top:10px;padding-bottom:13px}.primary-controls{margin-bottom:8px}.region-nav{margin-bottom:10px}.secondary-controls{padding-top:10px}.flow-context{margin-top:6px}}
@media(max-width:760px){.app-header{height:77px;padding:0 20px}.brand h1{font-size:14px;letter-spacing:.12em}.model-control select{font-size:12px;min-width:173px;padding:8px 24px 8px 10px}.scene-stage{height:auto;min-height:0;flex:none;overflow:visible;padding-top:0}#model-canvas{height:440px;width:100%}#scene-labels{height:440px}.model-summary{left:20px;top:4px}.model-summary p{font-size:10px;margin:4px 0}.model-summary>span{font-size:8px}.scene-guidance{left:20px;top:53px;font-size:10px}.scene-legend{position:relative;left:auto;bottom:auto;margin:5px 20px 0;font-size:9px}.scene-caption{position:relative;left:auto;bottom:auto;margin:5px 20px 0;font-size:9px}.detail-panel{position:relative;top:auto;right:auto;width:auto;max-height:none;padding:18px 0 0;margin:0 25px 20px;border-left:0;border-top:1px solid var(--rule);animation:detail-enter .25s ease both}.detail-panel h2{font-size:20px;margin-bottom:12px}.detail-stream{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.detail-stream p{grid-column:1/-1;margin-bottom:10px}.detail-stream .detail-count{font-size:11px}.detail-stream dl{grid-column:1/-1;display:flex;gap:35px;margin:6px 0}.detail-stream dl>div{gap:12px}.detail-stream dd{font-size:18px}.weight-share{margin:12px 0}.region-notes{margin-top:12px}.control-deck{padding:23px 20px 20px}.primary-controls{gap:18px;margin-bottom:18px}.expansion-control{width:min(230px,48vw)}.play-button{width:44px;height:44px;font-size:10px;flex-shrink:0}.view-controls{gap:1px}.view-controls button{font-size:10px;white-space:nowrap;padding:3px}.region-nav{flex-wrap:wrap;gap:7px;margin-bottom:20px}.region-nav button{padding:5px 10px;font-size:10px}.secondary-controls{align-items:flex-start;gap:12px}.route-controls{flex-wrap:wrap;gap:10px 16px}.route-controls>span{width:100%;font-size:9px}.source-details summary{font-size:10px}.flow-context{font-size:9px;margin-top:10px;max-width:95%}.scene-error{top:130px;left:20px;right:20px;font-size:12px}.source-content{font-size:11px}}
@media(max-width:380px){.app-header{padding:0 15px;gap:8px}.brand h1{font-size:12px}.model-control select{font-size:11px;min-width:160px}.primary-controls{gap:12px}.control-deck{padding-left:15px;padding-right:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#model-canvas:focus-visible{outline:1px solid #719ef7;outline-offset:-7px}
/* Keep the drawing-buffer size out of flex intrinsic sizing on resize. */
@media(min-width:761px){#model-canvas{position:absolute;inset:0}.scene-stage{flex:none}}

.scene-flow-label{position:absolute;transform:translate(-50%,-50%);color:#f4c66c;font-size:12px;white-space:nowrap;pointer-events:none}
#scene-labels .merge-label{color:var(--route-color,var(--gold));font-size:13px}#scene-labels .merge-label[aria-pressed=true]{color:#ddc8ff}

/* Plain-language guidance shares the existing digital palette. */
.header-actions{display:flex;align-items:center;gap:16px}#open-guide{padding:8px 13px;font-size:14px;color:#b9cfee}.legend-weights{background:#6695ed66;border:1px solid #86b2ff}.region-nav{flex-wrap:wrap}.region-nav button{font-size:13px;padding:7px 11px}.detail-panel h2{margin-bottom:5px}.detail-plain-name{margin:0 0 18px;font-size:14px;color:#a8c6f6}.detail-stream{font-size:16px;min-height:0}.detail-stream .detail-count{font-size:13px}.detail-example{font-size:14px;line-height:1.85;color:#b4c6e4;border-left:2px solid #5376aa;padding-left:12px;margin:16px 0}.detail-unit-note{font-size:12px;color:#a0b1ce;line-height:1.8}.region-notes summary{font-size:13px}.region-notes p,.region-notes ul{font-size:14px;line-height:1.85;color:#b3c3df}.close-detail{font-size:13px;padding:4px 5px}.play-button{font-size:11px;white-space:nowrap}.scene-exit-label{font-size:12px;padding:3px 7px;background:#080f23e8;border:1px solid #775f343d;border-radius:3px}.journey-panel{max-width:1040px;margin:22px auto 24px;padding:18px 22px;border:1px solid #304566;border-left:2px solid #d1ad69;background:#0b1529}.journey-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.journey-heading h2{font-size:16px;font-weight:500;margin:0}.journey-heading>span{color:var(--gold);font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}#journey-explanation{font-size:16px;line-height:1.85;color:#bfcee5;margin:12px 0 16px}.journey-actions{display:flex;flex-wrap:wrap;gap:10px}.journey-actions button{padding:9px 13px;font-size:14px}.journey-note{font-size:12px;line-height:1.8;color:#99accb;margin:12px 0}.layer-details{border-top:1px solid #2b3e5b;padding-top:12px}.layer-details summary{font-size:14px;color:#b4ccef;cursor:pointer}.layer-details p{font-size:16px;line-height:1.9;color:#b7c9e4}.layer-sequence{padding-left:24px;font-size:15px;line-height:1.9;color:#d7c292}.layer-sequence li{padding:6px 0}.layer-details strong{font-weight:550;color:var(--text)}
#beginner-guide{width:min(730px,calc(100vw - 32px));max-height:85svh;padding:26px 30px;background:#0c172c;color:var(--text);border:1px solid #47628a;border-radius:8px;overflow-y:auto;box-shadow:0 24px 100px #0005}#beginner-guide::backdrop{background:#030916d9}.guide-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#9cb4d9;font-size:13px}.guide-heading button{padding:7px 14px;font-size:14px}#guide-title{font-size:24px;line-height:1.55;font-weight:500;margin:20px 0 14px}#beginner-guide p{font-size:16px;line-height:1.9}.guide-colors{padding:8px 0;border-block:1px solid #2c405f;margin:22px 0}.guide-colors p{position:relative;padding-left:23px;color:#b4c8e7}.guide-colors i{display:inline-block;position:absolute;left:0;top:11px;width:9px;height:9px}.guide-colors strong{font-weight:500;color:#deebff}.guide-glossary{margin:0;display:grid;gap:19px}.guide-glossary dt{font-size:16px;color:#bfd7ff;margin-bottom:5px}.guide-glossary dd{font-size:16px;line-height:1.85;color:#acbfde;margin:0}#beginner-guide .guide-note{font-size:13px;color:#a0b4d2;margin-top:24px}.guide-start{font-size:15px;padding:12px 18px;margin-top:5px;border-color:#7898c4;background:#24456a50}
@media(max-width:760px){.app-header{display:grid;grid-template-columns:1fr auto;gap:8px 14px;height:auto;min-height:110px;padding:15px 20px 10px}.header-actions{display:contents}.brand{grid-column:1;grid-row:1}#open-guide{grid-column:2;grid-row:1;padding:6px 10px}.model-control{grid-column:1/-1;grid-row:2;justify-self:end}.scene-legend{flex-wrap:wrap;row-gap:6px;font-size:11px}.scene-caption{font-size:10px;line-height:1.7}.detail-stream{font-size:16px}.detail-stream dl{flex-wrap:wrap;gap:10px 24px}.detail-stream dt{font-size:13px}.region-nav{gap:8px}.region-nav button{font-size:13px;padding:8px 10px}.journey-panel{padding:16px;margin:16px 0 22px}.journey-heading{align-items:flex-start}.journey-heading h2{font-size:16px}.journey-actions{gap:8px}.journey-actions button{font-size:14px;padding:10px 12px}.journey-actions button:last-child{flex-basis:100%}.layer-details summary{line-height:1.8}#beginner-guide{padding:20px}#guide-title{font-size:21px}.guide-start{width:100%}.scene-exit-label{font-size:11px}}

.scene-location{position:absolute;left:35px;top:82px;z-index:3;display:flex;align-items:center;gap:16px;color:#acc7ef;font-size:13px}.scene-location button{font-size:12px;padding:5px 9px;border-color:#375073}.is-intro .scene-location{visibility:hidden}.intro-hud{position:absolute;top:120px;left:35px;z-index:5;max-width:240px;pointer-events:none}.intro-hud>span{font-size:11px;color:#96b0da;letter-spacing:.06em}.intro-hud h2{font-size:23px;font-weight:450;margin:8px 0}.intro-hud>strong{font-size:36px;font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#b2daff}.intro-hud p{font-size:13px;color:#90aacc;line-height:1.85}.intro-hud button{pointer-events:auto;font-size:13px;padding:9px 12px}.intro-layer-label,.expert-id-label{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;pointer-events:none}.intro-layer-label{font-size:12px;color:#a8d5ff;background:#081329ba;padding:4px 7px;letter-spacing:.04em}.expert-id-label{font-size:10px;line-height:1.2;color:var(--route-color,var(--gold));background:#080f23d9;border:1px solid #68839933;border-radius:2px;padding:2px 4px}.scene-flow-label{color:var(--route-color,var(--gold))}.legend-active{background:var(--route-color,var(--gold))}.route-display{max-width:1040px;margin:20px auto 22px;padding:17px 21px;border:1px solid #293e5d}.route-display-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.route-display-heading h2{font-size:14px;font-weight:500;color:var(--route-color,var(--gold));margin:0}.route-samples{display:flex;gap:8px}.route-samples button{display:flex;align-items:center;gap:8px;min-width:57px;min-height:39px;justify-content:center;padding:7px 12px;font-size:14px}.route-samples button[aria-pressed=true]{color:var(--route-color);border-color:var(--route-color);background:#1c2f4d80}.route-samples i{width:8px;height:8px;display:block;border-radius:2px}.sample-a{background:#f4c569}.sample-b{background:#68efd1}.sample-c{background:#ff927b}.route-chips{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));list-style:none;gap:9px;padding:0;margin:15px 0 10px}.route-chips li{position:relative;display:flex;flex-direction:column;gap:3px;padding:9px 10px;background:#112039;border:1px solid #385271;overflow:hidden;font-variant-numeric:tabular-nums}.route-chips li::after{content:'';position:absolute;bottom:0;left:0;height:2px;width:var(--route-weight);background:var(--route-color)}.route-chips strong{font-size:15px;font-weight:500;color:var(--route-color)}.route-chips span{font-size:12px;color:#aec2e1}.route-display p{font-size:14px;color:#c1d1e9;margin:10px 0 4px}.route-display small{font-size:12px;color:#93a9ca;line-height:1.8}.is-intro .scene-legend,.is-intro .scene-caption{opacity:.3}
@media(max-width:1050px){.scene-location{top:83px;gap:10px;font-size:12px}.intro-hud{top:112px;max-width:200px}.intro-hud h2{font-size:20px}.route-chips{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.scene-location{left:20px;right:20px;top:79px;flex-wrap:wrap;gap:6px 12px;font-size:12px}.scene-location button{font-size:11px;padding:3px 7px}.intro-hud{position:relative;left:auto;right:auto;top:auto;margin:0 20px 12px;max-width:none;display:grid;grid-template-columns:1fr auto;gap:0 10px;background:#080f23d9;padding:8px 10px}.intro-hud>span{font-size:10px}.intro-hud h2{font-size:17px;margin:2px 0;grid-column:1}.intro-hud>strong{grid-column:2;grid-row:1/3;font-size:24px;align-self:center}.intro-hud p{display:none}.intro-hud button{grid-column:1/-1;justify-self:start;font-size:12px;padding:5px 8px;margin-top:5px}.intro-layer-label{font-size:10px;padding:3px 4px}.expert-id-label{font-size:9px;padding:1px 2px}.route-display{padding:15px;margin-top:16px}.route-display-heading{flex-wrap:wrap;gap:11px}.route-samples{width:100%}.route-samples button{flex:1;min-height:42px}.route-chips{gap:7px}.route-chips li{padding:8px}.route-chips strong{font-size:14px}.route-display p{font-size:14px;line-height:1.8}.scene-caption{max-width:calc(100% - 40px)}}
/* The layer exit is an action, distinct from selectable weight regions. */
#scene-labels .next-layer-label{padding:9px 13px;border:1px solid color-mix(in srgb,var(--route-color) 65%,transparent);border-radius:9px;background:#101a30ed;color:var(--route-color);min-height:48px;text-align:left;box-shadow:0 0 20px color-mix(in srgb,var(--route-color) 8%,transparent)}
.next-layer-label strong,.next-layer-label span{display:block;pointer-events:none;white-space:nowrap}.next-layer-label strong{font-size:13px;font-weight:600;letter-spacing:.02em}.next-layer-label span{margin-top:4px;font-size:10px;color:#bdc9e1}.next-layer-label:hover{background:#24324c!important}.next-layer-label:focus-visible{outline:2px solid var(--route-color);outline-offset:4px}
#scene-labels .residual-label{padding:3px 6px;min-width:30px;font-size:14px;color:#c6d2e8}.incoming-label{font-size:11px!important;color:#a9bad8!important;white-space:nowrap}
.layer-transition-status{position:absolute;z-index:6;top:92px;left:50%;transform:translateX(-50%);border:1px solid #35496c;background:#101a30e8;border-radius:20px;padding:9px 17px;font-size:13px;color:#dbe6ff;pointer-events:none;white-space:nowrap}
@media(max-width:760px){.layer-transition-status{top:100px}.next-layer-label strong{font-size:11px}.next-layer-label span{font-size:9px}#scene-labels .next-layer-label{padding:7px 9px;min-height:44px}.incoming-label{font-size:9px!important}}
@media(max-width:760px){#scene-labels .scene-label[data-region]{font-size:11px;padding:3px 6px}}
/* Navigation stays beside the model instead of below the teaching panels. */
.scene-location{align-items:flex-start;flex-wrap:wrap;right:35px;pointer-events:none}.scene-location>*{pointer-events:auto}.layer-navigation{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.nearby-layer-control{display:flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap}.nearby-layer-control select{font-size:12px;padding:5px 25px 5px 9px;min-height:31px;background:#0c172cec;border-color:#375073}
#scene-labels .incoming-label{color:#b9cae8!important;font-size:11px!important;min-height:30px;padding:4px 7px;border-color:#3f577b80;background:#0d1930d9;cursor:pointer}#scene-labels .incoming-label:hover{border-color:#86afff;background:#233754}
@media(max-width:1050px){.scene-location{gap:6px}}
.layer-transition-status{top:125px}
@media(max-width:760px){.scene-location{left:20px;right:20px;top:73px}.scene-location>span{flex-basis:100%}.layer-navigation{gap:5px}.layer-navigation button{min-height:32px;padding:4px 6px;font-size:10px}.nearby-layer-control{font-size:10px;gap:4px}.nearby-layer-control select{font-size:11px;padding:4px 19px 4px 6px;min-height:32px}#scene-labels .incoming-label{transform:translate(-10%,-50%);font-size:10px!important;min-height:30px;padding:3px 6px}.layer-transition-status{top:143px}}

/* Hybrid architectures keep long names and scoped counts within the working surface. */
.region-nav{flex-wrap:wrap}.model-control{min-width:0}.model-control select{max-width:100%}.header-actions{min-width:0}
.advanced-model .model-summary{max-width:calc(100% - 70px)}.advanced-model #summary-scope{display:block;font-size:10px}.advanced-model .model-summary small{display:block;margin-left:0}
.advanced-model .scene-guidance{top:84px}.advanced-model .scene-location{top:105px}.nearby-layer-control select{max-width:215px}
@media(max-width:760px){.app-header{gap:8px}.header-actions{gap:8px}.model-control select{min-width:0;width:clamp(150px,43vw,230px);font-size:11px}.brand{flex-shrink:0}.advanced-model .model-summary{max-width:calc(100% - 40px)}.advanced-model .scene-guidance{top:72px}.advanced-model .scene-location{top:91px}.nearby-layer-control select{max-width:132px}.advanced-model .layer-navigation{gap:4px}.advanced-model #scene-labels .residual-label{font-size:9px}.advanced-model #scene-labels .next-layer-label strong{font-size:10px}}

@media(min-width:761px){.route-chips{grid-template-columns:repeat(var(--expert-count,8),minmax(0,1fr))}}

.attention-part-label{position:absolute;transform:translate(-50%,-50%);font-size:10px;color:#b8d6e9;white-space:nowrap;pointer-events:none;text-shadow:0 1px 5px #080f23}@media(max-width:760px){.attention-part-label{font-size:8px}}

.ffn-part-label{font-size:12px;color:#d3e6ff}@media(max-width:760px){.ffn-part-label{font-size:10px}}

/* A compact return path keeps the model itself as the working surface. */
.brand{flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.brand-home{font-size:12px;line-height:1.5;letter-spacing:.08em;color:#9dbfe8;text-decoration:none}
.brand-home:hover{color:#d3e6ff}.brand-home:focus-visible{outline:2px solid #a8ccff;outline-offset:4px}
.brand-title{display:flex;align-items:baseline;gap:18px}.brand-title>span{font-size:10px;color:var(--faint);letter-spacing:.15em}
@media(max-width:1050px){.brand-title>span{display:none}}