#projectLoading{font:14px/1.5 Inter,Arial,sans-serif;color:#eef1f4;--mt-bg:#080a0c;--mt-panel:#1b1e22;--mt-line:#353b42;--mt-muted:#9ba5b0;--mt-yellow:#f5be24}
#projectLoading *{box-sizing:border-box}
#projectLoading .preview-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 0 16px;color:light-dark(#5e6670,#aab3bd);font-size:12px}
#projectLoading button{font:500 13px Inter,Arial,sans-serif;border:1px solid #3b4148;border-radius:7px;background:#23282d;color:#eef1f4;padding:9px 15px}
#projectLoading .project-window{position:relative;height:560px;overflow:hidden;background:var(--mt-bg);border-radius:10px}
#projectLoading .workspace{height:100%;background:var(--mt-bg)}
#projectLoading header{height:60px;display:flex;align-items:center;gap:22px;padding:0 20px;background:var(--mt-panel);border-bottom:1px solid var(--mt-line)}
#projectLoading .header-brand{display:flex;align-items:center;gap:9px}
#projectLoading .header-brand img:first-child{width:42px;height:30px;object-fit:contain}
#projectLoading .header-brand img:last-child{width:102px;height:22px;object-fit:contain}
#projectLoading .project-name{font-size:12px;color:#c3ccd6}
#projectLoading .grow{flex:1}
#projectLoading .org{font-size:12px;background:#24282d;border:1px solid var(--mt-line);padding:6px 12px;border-radius:7px}
#projectLoading .avatar{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--mt-yellow);border-radius:50%;color:var(--mt-yellow);font-size:12px}
#projectLoading .map-body{display:flex;height:calc(100% - 60px)}
#projectLoading aside{width:206px;flex:none;background:var(--mt-panel);padding:22px 15px;color:#c7cfd8;font-size:12px}
#projectLoading aside small{display:block;color:var(--mt-muted);font-size:10px;letter-spacing:1px}
#projectLoading aside b{display:block;margin:4px 0 30px;font-weight:500}
#projectLoading .layer-title{color:var(--mt-muted);margin-bottom:8px}
#projectLoading aside div:not(.layer-title){display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #30353b}
#projectLoading aside svg{width:15px;height:15px;color:var(--mt-yellow)}
#projectLoading .map-canvas{flex:1;overflow:hidden}
#projectLoading .map-canvas img{width:100%;height:100%;object-fit:cover}
#projectLoading .loading-screen{position:absolute;inset:0;background:var(--mt-bg);display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity 600ms cubic-bezier(.22,1,.36,1);overflow:hidden}
#projectLoading .loading-screen.done{opacity:0;pointer-events:none}
#projectLoading .grid-vignette{position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse at center,black 0%,transparent 72%)}
#projectLoading .loader-content{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px;transform:translateY(-6px);transition:transform 600ms cubic-bezier(.22,1,.36,1)}
#projectLoading .done .loader-content{transform:translateY(-14px)}
#projectLoading .logo-symbol{position:relative;width:140px;height:100px;margin-bottom:19px}
#projectLoading .logo-symbol img{position:relative;width:100%;height:100%;object-fit:contain;z-index:1;filter:drop-shadow(0 0 16px #f5be2416);animation:mt-breathe 3s ease-in-out infinite}
#projectLoading .logo-glow{position:absolute;inset:-22px;background:radial-gradient(ellipse,#f5be2410,transparent 65%);opacity:.8}
#projectLoading .wordmark{display:flex;align-items:center;justify-content:center;height:38px;font-family:"Arial Black",Arial,sans-serif;font-size:39px;font-weight:900;letter-spacing:-2px;line-height:1;color:#edf0f3}
#projectLoading .wordmark span:last-child,#projectLoading .header-word span:last-child{color:#ffc500}
#projectLoading .header-word{display:flex;font-family:"Arial Black",Arial,sans-serif;font-size:24px;font-weight:900;letter-spacing:-1px;line-height:1;color:#edf0f3}
#projectLoading .project-label{margin-top:28px;color:#8e98a3;font-size:12px;letter-spacing:.2px}
#projectLoading .project-label span{color:#d6dce3;margin-left:4px}
#projectLoading .loading-track{margin-top:18px;width:220px;height:3px;border-radius:3px;background:#ffffff0c;overflow:hidden}
#projectLoading .loading-track span{display:block;width:42%;height:100%;background:var(--mt-yellow);border-radius:3px;animation:mt-scan 1.8s ease-in-out infinite}
#projectLoading .loading-status{margin-top:13px;min-height:20px;font-size:12px;color:#a0a9b4;transition:opacity 180ms ease}
#projectLoading .company{position:absolute;bottom:26px;left:0;right:0;display:flex;gap:8px;align-items:center;justify-content:center;color:#76818e;font-size:10px;letter-spacing:.3px}
#projectLoading .company img{width:18px;height:18px;object-fit:contain;opacity:.7}
@keyframes mt-scan{0%{transform:translateX(-110%)}100%{transform:translateX(345%)}}
@keyframes mt-breathe{0%,100%{filter:drop-shadow(0 0 10px #f5be2408)}50%{filter:drop-shadow(0 0 20px #f5be242a)}}
@media(max-width:600px){#projectLoading .project-window{height:500px}#projectLoading aside{display:none}#projectLoading header{gap:10px;padding:0 12px}#projectLoading .project-name{display:none}#projectLoading .header-brand img:last-child{width:80px}#projectLoading .org{padding:5px 8px;font-size:11px}#projectLoading .avatar{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){#projectLoading *,#projectLoading *::after{animation:none!important;transition:none!important}#projectLoading .loading-track span{transform:none;width:100%;opacity:.65}}

#projectLoading .map-fold,#projectLoading .map-pin{background-image:url("maptern-symbol.png");background-size:100% 100%;background-repeat:no-repeat}
/* Independently hinged folds; the location pin stays anchored. */
#projectLoading .logo-symbol{perspective:520px;isolation:isolate}
#projectLoading .map-fold,#projectLoading .map-pin{position:absolute;inset:0;display:block}
#projectLoading .map-fold img,#projectLoading .map-pin img{animation:none;filter:none}
#projectLoading .fold-1{clip-path:polygon(0% 17%,22% 0%,22% 76%,0% 100%);transform-origin:22% 42%;animation:mt-fold-a 5.4s ease-in-out infinite}
#projectLoading .fold-2{clip-path:polygon(22% 0%,48.5% 26%,48.5% 100%,22% 76%);transform-origin:22% 42%;animation:mt-fold-b 5.4s .18s ease-in-out infinite}
#projectLoading .fold-3{clip-path:polygon(48.5% 26%,77% 0%,77% 40.5%,74% 42%,68.5% 47.2%,65.8% 54.3%,64.9% 63%,66% 71.3%,69.3% 79.1%,48.5% 100%);transform-origin:48.5% 60%;animation:mt-fold-a 5.4s .36s ease-in-out infinite}
#projectLoading .fold-4{clip-path:polygon(77% 0%,100% 20%,100% 49%,95.9% 49.2%,90.4% 42.5%,82.2% 39.4%,77% 40.5%);transform-origin:77% 25%;animation:mt-fold-b 5.4s .54s ease-in-out infinite}
#projectLoading .map-pin{z-index:3;clip-path:polygon(82.2% 39.4%,90.4% 42.5%,95.9% 49.2%,98.9% 57.1%,99.2% 64.2%,97.8% 71.7%,94.8% 79.1%,82.2% 100%,69.3% 79.1%,66% 71.3%,64.9% 63%,65.8% 54.3%,68.5% 47.2%,74% 42%,77% 40.5%)}
@keyframes mt-fold-a{0%,18%,100%{transform:rotateY(0deg) rotateZ(0deg) translateY(0)}38%{transform:rotateY(-9deg) rotateZ(-.65deg) translateY(-.65px)}63%{transform:rotateY(6deg) rotateZ(.35deg) translateY(.35px)}82%{transform:rotateY(-2deg) rotateZ(-.15deg) translateY(0)}}
@keyframes mt-fold-b{0%,18%,100%{transform:rotateY(0deg) rotateZ(0deg) translateY(0)}38%{transform:rotateY(8deg) rotateZ(.5deg) translateY(.4px)}63%{transform:rotateY(-6deg) rotateZ(-.4deg) translateY(-.5px)}82%{transform:rotateY(2deg) rotateZ(.1deg) translateY(0)}}
@media(prefers-reduced-motion:reduce){#projectLoading .map-fold{animation:none!important;transform:none!important}}
#projectLoading .logo-symbol .map-fold{animation:none!important;will-change:transform;backface-visibility:visible}

#projectLoading .logo-symbol{perspective:none;transform-style:preserve-3d}
#projectLoading .map-fold,#projectLoading .map-pin{backface-visibility:hidden;transform-style:preserve-3d;will-change:transform}
#projectLoading .logo-symbol{perspective:680px;transform-style:preserve-3d}
#projectLoading .map-fold,#projectLoading .map-pin{backface-visibility:visible}
#projectLoading .map-pin{z-index:8;transform-origin:82% 100%;will-change:transform,opacity}

#projectLoading .logo-symbol .fold-3{clip-path:polygon(48.5% 26%,77% 0%,77% 76%,48.5% 100%);background-image:linear-gradient(120deg,#edf1f4,#e7ebef)!important}
#projectLoading .logo-symbol .fold-4{clip-path:polygon(77% 0%,100% 20%,100% 96%,77% 76%);background-image:linear-gradient(120deg,#ffd21b,#ffc500)!important}
#projectLoading .map-pin{transform-origin:82.2% 100%}

#projectLoading .logo-symbol{height:97.425px}
#projectLoading .logo-symbol .exact-mark{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;animation:none!important;filter:none;z-index:10;opacity:0;pointer-events:none}

#projectLoading .original-paper{position:absolute;inset:0;display:block;background-image:url("maptern-symbol.png");background-size:100% 100%;background-repeat:no-repeat;opacity:0}
#projectLoading .original-third{clip-path:polygon(48.5% 26%,77% 0%,77% 40.5%,74% 42%,68.5% 47.2%,65.8% 54.3%,64.9% 63%,66% 71.3%,69.3% 79.1%,48.5% 100%)}
#projectLoading .original-fourth{clip-path:polygon(77% 0%,100% 20%,100% 49%,95.9% 49.2%,90.4% 42.5%,82.2% 39.4%,77% 40.5%)}

#projectLoading .logo-symbol .fold-3,#projectLoading .logo-symbol .fold-4{background-image:none!important}
#projectLoading .fold-3::before,#projectLoading .fold-4::before{content:"";position:absolute;inset:0;opacity:var(--paper-fill,1)}
#projectLoading .fold-3::before{background:linear-gradient(120deg,#edf1f4,#e7ebef)}
#projectLoading .fold-4::before{background:linear-gradient(120deg,#ffd21b,#ffc500)}
#projectLoading .original-paper{z-index:1}

#projectLoading{position:fixed;inset:0;z-index:10000;background:#080a0c}
#projectLoading .loading-screen{position:absolute;inset:0}
#projectLoading .loading-screen.done{opacity:0;pointer-events:none}
#projectLoading .wordmark{width:216px;height:41px;object-fit:contain;display:block}
#projectLoading .loading-back{position:absolute;top:max(22px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));color:#a0a9b4;font-size:12px;padding:10px 0;text-decoration:none}
#projectLoading .loading-back:hover{color:#f2f2f2;text-decoration:underline}
#projectLoading .company{font-size:11px;bottom:max(26px,env(safe-area-inset-bottom))}
#projectLoading .project-title{overflow-wrap:anywhere}
body.project-opening #busyBox,body.project-opening #hexLoad{visibility:hidden}