@font-face{font-family:Manrope;src:url('../../../open-runtime/3ae11c49db0455a3cc33e37d380f20fdb8c7f8b41dc07625c177e3d87a9d6ae6/Manrope.ttf') format('truetype');font-display:swap}*{box-sizing:border-box} :root{--paper:#f5f8fa;--white:#fff;--ink:#253e4c;--muted:#647984;--rule:#d6e1e6;--blue:#6f9edb;--mint:#a4dfc8;--yellow:#f1d48a;--coral:#edb1a3;--lavender:#c4b8e2}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #376f92;outline-offset:3px}button{border:1px solid var(--rule);background:#fff;border-radius:7px;min-height:38px;padding:7px 14px}button:hover{border-color:#7795a5;background:#f1f6f8}.app{max-width:1600px;margin:auto;padding:0 32px}.masthead{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--rule)}.identity{display:flex;align-items:center;gap:20px}.brand{font-size:42px;letter-spacing:-3px;line-height:1;font-weight:700}.brand sup{font-size:23px;vertical-align:super;position:relative;top:-1px;letter-spacing:0}.identity h1{font-size:20px;letter-spacing:-.5px;margin:0 0 5px;font-weight:650}.identity p{font-size:12px;color:var(--muted);margin:0}.header-right{display:flex;gap:24px;align-items:center}.reference{font-size:12px;line-height:1.8}.reference span{display:block;color:var(--muted)}.languages{display:flex;gap:3px}.languages button{font-size:12px;border:0;padding:7px 10px;min-height:32px;background:transparent}.languages button[aria-pressed=true]{background:#e1ebf0;color:#173f54}.mode-bar{display:grid;grid-template-columns:repeat(3,1fr);margin:18px 0 0;border:1px solid var(--rule);border-radius:10px;overflow:hidden;background:#fff}.mode{border:0;border-right:1px solid var(--rule);border-radius:0;display:grid;grid-template-columns:auto 1fr;gap:3px 14px;text-align:left;padding:14px 21px;position:relative;min-height:70px;background:transparent}.mode:last-child{border-right:0}.mode-name{font-size:20px;font-weight:700;grid-row:1/3;align-self:center;letter-spacing:-.7px}.mode span:not(.mode-name){font-size:12px;align-self:end}.mode small{font-size:10px;color:var(--muted)}.mode.active{background:#e8f4ee}.mode.active:after{content:"";position:absolute;inset:auto 17px 0;height:3px;background:#3b9678}.workbench{display:grid;grid-template-columns:minmax(0,1fr) 276px;gap:24px;margin-top:20px}.visual{min-width:0}.scene-top,.scene-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px;min-height:24px}.scene-caption{color:#395966;font-size:12px}.sample{border:1px solid var(--rule);border-radius:4px;padding:3px 7px;background:#ffffff90}#viewport{height:clamp(420px,53vh,540px);position:relative;isolation:isolate}canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px!important}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.node-label{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;font-size:11px;text-align:center;line-height:1.4;filter:drop-shadow(0 1px 0 #fff);color:#243f4b}.node-label strong{font-size:12px;font-weight:650;display:block}.node-label small{display:block;font-size:9px;color:#546e79}.node-label.off{color:#84969d}.node-label.off small{color:#84969d}.node-label.selected strong{color:#16645c}.node-label .source-dot{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:4px;background:currentColor}.scene-bottom{font-size:10px;border-top:1px solid #e4ebef;padding:4px 0 2px}.transport{display:flex;align-items:center;gap:9px;margin-top:11px;min-height:41px}.transport button{font-size:12px;min-height:36px;padding:7px 13px}.primary{background:#244a59;color:#fff;border-color:#244a59}.primary:hover{background:#326173;color:#fff}.play-symbol{font-size:10px}.timeline{height:3px;border-radius:5px;background:#dce6ea;flex:1;overflow:hidden}.timeline i{display:block;width:0;height:100%;background:#46977f}#timeReadout{font-size:10px;font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}.reset-button{background:transparent}.narrative{border-left:1px solid var(--rule);padding-left:23px;min-width:0}.narrative-heading{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);height:30px}.narrative-heading>span:first-child{font-weight:650;color:var(--ink)}#stageCount{font-variant-numeric:tabular-nums;font-size:11px}.stages{display:flex;flex-direction:column;gap:2px}.stage{border:0;border-radius:5px;background:transparent;text-align:left;min-height:34px;padding:7px 8px;font-size:12px;display:flex;align-items:center;gap:11px}.stage em{font-style:normal;font-size:10px;color:#8a9ba3;font-variant-numeric:tabular-nums}.stage.active{background:#e5f1ed;color:#235e51}.stage.active em{color:#2b7d65}.stage.active:after{content:"";width:5px;height:5px;background:#399174;border-radius:50%;margin-left:auto}.explanation{margin-top:13px;min-height:85px;font-size:12px;line-height:1.85;color:#3d5662}.provenance{margin-top:12px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:10px 0;line-height:1.75;font-size:11px}.provenance div{display:flex;justify-content:space-between;gap:10px}.provenance b{font-weight:600}.provenance small{color:var(--muted);font-size:10px}.index-list{display:inline-flex;gap:4px}.index-list i{font-style:normal;background:#e4f1eb;border:1px solid #c6dfd2;border-radius:3px;min-width:20px;text-align:center}.inspect{padding-top:12px}.inspect label{font-size:11px;display:block;margin-bottom:6px;color:var(--muted)}.inspect select{font-size:11px;background:#ffffffb0;border:1px solid var(--rule);border-radius:5px;width:100%;padding:7px 8px}.inspect p{font-size:11px;line-height:1.7;margin:8px 0 0;min-height:52px;color:#59727d}.legend{display:flex;gap:18px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-top:19px;padding:13px 0;font-size:10px}.legend strong{font-size:11px;margin-right:5px}.legend span{display:inline-flex;align-items:center;gap:6px}.legend b{font-weight:500}.swatch{width:11px;height:11px;border-radius:3px;border:1px solid #00000018}.mint{background:var(--mint)}.yellow{background:var(--yellow)}.coral{background:var(--coral)}.blue{background:var(--blue)}.lavender{background:var(--lavender)}footer{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:13px 0 25px}.thesis{font-size:11px;line-height:1.7;color:#5b707b;margin:0;max-width:730px}details{font-size:11px;min-width:140px}summary{cursor:pointer;color:#35576b;padding:2px 0;text-align:right}details[open]{flex:1;max-width:650px}.source-body{font-size:11px;line-height:1.8;margin-top:12px}.source-links{display:flex;flex-wrap:wrap;gap:10px 16px}a{color:#286481;text-underline-offset:3px}#loading{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;background:var(--paper);color:var(--muted);z-index:9}#loading[hidden]{display:none}@media(min-width:1400px){.workbench{grid-template-columns:minmax(0,1fr) 300px}.narrative{padding-left:26px}.explanation{font-size:13px}}@media(max-width:900px){.app{padding:0 20px}.workbench{grid-template-columns:minmax(0,1fr) 235px;gap:15px}.narrative{padding-left:15px}.mode{padding:13px 14px;gap:4px 8px}.mode-name{font-size:18px}.mode span:not(.mode-name){font-size:11px}.node-label{font-size:10px}.node-label strong{font-size:11px}.node-label small{font-size:8px}.legend{gap:12px}}@media(max-width:650px){.app{padding:0 14px}.masthead{min-height:83px;gap:8px}.identity{gap:12px}.brand{font-size:34px}.brand sup{font-size:19px}.identity h1{font-size:16px}.identity p{font-size:10px}.header-right{gap:0}.reference{display:none}.languages button{font-size:11px;padding:6px 8px}.mode-bar{margin-top:13px}.mode{display:flex;flex-direction:column;align-items:flex-start;padding:10px 9px;min-height:80px;gap:3px}.mode-name{font-size:17px;align-self:initial}.mode span:not(.mode-name){font-size:9px;align-self:initial;white-space:normal}.mode small{font-size:9px}.mode.active:after{inset:auto 8px 0}.workbench{display:flex;flex-direction:column;gap:20px;margin-top:14px}#viewport{height:390px}.node-label strong{font-size:9px}.node-label small{font-size:7px}.scene-top{font-size:9px}.scene-caption{font-size:10px}.scene-bottom{font-size:8px;gap:5px}.transport{gap:7px}.transport button{padding:7px 10px}.timeline{min-width:20px}#timeReadout{font-size:9px}.narrative{border-left:0;border-top:1px solid var(--rule);padding:16px 0 0}.stages{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.stage{flex-direction:column;align-items:flex-start;gap:5px;padding:7px 6px;font-size:10px;min-height:54px}.stage.active:after{display:none}.explanation{min-height:62px;margin-top:13px}.provenance{margin-top:9px}.inspect p{min-height:0}.legend{margin-top:18px;gap:11px 15px}.legend strong{flex-basis:100%}footer{flex-direction:column;gap:12px}summary{text-align:left}.node-label{filter:drop-shadow(0 1px 0 #fff)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}