@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#eef1f4;background:#080b10;font-synthesis:none;--red:#ef3340;--muted:#77808c;--line:rgba(255,255,255,.12);--panel:rgba(12,16,22,.68)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:4px}button{border:0;background:none}a{color:inherit;text-decoration:none}#viewport{position:absolute;inset:0}#viewport canvas{display:block;width:100%;height:100%;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 53% 45%,transparent 35%,rgba(2,4,7,.26) 72%,rgba(2,4,7,.75) 110%)}.noise{position:absolute;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.topbar{position:absolute;z-index:10;top:0;left:0;right:0;height:94px;padding:0 42px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(6,9,13,.7),transparent)}.brand{display:flex;align-items:center;gap:14px;min-width:310px}.brand-mark{display:flex;gap:3px;align-items:flex-end;width:32px;height:36px;transform:skew(-8deg)}.brand-mark i{display:block;width:8px;background:var(--red)}.brand-mark i:nth-child(1){height:25px}.brand-mark i:nth-child(2){height:36px}.brand-mark i:nth-child(3){height:30px}.brand strong{font:700 23px/1 Barlow Condensed,sans-serif;letter-spacing:1.5px}.brand strong span{color:var(--red);margin:0 5px}.brand small{display:block;font:500 8px/1.8 Inter,sans-serif;letter-spacing:2.2px;color:#737d88}.top-meta{display:flex;align-items:center;gap:9px;margin:auto;font:500 9px Inter,sans-serif;letter-spacing:1.6px;color:#87909b}.live-dot{width:5px;height:5px;border-radius:50%;background:#77d9ae;box-shadow:0 0 8px #77d9ae}.divider{height:12px;width:1px;background:var(--line);margin:0 10px}.top-actions{display:flex;gap:22px}.text-button{font-size:11px;color:#a5adb7;padding:10px 0;transition:.2s}.text-button:hover,.text-button[aria-pressed=true]{color:#fff}.text-button[aria-pressed=true]{border-bottom:1px solid var(--red)}.button-icon{font-size:16px;margin-right:6px;color:#d6dbe0}.interface{position:absolute;inset:94px 0 174px;pointer-events:none}.interface button{pointer-events:auto}.hero-copy{position:absolute;left:43px;top:53px;width:310px}.eyebrow{font:500 9px Inter,sans-serif;letter-spacing:2px;color:#89929d;display:flex;align-items:center;gap:11px}.eyebrow span{font:600 10px Inter;color:var(--red);border:1px solid rgba(239,51,64,.45);padding:4px 5px;letter-spacing:0}.hero-copy h1{font:700 54px/.91 Barlow Condensed,sans-serif;letter-spacing:-.6px;margin:23px 0 18px}.hero-copy h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(238,241,244,.65)}.hero-copy>p{font-size:11px;line-height:1.9;color:#8c949e;letter-spacing:.8px}.mode-readout{display:flex;align-items:center;gap:13px;margin-top:31px}.mode-line{height:32px;width:2px;background:var(--red);box-shadow:0 0 14px #ef334066}.mode-readout small{display:block;font-size:7px;letter-spacing:1.7px;color:#646e79;margin-bottom:6px}.mode-readout strong{font:600 15px Barlow Condensed,sans-serif;letter-spacing:1.4px}.stage-panel{position:absolute;right:42px;top:47px;width:224px;pointer-events:auto}.panel-heading{display:flex;justify-content:space-between;align-items:center;font:500 8px Inter;letter-spacing:1.8px;color:#7c8793;padding-bottom:14px;border-bottom:1px solid var(--line)}.panel-heading b{font:500 12px Barlow Condensed;color:#e4e8eb;letter-spacing:1px}.stage-list{padding-top:11px}.stage-item{position:relative;width:100%;display:flex;align-items:center;text-align:left;gap:14px;padding:10px 0;color:#626d79;transition:.25s}.stage-item:before{content:"";position:absolute;left:4px;top:30px;bottom:-5px;width:1px;background:#ffffff1a}.stage-item:last-child:before{display:none}.stage-dot{width:9px;height:9px;border:1px solid #505a66;border-radius:50%;flex:none;position:relative;transition:.25s}.stage-item.active .stage-dot{border-color:var(--red);background:var(--red);box-shadow:0 0 0 4px #ef33401f,0 0 12px #ef334066}.stage-item.passed .stage-dot{border-color:#9b2c34;background:#9b2c34}.stage-item:hover{color:#c5cbd1}.stage-item.active{color:#fff}.stage-name{font-size:10px;letter-spacing:1px}.stage-num{font:500 9px Barlow Condensed;margin-left:auto;color:#4d5864}.stage-item.active .stage-num{color:var(--red)}.stage-detail{margin-top:14px;padding:14px 15px;background:linear-gradient(110deg,#ffffff0b,#ffffff03);border-left:1px solid #424b55}.stage-detail span{font:500 8px Inter;letter-spacing:1.6px;color:#9aa3ad}.stage-detail p{font-size:10px;line-height:1.75;color:#6f7a86;margin:8px 0 0}.camera-presets{position:absolute;left:43px;bottom:28px;display:flex;gap:5px;pointer-events:auto}.camera-presets button{width:30px;height:28px;border:1px solid var(--line);font:500 9px Inter;color:#737e89;background:#0a0e1373;transition:.2s}.camera-presets button:hover,.camera-presets button.active{color:#fff;border-color:#7d8791;background:#ffffff12}.control-deck{position:absolute;z-index:10;bottom:0;left:0;right:0;height:174px;padding:18px 42px 0;background:linear-gradient(0deg,rgba(7,10,14,.96),rgba(7,10,14,.76) 65%,transparent);border-top:1px solid rgba(255,255,255,.06)}.deck-top{height:47px;display:flex;align-items:flex-start;justify-content:space-between}.hint{font-size:9px;color:#69747f;letter-spacing:.7px;display:flex;align-items:center;gap:9px;padding-top:10px}.mouse-icon{width:11px;height:16px;border:1px solid #66717c;border-radius:6px;position:relative}.mouse-icon:before{content:"";position:absolute;left:4px;top:3px;width:1px;height:4px;background:#8a949e}.transport{display:flex;align-items:center;gap:19px;margin-left:85px;margin-top:-12px}.transport-secondary{font-size:10px;color:#7c8791;display:flex;gap:7px;align-items:center;padding:10px}.transport-secondary:hover{color:#fff}.transport-secondary:first-child{font-size:17px}.transport-secondary:last-child{font-size:17px}.transport-secondary span{font-size:9px}.play-button{width:45px;height:45px;border:1px solid rgba(255,255,255,.25);border-radius:50%;font-size:12px;background:#ffffff0b;box-shadow:0 0 0 6px #ffffff05;transition:.2s}.play-button:hover{border-color:var(--red);background:#ef33401f}.reset-button{font-size:9px;color:#79848f;padding-top:9px}.reset-button span{margin-left:10px}.timeline-wrap{display:flex;align-items:center;gap:15px;margin-top:6px}.timecode{font:500 10px Barlow Condensed;letter-spacing:1px;color:#8c96a0}.timeline-track{position:relative;flex:1;height:27px;display:flex;align-items:center}#timeline{position:relative;z-index:2;width:100%;height:2px;margin:0;appearance:none;background:linear-gradient(90deg,var(--red) var(--progress,0%),rgba(255,255,255,.17) var(--progress,0%));cursor:pointer}#timeline::-webkit-slider-thumb{appearance:none;width:9px;height:16px;background:#f0f2f4;border:3px solid #12171d;box-shadow:0 0 0 1px #ffffff73;border-radius:1px}#timeline::-moz-range-thumb{width:7px;height:14px;background:#f0f2f4;border:2px solid #12171d;border-radius:1px}.timeline-ticks{position:absolute;left:0;right:0;top:18px;display:flex;justify-content:space-between}.timeline-ticks i{height:3px;width:1px;background:#ffffff2e}.primary-action-wrap{position:absolute;right:43px;top:22px;display:flex;align-items:center;gap:18px}.primary-action{height:46px;min-width:178px;padding:0 19px;background:var(--red);display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;letter-spacing:1.5px;box-shadow:0 8px 30px #ef334026;transition:.25s;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}.primary-action:hover{background:#ff4652;transform:translateY(-2px);box-shadow:0 10px 35px #ef334047}.primary-action i{font-style:normal;font-size:20px;font-weight:400}.primary-action-wrap small{font-size:7px;letter-spacing:1.4px;color:#515c67}.labels-layer{position:fixed;inset:0;overflow:hidden;pointer-events:none}.model-label{position:absolute;white-space:nowrap;font:500 8px Inter;letter-spacing:1.1px;color:#cdd3d9;opacity:0;transition:opacity .25s;text-shadow:0 1px 3px #000}.model-label:before{content:"";display:inline-block;width:5px;height:5px;border:1px solid var(--red);border-radius:50%;margin-right:7px;box-shadow:0 0 7px var(--red)}.model-label:after{content:"";position:absolute;height:1px;width:24px;background:#ef334099;left:-25px;top:5px}.labels-layer.visible .model-label{opacity:1}.part-tooltip{position:fixed;display:none;padding:6px 9px;background:#080b10e0;border:1px solid var(--line);font-size:9px;letter-spacing:.6px;color:#e5e9ed;pointer-events:none}.inspector{position:absolute;right:42px;bottom:25px;width:224px;padding:17px 18px;background:#0b0f15e8;border:1px solid var(--line);border-top:2px solid var(--red);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;opacity:0;transform:translateY(10px);visibility:hidden;transition:.25s}.inspector.visible{opacity:1;transform:none;visibility:visible}.inspector>button{position:absolute;right:8px;top:5px;color:#77818c;font-size:18px}.inspector small{font-size:7px;letter-spacing:1.6px;color:#626d78}.inspector h2{font:600 20px Barlow Condensed;letter-spacing:1px;margin:9px 0 2px}.inspector>span{font:500 8px Inter;color:var(--red);letter-spacing:1.2px}.inspector p{font-size:10px;color:#89939d;line-height:1.7;margin:12px 0}.inspector-meta{display:flex;gap:7px}.inspector-meta span{font-size:6px;letter-spacing:1px;border:1px solid var(--line);padding:4px 5px;color:#737e89}.loading-screen{position:absolute;z-index:50;inset:0;background:#080b10;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .8s,visibility .8s}.loading-screen.loaded{opacity:0;visibility:hidden}.loader-mark{display:flex;align-items:flex-end;gap:4px;height:45px;transform:skew(-8deg);margin-bottom:22px}.loader-mark span{width:10px;background:var(--red);animation:load 1s ease-in-out infinite alternate}.loader-mark span:nth-child(1){height:28px}.loader-mark span:nth-child(2){height:43px;animation-delay:.2s}.loader-mark span:nth-child(3){height:35px;animation-delay:.4s}.loading-screen strong{font:700 23px Barlow Condensed;letter-spacing:3px}.loading-screen small{font-size:7px;letter-spacing:2.5px;color:#69737e;margin-top:8px}.loader-line{width:180px;height:1px;background:#1e252d;margin-top:26px;overflow:hidden}.loader-line i{display:block;width:60%;height:100%;background:var(--red);animation:line 1.2s ease-in-out infinite}@keyframes load{to{opacity:.35;transform:scaleY(.75)}}@keyframes line{0%{transform:translate(-100%)}to{transform:translate(170%)}}@media(max-width:1050px){.topbar{padding:0 24px}.top-meta{display:none}.top-actions{margin-left:auto}.hero-copy{left:25px;width:240px}.hero-copy h1{font-size:44px}.stage-panel{right:25px;width:190px}.control-deck{padding-left:24px;padding-right:24px}.primary-action-wrap{right:25px}.primary-action-wrap small{display:none}.camera-presets{left:25px}.inspector{right:25px}.hint{font-size:8px}}@media(max-width:720px){.topbar{height:70px;padding:0 17px}.brand{min-width:0}.brand strong{font-size:19px}.brand small{font-size:6px;letter-spacing:1.4px}.brand-mark{transform:scale(.8) skew(-8deg);margin-right:-4px}.top-actions{gap:13px}.text-button{font-size:0}.button-icon{font-size:18px;margin:0}.interface{inset:70px 0 150px}.hero-copy{left:18px;top:22px;width:220px}.eyebrow{font-size:7px}.hero-copy h1{font-size:36px;margin:15px 0 9px}.hero-copy>p{display:none}.mode-readout{margin-top:14px}.mode-readout small{font-size:6px}.mode-readout strong{font-size:12px}.stage-panel{right:17px;top:24px;width:110px}.panel-heading span{font-size:6px;letter-spacing:1px}.stage-item{padding:8px 0;gap:8px}.stage-name{font-size:8px}.stage-num,.stage-detail{display:none}.camera-presets{left:18px;bottom:13px}.control-deck{height:150px;padding:15px 18px 0}.deck-top{height:42px}.hint,.reset-button{display:none}.transport{margin:0 auto;gap:12px}.primary-action-wrap{right:18px;top:68px}.primary-action{min-width:122px;height:38px;font-size:9px;padding:0 13px}.timeline-wrap{margin-top:14px;margin-right:140px;gap:8px}.timecode{font-size:8px}.inspector{right:17px;bottom:12px;width:190px}.model-label{font-size:6px}.model-label:after{width:12px;left:-13px}}@media(max-height:700px){.hero-copy{top:25px}.hero-copy h1{font-size:42px}.hero-copy>p{display:none}.stage-panel{top:22px}.stage-item{padding:7px 0}.stage-detail{display:none}.mode-readout{margin-top:17px}}