/* A single source feeds a destination-first platform grid. */
.platform-map{height:auto;min-height:0!important;display:flex;flex-direction:column;align-items:center;padding:18px 0 10px;position:relative}
.map-library{width:82%;padding:18px 22px;border:1px solid var(--border);border-radius:15px;background:var(--surface);z-index:1}.map-library-heading{display:flex;gap:10px;align-items:center}.map-library-heading img{width:28px;height:28px}.map-library-heading strong{font-size:16px}.map-resource-list{display:flex;gap:8px 14px;flex-wrap:wrap;margin-top:13px;color:var(--muted);font-size:14px}.map-resource-list span+span:before{content:'·';padding-right:12px;color:var(--border2)}
.map-trunk{position:relative;width:2px;height:39px;background:var(--accent-line);display:flex;justify-content:center}.map-trunk b{position:absolute;bottom:-9px;color:var(--accent);font-size:22px;font-weight:400}.map-trunk i{position:absolute;height:10px;width:3px;border-radius:3px;background:var(--accent);animation:mapDown 2s ease-in-out infinite}
@keyframes mapDown{from{top:0;opacity:0}40%{opacity:1}to{top:30px;opacity:0}}
.map-bridge{display:flex;gap:12px;align-items:center;padding:12px 18px;border:1px solid var(--accent-line);background:var(--bg);border-radius:14px;z-index:1;font-size:14px;color:var(--accent-soft)}.map-bridge img{width:38px;height:38px}.map-branches{width:100%;height:60px;fill:none;stroke:var(--accent-line);stroke-width:1.5;overflow:visible}.map-branches .map-flow{stroke:var(--accent);stroke-dasharray:6 95;animation:resourceFlow 8s linear infinite}.map-branches .map-arrow{stroke:var(--accent)}
.platform-destinations{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.destination-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;min-height:162px;padding:20px 10px;border:1px solid var(--border2);border-radius:15px;background:linear-gradient(145deg,var(--surface2),var(--surface));box-shadow:0 10px 26px #0002}.destination-card .software-logo{width:54px;height:54px;flex:0 0 54px;padding:7px}.destination-card .official-logo{width:38px;height:38px}.destination-card strong{font-size:18px;line-height:1.3}.destination-card>span:last-child{font-size:14px;color:var(--sub)}.destination-future{background:var(--surface);border-style:dashed;box-shadow:none}.destination-future strong,.destination-future>span:last-child{color:var(--muted)}.future-mark{font-size:30px;font-weight:500;color:var(--muted);background:var(--surface2)}
.aligned-compare .compare-panel{padding:30px;display:flex;flex-direction:column;min-width:0}.compare-heading{min-height:112px}.compare-badge{display:inline-flex;padding:7px 12px;border:1px solid currentColor;border-radius:6px;font-size:14px;font-weight:600;line-height:1.4}.before .compare-badge{color:var(--comparison-warn);background:#35251e}.after .compare-badge{color:var(--accent-soft);background:var(--accent-wash)}.aligned-compare .compare-heading h3{font-size:24px;font-weight:700;line-height:1.4;letter-spacing:-.015em;margin:22px 0 20px}
.compare-rows{padding:0;margin:12px 0 0;list-style:none;display:grid;gap:0}.compare-rows li{display:grid;grid-template-columns:38px 1fr;gap:16px;align-items:start;padding:22px 0;border-top:1px solid rgba(255,255,255,.08);min-height:110px}.compare-step-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid currentColor;border-radius:9px;font-size:14px;font-weight:600;font-style:normal}.before .compare-step-icon{color:var(--comparison-warn)}.after .compare-step-icon{color:var(--accent)}.compare-rows h4{font-size:18px;line-height:1.5;font-weight:650;letter-spacing:0;margin:0 0 5px;color:var(--text)}.compare-rows p{font-size:16px;line-height:1.6;margin:0;color:var(--sub)}
/* Three focused motion-graphics stories, not a settings dashboard. */
.mg-showcase{--mg-line:rgba(131,177,255,.38)}.mg-scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}.mg-scenarios>button{display:flex;gap:12px;align-items:center;padding:16px 18px;min-width:0;background:var(--surface);color:var(--sub);border:1px solid var(--border);border-radius:12px;text-align:left;font-size:16px;font-weight:650;line-height:1.5;transition:background .2s,border-color .2s}.mg-scenarios>button[aria-pressed=true]{border-color:var(--accent);background:#19283e;color:var(--text)}.mg-scenarios>button:hover{border-color:var(--accent)}
.mg-player{border:1px solid var(--border2);border-radius:20px;background:var(--surface);overflow:hidden;box-shadow:0 22px 80px #0003}.mg-player-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px;border-bottom:1px solid var(--border)}.mg-player-header>strong{font-size:24px;line-height:1.4}.mg-disclaimer{font-size:14px;color:var(--muted)}.mg-stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:24px 28px;gap:22px}.mg-stepper li{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:16px;position:relative}.mg-stepper li>span{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;border:1px solid var(--border2);font-size:14px}.mg-stepper strong{font-weight:600}.mg-stepper li[data-state=active],.mg-stepper li[data-state=done]{color:var(--accent-soft)}.mg-stepper li[data-state=active]>span{background:var(--action);color:white;border-color:var(--accent)}.mg-stepper li[data-state=done]>span{background:var(--accent-wash);border-color:var(--accent)}
.mg-stage{display:grid;grid-template-columns:minmax(0,.82fr) 90px minmax(0,1.28fr);gap:0;padding:0 28px 28px;align-items:stretch;min-height:360px}.mg-source,.mg-host{min-width:0;border:1px solid var(--border2);border-radius:12px;background:var(--bg);overflow:hidden;position:relative;transition:border-color .4s,box-shadow .4s}.mg-window-bar{height:54px;display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface2);font-size:16px}.mg-window-bar img{width:28px;height:28px;object-fit:contain}.mg-window-bar>span{font-size:14px;margin-left:auto;color:var(--muted)}.mg-source-body{padding:18px}.mg-map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}.mg-map{min-width:0;transition:transform .4s,box-shadow .4s}.mg-map>span{font-size:14px;line-height:1.5;display:block;margin-top:6px;color:var(--sub)}.mg-map-art{display:block;background-size:cover;background-position:center;border-radius:6px;border:1px solid #ffffff1a}.mg-map>.mg-map-art{height:65px}.mg-map-art.color{background-image:url('assets/brushed-steel.webp')}.mg-map-art.normal{background:repeating-linear-gradient(170deg,#817ac7 0px,#9990e0 2px,#7473b9 4px,#8180cb 7px)}.mg-map-art.rough{background:repeating-linear-gradient(170deg,#858585 0px,#b2b2b2 1px,#989898 4px)}.mg-map-art.metal{background:linear-gradient(120deg,#ccc,#f5f5f5)}.mg-map-art.ao{background:radial-gradient(ellipse,#eee,#888)}.mg-selected{display:block;margin:0 18px 16px;font-size:14px;color:var(--accent-soft)}
.mg-transfer{align-self:center;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:120px}.mg-transfer>span{position:absolute;top:50%;left:0;right:0;height:1px;background:var(--mg-line)}.mg-transfer>img{width:46px;height:46px;z-index:1;background:var(--surface);border-radius:12px}.mg-transfer>b{font-weight:400;color:var(--accent);font-size:24px;z-index:1;line-height:1}.mg-parcel{position:absolute;width:16px;height:18px;border:1px solid var(--accent-soft);background:var(--action);border-radius:3px;opacity:0;top:45%;left:0;box-shadow:0 0 14px #75adff66}.mg-player[data-phase=sending] .mg-parcel{animation:mgParcel 1.1s ease-in-out infinite}.mg-player[data-phase=sending] .mg-transfer img{box-shadow:0 0 24px #75adff44}.mg-player[data-phase=selecting] .mg-source{border-color:var(--accent);box-shadow:0 0 22px #75adff22}.mg-player[data-phase=building] .mg-host,.mg-player[data-phase=complete] .mg-host{border-color:var(--accent)}
@keyframes mgParcel{0%{left:-18%;opacity:0;transform:scale(.7)}20%{opacity:1}80%{opacity:1}100%{left:104%;opacity:0;transform:scale(.85)}}
.mg-host-body{min-height:294px;position:relative;display:flex;flex-direction:column;justify-content:center}.mg-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:285px;color:var(--muted);font-size:16px}.mg-empty-icon{width:80px;height:80px;display:grid;place-items:center;border:1px dashed var(--border2);border-radius:18px}.mg-empty-icon img{width:48px;height:48px;opacity:.45;filter:grayscale(1)}
.mg-sd-scene{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(105px,1fr);align-items:center;min-height:285px;padding:16px;gap:10px;background-image:radial-gradient(#ffffff0d 1px,transparent 1px);background-size:17px 17px}.mg-graph{height:260px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px;min-width:0}.mg-node-wires{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--accent);stroke-width:1.5;stroke-dasharray:300;stroke-dashoffset:300;animation:mgWire 1.3s ease forwards .5s}.mg-input-nodes{display:grid;gap:12px;z-index:1}.mg-node{display:flex;align-items:center;gap:7px;background:var(--surface2);border:1px solid var(--border2);border-radius:6px;padding:7px;font-size:14px;white-space:nowrap;animation:mgReveal .4s both;animation-delay:calc(var(--order)*.18s)}.mg-node i{width:24px;height:24px}.mg-node b{height:5px;width:5px;background:var(--accent);border-radius:50%}.mg-output-node{z-index:1;display:flex;flex-direction:column;gap:5px;text-align:center;padding:15px 8px;background:#182941;border:1px solid var(--accent);border-radius:8px;font-size:14px;animation:mgReveal .4s both 1s}.mg-output-node>span{font-size:24px;color:var(--accent-soft)}.mg-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;font-size:14px;color:var(--sub);animation:mgReveal .5s both 1.1s}.mg-material-ball{width:105px;height:105px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 34% 25%,#ffffffdd,transparent 37%),radial-gradient(circle at 75% 80%,#030811df,transparent 65%),url('assets/brushed-steel.webp') center/cover;box-shadow:inset -12px -15px 23px #0009,0 15px 17px #0005;border:1px solid #8499b655}.mg-material-ball.coated{background:radial-gradient(circle at 32% 26%,#ffffffce,transparent 24%),radial-gradient(circle at 40% 36%,#a4c5ec,#32547e 57%,#111c2c);box-shadow:inset -12px -15px 23px #0009,0 15px 17px #0005}
@keyframes mgReveal{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}@keyframes mgWire{to{stroke-dashoffset:0}}
.mg-mesh-card{text-align:center;font-size:14px}.mg-mesh-card .mg-rock{height:200px;width:100%}.mg-rock{display:block;overflow:visible}.mg-painter-scene{display:grid;grid-template-columns:30px minmax(0,1fr) 92px;min-height:294px;animation:mgReveal .6s both}.mg-tool-rail{display:flex;flex-direction:column;gap:15px;padding:13px 6px;border-right:1px solid var(--border);color:var(--sub);font-size:16px}.mg-paint-viewport{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at center,#293241,var(--bg));min-width:0}.mg-paint-viewport>.mg-rock{width:100%;height:210px;animation:mgReveal 1s both .4s}.mg-paint-viewport>span,.mg-paint-viewport>small{font-size:14px;line-height:1.5;color:var(--sub);padding:8px}.mg-layer-panel{border-left:1px solid var(--border);padding:12px 8px;font-size:14px}.mg-layer{display:flex;gap:5px;align-items:center;padding:9px 4px;background:var(--surface2);border:1px solid var(--accent-line);margin-top:14px;animation:mgReveal .5s both 1s;font-size:14px}.mg-layer i{width:10px;height:10px;background:var(--accent);display:block}.mg-layer.placeholder{height:25px;background:transparent;border-color:var(--border);opacity:.5}.mg-brush-cursor{position:absolute;width:24px;height:24px;border-radius:50%;border:1px solid var(--accent-soft);left:51%;top:45%;box-shadow:0 0 0 4px #83b1ff15;animation:mgReveal .5s both 1.3s}
.mg-material-picker{padding:22px;animation:mgReveal .35s both}.mg-material-picker h3{font-size:22px;margin:0 0 6px;line-height:1.4}.mg-material-picker p{font-size:14px;color:var(--sub);margin:0 0 20px;line-height:1.5}.mg-material-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mg-material-options>button{background:var(--surface);border:1px solid var(--border2);border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:9px;padding:16px 8px;color:var(--text);font-size:16px}.mg-material-options>button[aria-checked=true]{border-color:var(--accent);background:#192940;box-shadow:inset 0 0 0 1px var(--accent)}.mg-material-options small{font-size:14px;color:var(--sub);overflow-wrap:anywhere}.mg-material-options .mg-material-ball{width:64px;height:64px}.mg-picker-actions{display:flex;justify-content:flex-end;align-items:center;gap:18px;margin-top:22px}.mg-picker-actions>button:not(.button){background:none;border:none;color:var(--sub);font-size:14px;padding:10px}.mg-picker-actions .button{font-size:14px;padding:11px 15px}.mg-instance-title{display:flex;gap:12px;padding:16px;border-bottom:1px solid var(--border);align-items:center}.mg-instance-title>span{border:1px solid var(--accent);color:var(--accent-soft);padding:8px;border-radius:7px;font-size:14px}.mg-instance-title>div{display:grid;gap:4px;min-width:0}.mg-instance-title strong{font-size:16px}.mg-instance-title small{font-size:14px;color:var(--sub)}.mg-ue-content{display:grid;grid-template-columns:minmax(95px,1fr) minmax(0,1.5fr);padding:20px 16px;gap:20px;min-height:225px}.mg-texture-parameters{display:grid;gap:10px;align-content:center}.mg-parameter{display:flex;align-items:center;gap:7px;font-size:14px;border:1px solid var(--border2);background:var(--surface2);padding:6px;border-radius:5px;animation:mgReveal .5s both;animation-delay:calc(var(--order)*.3s + .3s)}.mg-parameter>b{color:var(--accent);font-weight:500}.mg-parameter>i{width:28px;height:28px;margin-left:auto;flex-shrink:0}.mg-assigned{font-size:14px;color:var(--accent-soft);animation:mgReveal .4s both 1.3s}
.mg-controls{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 28px;border-top:1px solid var(--border);background:var(--surface2)}.mg-controls>p{margin:0;font-size:16px;line-height:1.6;color:var(--sub);max-width:700px}.mg-action-group{display:flex;gap:20px;align-items:center;flex-shrink:0}.mg-reset{border:0;background:none;color:var(--sub);font-size:14px;padding:10px 0}.mg-action-group .button{min-width:124px}.mg-timeline{height:4px;background:var(--border)}.mg-timeline>span{display:block;height:100%;width:0;background:var(--accent);transition:width .5s}.mg-player.is-paused *{animation-play-state:paused!important}.mg-player.is-paused .mg-timeline>span{transition:none}
@media(max-width:1100px){.mg-stage{grid-template-columns:minmax(0,.8fr) 65px minmax(0,1.2fr);padding:0 20px 22px}.mg-sd-scene{grid-template-columns:1fr;gap:4px}.mg-sd-scene>.mg-preview{flex-direction:row;gap:14px;padding:12px}.mg-sd-scene .mg-material-ball{height:65px;width:65px}.mg-graph{height:230px}.mg-input-nodes{gap:8px}.mg-scenarios>button{padding:13px;gap:9px}.mg-player-header{align-items:flex-start}.mg-player-header>strong{font-size:22px}.mg-disclaimer{max-width:190px}.mg-source-body{padding:13px}.mg-map-grid{grid-template-columns:1fr 1fr}.mg-controls{padding:20px}.platform-destinations{gap:10px}.destination-card{padding:17px 8px;min-height:154px}.destination-card strong{font-size:16px}}
@media(max-width:800px){.mg-stage{grid-template-columns:1fr;gap:0;padding:0 20px 20px}.mg-transfer{min-height:55px;height:55px;flex-direction:row;gap:12px}.mg-transfer>img{width:34px;height:34px}.mg-transfer>b{transform:rotate(90deg);font-size:24px}.mg-transfer>span{width:1px;height:100%;left:50%;top:0}.mg-parcel{left:50%;top:0}.mg-player[data-phase=sending] .mg-parcel{animation:mgParcelDown 1.1s ease-in-out infinite}.mg-map-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.mg-map>.mg-map-art{height:60px}.mg-map>span{font-size:14px}.mg-selected{margin-bottom:12px}.mg-host-body{min-height:285px}.mg-sd-scene{grid-template-columns:1.6fr 1fr;padding:18px}.mg-sd-scene>.mg-preview{flex-direction:column}.mg-sd-scene .mg-material-ball{width:100px;height:100px}.mg-scenarios{grid-template-columns:1fr;gap:8px}.mg-scenarios>button{padding:10px 14px}.mg-scenarios .software-logo{width:34px;height:34px;min-width:34px;flex-basis:34px}.mg-scenarios .official-logo{width:24px;height:24px}.mg-mesh-card{display:flex;align-items:center;justify-content:center;gap:18px}.mg-mesh-card .mg-rock{width:180px;height:115px}.mg-player-header{flex-direction:column;gap:8px;padding:20px}.mg-disclaimer{max-width:none}.mg-stepper{padding:18px 20px;gap:10px}.mg-stepper li{font-size:14px;align-items:flex-start;gap:6px}.mg-stepper li>span{width:23px;height:23px;flex-basis:23px}.mg-controls{flex-wrap:wrap;gap:15px}.mg-action-group{margin-left:auto}.aligned-compare .compare-panel{padding:24px}.compare-heading{min-height:0}}
@keyframes mgParcelDown{0%{top:0;opacity:0}25%{opacity:1}80%{opacity:1}100%{top:95%;opacity:0}}
@media(max-width:600px){.platform-map{padding:15px 0 0}.map-library{width:94%;padding:16px}.map-resource-list{gap:6px 10px}.map-resource-list span+span:before{padding-right:8px}.platform-destinations{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.map-branches{height:44px}.destination-card{min-height:154px}.destination-card strong{font-size:16px}.destination-card>span:last-child{font-size:14px}.map-branches .map-arrow{display:none}.map-trunk{height:35px}.hero-grid{gap:25px}.mg-map-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mg-map>.mg-map-art{height:55px}.mg-map-grid>.mg-map:nth-child(n+4){display:none}.mg-source-body{padding:14px}.mg-player-header>strong{font-size:21px}.mg-stepper{gap:8px;padding:18px 14px}.mg-stepper li{flex-direction:column;gap:7px}.mg-stage{padding:0 12px 16px}.mg-window-bar{padding:10px;font-size:15px;gap:8px}.mg-window-bar>span{font-size:14px}.mg-sd-scene{grid-template-columns:1fr;padding:15px}.mg-sd-scene>.mg-preview{flex-direction:row}.mg-sd-scene .mg-material-ball{width:72px;height:72px}.mg-graph{height:235px;gap:28px}.mg-output-node{padding:18px}.mg-node{font-size:14px;gap:9px}.mg-controls{padding:18px 14px}.mg-controls>p{font-size:16px}.mg-action-group{width:100%;justify-content:space-between}.mg-action-group .button{min-width:150px}.mg-material-picker{padding:16px}.mg-material-picker h3{font-size:20px}.mg-material-options{gap:10px}.mg-material-options small{font-size:14px}.mg-picker-actions{gap:14px}.mg-ue-content{grid-template-columns:1fr;padding:16px}.mg-ue-content>.mg-preview{flex-direction:row}.mg-ue-content .mg-material-ball{width:70px;height:70px}.mg-parameter{padding:8px}.mg-painter-scene{grid-template-columns:25px minmax(0,1fr) 78px}.mg-paint-viewport>small{font-size:14px;padding:8px}.mg-layer-panel{padding:12px 5px}.mg-layer{font-size:14px;flex-direction:column;gap:5px;align-items:start}.mg-mesh-card{flex-direction:column;gap:0}.mg-mesh-card .mg-rock{height:130px}.aligned-compare .compare-heading h3{font-size:22px}.compare-rows h4{font-size:18px}.compare-rows p{font-size:16px}.compare-rows li{grid-template-columns:36px 1fr;gap:13px;min-height:116px}}
@media(prefers-reduced-motion:reduce){.map-flow,.map-trunk i,.mg-player *{animation:none!important;transition:none!important}.mg-node-wires{stroke-dashoffset:0}.mg-parcel{display:none}}
/* All five input channels remain visible, including on small screens. */
.mg-graph{height:284px}.mg-input-nodes{gap:9px}.mg-node{padding:6px}.mg-node-wires{z-index:0}.mg-node-wires path{vector-effect:non-scaling-stroke}
.mg-player[data-phase=selecting] .mg-selected{animation:mgSelection .8s ease both}.mg-player[data-phase=sending] .mg-source-body{animation:mgSending 1.4s ease both}
@keyframes mgSelection{0%{opacity:.3;transform:translateY(3px)}100%{opacity:1;transform:none}}
@keyframes mgSending{0%{opacity:1}40%{opacity:.55;transform:translateX(8px)}100%{opacity:1;transform:none}}
@media(max-width:600px){.mg-map-grid>.mg-map:nth-child(n+4){display:block}.mg-graph{height:280px}.mg-source-body{animation:none!important}.mg-layer{white-space:nowrap;font-size:14px}.mg-node{padding:6px}.mg-texture-parameters{gap:7px}.mg-parameter{padding:5px 8px}.mg-host-status{white-space:nowrap}}
.map-mobile-branches{display:none}@media(max-width:600px){.map-desktop-branches{display:none}.map-mobile-branches{display:block}}
/* Asset labels have a shared, restrained icon treatment. */
.map-resource-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 14px;margin-top:17px}.map-resource-list .map-resource{display:flex;align-items:center;gap:7px;min-width:0;font-size:14px;line-height:1.45;color:var(--sub)}.map-resource-list span+span:before{content:none;display:none}.map-resource>svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:var(--accent-soft);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.78}.map-resource>span{min-width:0}.map-resource:last-child{grid-column:span 2}.destination-future .future-mark{font-size:29px;color:var(--muted)}
/* Six manual actions fit in three paired rows, aligned against three Bridge actions. */
.manual-six{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}.aligned-compare .manual-six li{grid-template-columns:32px minmax(0,1fr);gap:11px;min-height:126px;padding:21px 0}.aligned-compare .manual-six .compare-step-icon{width:30px;height:30px;font-size:14px}.aligned-compare .manual-six h4{font-size:18px}.aligned-compare .manual-six p{font-size:15px;line-height:1.6}.aligned-compare .after .compare-rows li{min-height:126px}.aligned-compare .compare-heading{min-height:120px}
/* Selected texture files are always represented as square maps. */
.mg-map>.mg-map-art{height:auto!important;width:100%;aspect-ratio:1;object-fit:cover}.mg-map-grid{align-items:start}.mg-source-body{min-width:0}
/* Parallel, evenly spaced channels have one aligned input port per source node. */
.mg-graph{height:285px;gap:34px;align-items:stretch}.mg-input-nodes{display:grid;grid-template-rows:repeat(5,1fr);gap:0;align-items:center;flex:0 0 auto;width:116px;min-width:0}.mg-node{width:100%;height:42px;padding:6px;gap:6px;font-size:14px;line-height:1.3;animation-name:mgNodeFade;white-space:nowrap}.mg-node i{width:23px;height:23px;flex:0 0 23px}.mg-node b{margin-left:auto;flex-shrink:0}.mg-output-node{position:relative;height:100%;width:86px;flex:0 0 86px;padding:0;border-radius:10px;display:flex;align-items:center;justify-content:center;animation-name:mgNodeFade;animation-delay:.45s}.mg-output-ports{position:absolute;inset:0 auto 0 -3px;display:grid;grid-template-rows:repeat(5,1fr);align-items:center;width:5px}.mg-input-port{width:5px;height:5px;background:var(--accent);border-radius:50%;display:block}.mg-output-label{display:grid;justify-items:center;gap:8px;padding:8px;font-size:14px;line-height:1.4}.mg-output-label>span{font-size:24px;color:var(--accent-soft)}.mg-node-wires{stroke-width:1.25;opacity:.8;z-index:0}.mg-paint-viewport>.mg-rock{animation:none!important}
@keyframes mgNodeFade{from{opacity:0}to{opacity:1}}
/* Benefits explain workflow support, instead of repeating the demos. */
.workflow-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.workflow-benefit{padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:15px}.benefit-icon{display:grid;place-items:center;width:45px;height:45px;border:1px solid var(--accent-line);background:var(--accent-wash);border-radius:11px;color:var(--accent-soft)}.benefit-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.workflow-benefit h3{font-size:23px;line-height:1.4;letter-spacing:-.02em;margin:22px 0 12px}.workflow-benefit p{font-size:16px;line-height:1.75;color:var(--sub);margin:0}#how .section-head>p{max-width:390px}
@media(max-width:1100px){.manual-six{column-gap:14px}.aligned-compare .manual-six li{grid-template-columns:1fr;gap:9px;min-height:172px}.aligned-compare .after .compare-rows li{min-height:172px}.workflow-benefit{padding:23px}.workflow-benefit h3{font-size:21px}.mg-graph{height:285px}}
@media(max-width:800px){.workflow-benefits{grid-template-columns:1fr}.workflow-benefit{padding:24px}.workflow-benefit h3{font-size:23px}.mg-sd-scene{grid-template-columns:minmax(0,1.7fr) minmax(105px,1fr)}.mg-input-nodes{width:118px}.map-resource-list{grid-template-columns:repeat(3,minmax(0,1fr))}.aligned-compare .manual-six li{min-height:165px}.aligned-compare .after .compare-rows li{min-height:125px}}
@media(max-width:600px){.map-resource-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}.map-resource-list .map-resource{gap:6px}.map-resource>svg{width:18px;height:18px;flex-basis:18px}.map-resource:last-child{grid-column:span 2}.mg-sd-scene{grid-template-columns:1fr}.mg-input-nodes{width:121px}.mg-output-node{width:91px;flex-basis:91px}.mg-graph{gap:25px}.aligned-compare .compare-panel{padding:22px}.manual-six{gap:0 18px}.aligned-compare .manual-six h4{font-size:17px}.aligned-compare .manual-six p{font-size:15px}.aligned-compare .manual-six li{min-height:165px}.aligned-compare .compare-heading{min-height:0}.workflow-benefit h3{font-size:22px}.workflow-benefits{gap:14px}}
.mg-output-ports{top:-1px;bottom:-1px}.aligned-compare .manual-six .compare-step-icon{width:36px;height:36px}.aligned-compare .manual-six li{grid-template-columns:36px minmax(0,1fr);gap:10px}.aligned-compare .manual-six p{font-size:16px}.aligned-compare .manual-six h4{font-size:18px}
@media(max-width:1100px){.aligned-compare .manual-six li{grid-template-columns:1fr;min-height:176px}.aligned-compare .after .compare-rows li{min-height:176px}}
@media(max-width:800px){.aligned-compare .after .compare-rows li{min-height:125px}.aligned-compare .manual-six li{min-height:176px}}
/* Composed hierarchy: a generous left message, a quieter right diagram. */
.hero-grid{grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);gap:64px;align-items:center}.hero{padding-top:76px;padding-bottom:84px}.hero h1{font-size:74px;line-height:1.09;letter-spacing:-.052em;margin-top:27px;margin-bottom:29px}.hero h1 [data-t=heroTitle1]{display:inline-block;font-size:clamp(42px,3.9vw,57px);letter-spacing:-.052em}.hero-description{font-size:20px;line-height:1.75}.hero-meta{gap:16px;line-height:1.7}.platform-map{max-width:492px;justify-self:center;width:100%;padding:8px 0}.map-library{width:92%;padding:18px}.map-library-heading{justify-content:center}.map-resource-list{margin-top:16px}.map-bridge{padding:10px 15px}.map-bridge img{width:32px;height:32px}.map-trunk{height:32px}.map-branches{height:42px}.platform-destinations{gap:11px}.destination-card{min-height:137px;padding:15px 8px;gap:8px;box-shadow:none;background:var(--surface)}.destination-card .software-logo{width:46px;height:46px;flex-basis:46px;padding:6px}.destination-card .official-logo{width:32px;height:32px}.destination-card strong{font-size:16px}.destination-future{background:rgba(21,24,31,.6)}.destination-card>span:last-child{font-size:14px;line-height:1.5}.platform-map .visual-glow{opacity:.45}.hero-copy .eyebrow{font-size:14px}
/* One caption and three quiet progress marks replace repeated descriptions. */
#demo .section-head p:empty{display:none}#demo .section-head{margin-bottom:34px}.mg-scenarios{gap:12px;margin-bottom:18px}.mg-scenarios>button{padding:13px 18px;border-radius:11px}.mg-player-header{padding:22px 26px;min-height:77px;align-items:center}.mg-player-header #mgCaption{font-size:22px;font-weight:650;line-height:1.4;color:var(--text);margin:0}.mg-player-header .mg-stepper{display:flex;padding:0;margin:0;gap:7px;flex-shrink:0}.mg-stepper>i{width:20px;height:4px;background:var(--border2);border-radius:3px}.mg-stepper>i[data-state=active]{background:var(--accent)}.mg-stepper>i[data-state=done]{background:var(--accent-soft)}.mg-stage{position:relative;isolation:isolate;grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);padding:26px;min-height:420px;align-items:stretch}.mg-window-bar{height:54px;background:var(--surface);justify-content:center}.mg-window-bar>span{display:none}.mg-source,.mg-host{background:#101319;border-color:var(--border);display:flex;flex-direction:column}.mg-source-body,.mg-host-body{flex:1;display:flex;align-items:center;justify-content:center;min-height:340px;padding:24px}.mg-map-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:322px;width:100%;gap:18px 16px}.mg-map{position:relative;transition:opacity .25s}.mg-map>.mg-map-art{position:relative;aspect-ratio:1;width:100%;height:auto!important;border:1px solid var(--border2);box-shadow:none}.mg-map>span{font-size:14px;margin-top:8px;text-align:center}.mg-map-check{position:absolute;top:6px;right:6px;width:19px;height:19px;display:grid;place-items:center;background:rgba(12,16,23,.75);color:transparent;border:1px solid #d7e4ff80;border-radius:5px;font-style:normal;font-size:13px;font-weight:750;transition:background .15s,color .15s,transform .2s}.mg-map.is-selected>.mg-map-art{border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.25)}.mg-map.is-selected .mg-map-check{background:var(--action);color:white;border-color:var(--accent);transform:scale(1.05)}.mg-source.is-bundled .mg-map>.mg-map-art{opacity:.22}.mg-source.is-bundled .mg-map>span{opacity:.55}.mg-source.is-bundled .mg-mesh-card{opacity:.24}.mg-selected{display:none}.mg-player[data-phase=selecting] .mg-source{box-shadow:none}.mg-player[data-phase=sending] .mg-source-body{animation:none!important}.mg-transfer{gap:9px}.mg-transfer>img{width:38px;height:38px}.mg-transfer>b{font-size:21px}.mg-player .mg-parcel{display:none!important}.mg-player[data-phase=sending] .mg-transfer img{box-shadow:0 0 25px rgba(var(--accent-rgb),.25)}
.mg-flight-layer{position:absolute;inset:0;pointer-events:none;z-index:15;transform-origin:center;will-change:transform,opacity}.mg-flight-card{position:absolute;border:1px solid #b8d4ff;border-radius:9px;box-shadow:0 9px 22px #0006;transform-origin:top left;background-color:var(--surface2);will-change:transform;overflow:hidden}.mg-flight-card .mg-rock{width:100%;height:100%}.mg-source[data-selection=true]{border-color:var(--accent)}
/* The five rows and material preview form a single centered result group. */
.mg-sd-scene{width:100%;max-width:390px;min-height:0;padding:0;gap:20px;display:grid;grid-template-columns:minmax(0,1fr) 86px;align-items:center;background:none;margin:auto}.mg-graph{width:100%;max-width:282px;justify-self:center;height:248px;gap:22px;margin:0}.mg-input-nodes{width:112px;flex:0 0 112px}.mg-output-node{width:66px;flex-basis:66px;border-radius:9px}.mg-output-label{padding:5px;font-size:14px}.mg-node{height:38px;padding:5px;gap:5px;font-size:14px}.mg-node i{width:21px;height:21px;flex-basis:21px}.mg-node b{width:4px;height:4px}.mg-preview{padding:0!important;margin:0;min-width:0}.mg-sd-scene .mg-material-ball{width:86px;height:86px}.mg-node-wires{opacity:.72}.mg-empty{min-height:0;width:100%;height:100%;gap:15px}.mg-empty-icon{width:60px;height:60px;border-style:solid;border-color:var(--border)}.mg-empty-icon img{width:35px;height:35px}.mg-empty>span{font-size:14px}.mg-controls{padding:18px 26px;min-height:76px;gap:18px}.mg-controls .mg-disclaimer{font-size:14px}.mg-action-group{gap:18px}.mg-action-group .button{font-size:15px;min-width:114px;padding:12px 20px}.mg-timeline{height:3px}.mg-painter-scene,.mg-ue-scene{width:100%}.mg-host-body:has(.mg-painter-scene){padding:0}.mg-host-body:has(.mg-material-picker){padding:0}.mg-host-body:has(.mg-ue-scene){padding:0}.mg-paint-viewport{min-height:315px}.mg-ue-content{min-height:265px}.mg-source-body .mg-mesh-card{width:100%}
@media(max-width:1200px){.hero-grid{gap:34px;grid-template-columns:1.05fr 1fr}.hero h1{font-size:64px}.hero h1 [data-t=heroTitle1]{font-size:44px}.platform-map{max-width:455px}.mg-stage{gap:0;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);padding:22px}.mg-source-body,.mg-host-body{padding:19px}.mg-sd-scene{grid-template-columns:1fr;gap:18px;max-width:270px}.mg-sd-scene>.mg-preview{flex-direction:row}.mg-sd-scene .mg-material-ball{width:68px;height:68px}.mg-graph{max-width:260px}.mg-input-nodes{width:121px;flex-basis:121px}.mg-output-node{width:76px;flex-basis:76px}.mg-map-grid{gap:16px 12px}.mg-graph{height:240px}}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr;gap:40px}.hero-copy{max-width:650px}.hero h1{font-size:72px}.hero h1 [data-t=heroTitle1]{font-size:52px}.platform-map{max-width:530px}.destination-card{min-height:145px}.mg-player-header #mgCaption{font-size:21px}}
@media(max-width:800px){.mg-stage{grid-template-columns:1fr;padding:20px}.mg-source-body{min-height:0;padding:23px}.mg-host-body{min-height:335px}.mg-map-grid{grid-template-columns:repeat(5,minmax(0,1fr));max-width:600px;gap:12px}.mg-source-body .mg-mesh-card{flex-direction:row}.mg-transfer{height:62px;min-height:62px}.mg-transfer>img{width:34px;height:34px}.mg-sd-scene{max-width:470px;grid-template-columns:minmax(0,1fr) 100px;gap:28px}.mg-sd-scene .mg-material-ball{width:100px;height:100px}.mg-graph{max-width:300px;height:248px}.mg-player-header{padding:20px}.mg-controls{padding:18px 20px}.mg-player-header .mg-stepper{flex-direction:row}.mg-paint-viewport{min-height:290px}}
@media(max-width:600px){.hero{padding:54px 0 60px}.hero-grid{gap:32px}.hero h1{font-size:49px;line-height:1.1}.hero h1 [data-t=heroTitle1]{font-size:36px}.hero-description{font-size:18px}.platform-map{max-width:100%;padding:0}.map-library-heading{justify-content:center}.map-library{width:96%;padding:16px}.map-resource-list{grid-template-columns:repeat(3,minmax(0,1fr))}.destination-card{min-height:143px}.map-branches{height:38px}.mg-player-header{padding:18px 16px;min-height:82px;flex-direction:row;align-items:center;gap:16px}.mg-player-header #mgCaption{font-size:19px}.mg-player-header .mg-stepper{gap:4px}.mg-stepper>i{width:12px}.mg-stage{padding:16px 12px}.mg-source-body{padding:19px 15px}.mg-map-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:320px;gap:16px 12px}.mg-map>.mg-map-art{min-width:0}.mg-map>span{font-size:14px}.mg-host-body{padding:20px 14px;min-height:335px}.mg-sd-scene{grid-template-columns:1fr;gap:23px;max-width:270px}.mg-graph{height:245px;max-width:270px;width:100%}.mg-input-nodes{width:118px;flex-basis:118px}.mg-output-node{width:80px;flex-basis:80px}.mg-sd-scene .mg-material-ball{width:72px;height:72px}.mg-controls{padding:16px;gap:15px}.mg-controls>.mg-disclaimer{font-size:14px}.mg-action-group{width:100%;justify-content:space-between}.mg-action-group .button{min-width:145px}.mg-mesh-card .mg-rock{height:150px}.mg-source-body .mg-mesh-card{flex-direction:column}.mg-source-body .mg-mesh-card strong{font-size:14px}.mg-host-body:has(.mg-painter-scene){min-height:340px}}
@media(prefers-reduced-motion:reduce){.mg-map-check,.mg-map,.mg-map>.mg-map-art{transition:none}.mg-flight-layer{display:none}}
/* Center incomplete grid rows instead of leaving the final two maps off to one side. */
.mg-map-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.mg-map{grid-column:span 2}.mg-map:nth-child(4){grid-column:2 / span 2}.mg-map:nth-child(5){grid-column:4 / span 2}.mg-player[data-phase=complete] .mg-source.is-bundled .mg-map>.mg-map-art{opacity:.68}.mg-player[data-phase=complete] .mg-source.is-bundled .mg-map>span{opacity:1}.mg-player[data-phase=complete] .mg-source.is-bundled .mg-mesh-card{opacity:.7}.mg-empty-destination{display:grid;grid-template-columns:24px 54px;grid-template-rows:repeat(3,12px);gap:12px 22px;opacity:.4}.mg-empty-destination>i{width:24px;height:12px;border:1px solid var(--border2);border-radius:4px}.mg-empty-destination>b{grid-column:2;grid-row:1/4;display:grid;place-items:center;border:1px solid var(--border2);border-radius:10px;color:var(--muted);font-size:22px;font-weight:400}.mg-host-body:has(.mg-sd-scene){overflow:visible}.mg-player[data-phase=packing] .mg-transfer,.mg-player[data-phase=sending] .mg-transfer{opacity:.7}
@media(min-width:601px) and (max-width:800px){.mg-map-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.mg-map,.mg-map:nth-child(4),.mg-map:nth-child(5){grid-column:auto}}