.gd-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(5,2,12,.78);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:gd-fade .18s ease-out}@keyframes gd-fade{0%{opacity:0}to{opacity:1}}.gd-modal{width:520px;max-width:100%;max-height:calc(100vh - 48px);overflow-y:auto;background:var(--surface-1);border:1px solid var(--border-card);border-radius:var(--radius-dialog,20px);box-shadow:0 0 40px rgba(114,95,249,.15);padding:22px 22px 18px;animation:gd-pop .22s cubic-bezier(.2,1.4,.4,1)}@keyframes gd-pop{0%{transform:translateY(10px) scale(.97);opacity:0}to{transform:none;opacity:1}}.gd-kick{font-size:var(--type-caption);letter-spacing:2px;color:var(--pink)}.gd-title{font-size:var(--type-body);letter-spacing:1px;color:var(--text);margin:8px 0 6px;text-shadow:none}.gd-tagline{font-size:var(--type-secondary);color:var(--muted);margin:0 0 14px;line-height:1.5}.gdd{position:relative;height:150px;border:2px solid var(--line);overflow:hidden;margin-bottom:16px;background-color:var(--bg);background-image:linear-gradient(45deg,#1b0f30 25%,transparent 0),linear-gradient(-45deg,#1b0f30 25%,transparent 0),linear-gradient(45deg,transparent 75%,#1b0f30 0),linear-gradient(-45deg,transparent 75%,#1b0f30 0);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0}.gdd-blob{image-rendering:pixelated;display:block}.gdd-crop .gdd-photo{position:absolute;inset:16px 90px 16px 90px;background:linear-gradient(135deg,#2a1650,#0c3a55);animation:gdd-crop-photo 4.2s infinite}.gdd-crop .gdd-photo .gdd-blob{position:absolute;left:50%;top:50%;width:64px;height:48px;transform:translate(-50%,-50%)}.gdd-crop .gdd-box{position:absolute;left:calc(50% - 46px);top:calc(50% - 36px);width:92px;height:72px;border:2px dashed var(--accent);box-shadow:0 0 0 600px rgba(0,0,0,.55);animation:gdd-crop-box 4.2s infinite}@keyframes gdd-crop-photo{0%,52%{-webkit-clip-path:inset(0);clip-path:inset(0)}60%,90%{-webkit-clip-path:inset(17% 27% 17% 27%);clip-path:inset(17% 27% 17% 27%)}to{-webkit-clip-path:inset(0);clip-path:inset(0)}}@keyframes gdd-crop-box{0%,10%{opacity:0;transform:scale(1.5)}22%,52%{opacity:1;transform:scale(1)}60%,to{opacity:0;transform:scale(1)}}.gdd-bgrm .gdd-bg{position:absolute;inset:16px 110px 16px 110px;background:linear-gradient(160deg,#2c9e63,#17b57e);animation:gdd-bgrm-bg 4s infinite}.gdd-bgrm .gdd-blob{position:absolute;left:50%;top:50%;width:88px;height:66px;transform:translate(-50%,-50%);filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}@keyframes gdd-bgrm-bg{0%,38%{opacity:1}62%,88%{opacity:0}to{opacity:1}}.gdd-pal .gdd-band,.gdd-pal .gdd-grad{position:absolute;inset:20px 70px 44px 70px;border:1px solid rgba(114,95,249,.3)}.gdd-pal .gdd-grad{background:linear-gradient(90deg,var(--purple),var(--orange),var(--success),var(--cyan))}.gdd-pal .gdd-band{background:linear-gradient(90deg,var(--purple) 0 25%,var(--orange) 25% 50%,var(--success) 50% 75%,var(--cyan) 75% 100%);animation:gdd-pal-band 4s infinite}.gdd-pal .gdd-swatches{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:4px;animation:gdd-pal-band 4s infinite}.gdd-pal .gdd-swatches i{width:14px;height:14px;border:1px solid rgba(0,0,0,.5)}@keyframes gdd-pal-band{0%,34%{opacity:0}56%,90%{opacity:1}to{opacity:0}}.gdd-sheet .gdd-strip{position:absolute;left:26px;top:50%;transform:translateY(-50%);display:flex;background:var(--panel);border:2px solid var(--line)}.gdd-sheet .gdd-cell{width:52px;height:60px;position:relative;border-right:1px dashed rgba(114,95,249,.35)}.gdd-sheet .gdd-cell:last-child{border-right:none}.gdd-sheet .gdd-cell .gdd-blob{position:absolute;left:50%;bottom:8px;width:34px;height:26px;transform:translateX(-50%)}.gdd-sheet .gdd-cell:nth-child(2) .gdd-blob{bottom:16px}.gdd-sheet .gdd-cell:nth-child(3) .gdd-blob{bottom:22px}.gdd-sheet .gdd-cell:nth-child(4) .gdd-blob{bottom:14px}.gdd-sheet .gdd-scan{position:absolute;left:0;top:0;width:52px;height:100%;border:2px solid var(--accent);background:rgba(55,179,208,.08);animation:gdd-sheet-scan 2.4s steps(4,jump-none) infinite}@keyframes gdd-sheet-scan{0%{transform:translateX(0)}to{transform:translateX(156px)}}.gdd-sheet .gdd-arrow{right:118px;color:var(--muted);font-size:var(--type-body)}.gdd-sheet .gdd-arrow,.gdd-sheet .gdd-play{position:absolute;top:50%;transform:translateY(-50%)}.gdd-sheet .gdd-play{right:26px;width:78px;height:64px;border:2px solid var(--pink);background:var(--bg)}.gdd-sheet .gdd-play .gdd-blob{position:absolute;left:50%;bottom:8px;width:40px;height:30px;transform:translateX(-50%);animation:gdd-sheet-hop 2.4s steps(1) infinite}@keyframes gdd-sheet-hop{0%{bottom:8px}25%{bottom:16px}50%{bottom:22px}75%{bottom:14px}to{bottom:8px}}.gdd-vf .gdd-film{position:absolute;left:24px;right:24px;top:18px;height:44px;background:repeating-linear-gradient(90deg,#fff 0 6px,transparent 6px 16px) 0 0 /100% 6px no-repeat,repeating-linear-gradient(90deg,#fff 0 6px,transparent 6px 16px) 0 100% /100% 6px no-repeat,linear-gradient(90deg,var(--panel-2),#241440);border:2px solid var(--line)}.gdd-vf .gdd-frame{position:absolute;top:26px;width:58px;height:44px;background:linear-gradient(135deg,#2a1650,#0c3a55);border:2px solid var(--accent);opacity:0}.gdd-vf .gdd-frame .gdd-blob{position:absolute;left:50%;top:50%;width:30px;height:22px;transform:translate(-50%,-50%)}.gdd-vf .gdd-frame.f1{left:calc(50% - 102px);animation:gdd-vf-drop 4.2s 0s infinite}.gdd-vf .gdd-frame.f2{left:calc(50% - 29px);animation:gdd-vf-drop 4.2s .35s infinite}.gdd-vf .gdd-frame.f3{left:calc(50% + 44px);animation:gdd-vf-drop 4.2s .7s infinite}@keyframes gdd-vf-drop{0%,18%{opacity:0;transform:translateY(0)}32%,82%{opacity:1;transform:translateY(56px)}94%,to{opacity:0;transform:translateY(56px)}}.gdd-persp .gdd-quad{position:absolute;left:50%;top:50%;width:170px;height:108px;transform:translate(-50%,-50%);background:repeating-linear-gradient(0deg,rgba(55,179,208,.35) 0 1px,transparent 1px 18px),repeating-linear-gradient(90deg,rgba(55,179,208,.35) 0 1px,transparent 1px 22px),linear-gradient(135deg,#241440,#142a44);animation:gdd-persp 4.2s infinite}@keyframes gdd-persp{0%,34%{-webkit-clip-path:polygon(18% 12%,88% 2%,74% 92%,4% 74%);clip-path:polygon(18% 12%,88% 2%,74% 92%,4% 74%)}58%,90%{-webkit-clip-path:polygon(6% 6%,94% 6%,94% 94%,6% 94%);clip-path:polygon(6% 6%,94% 6%,94% 94%,6% 94%)}to{-webkit-clip-path:polygon(18% 12%,88% 2%,74% 92%,4% 74%);clip-path:polygon(18% 12%,88% 2%,74% 92%,4% 74%)}}.gdd-persp .gdd-dot{position:absolute;width:8px;height:8px;background:var(--pink);box-shadow:0 0 8px rgba(249,89,151,.7);animation:gdd-persp-dot 4.2s infinite}@keyframes gdd-persp-dot{0%,34%{opacity:1}50%,to{opacity:0}}.gdd-persp .gdd-dot.d1{left:calc(50% - 58px);top:calc(50% - 42px)}.gdd-persp .gdd-dot.d2{left:calc(50% + 61px);top:calc(50% - 52px)}.gdd-persp .gdd-dot.d3{left:calc(50% + 38px);top:calc(50% + 42px)}.gdd-persp .gdd-dot.d4{left:calc(50% - 81px);top:calc(50% + 24px)}.gd-steps{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:10px}.gd-steps li{display:flex;align-items:flex-start;gap:10px}.gd-num{flex:none;width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:var(--bg);background:var(--pink);border-radius:var(--radius-pill);box-shadow:none}.gd-num,.gd-steps li b{font-size:var(--type-caption)}.gd-steps li b{display:block;font-weight:400;letter-spacing:1.5px;color:var(--accent);margin:2px 0 3px}.gd-steps li span{font-size:var(--type-secondary);color:var(--text);line-height:1.5}.gd-foot{justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:14px}.gd-foot,.gd-skip{display:flex;align-items:center}.gd-skip{gap:7px;font-size:var(--type-caption);color:var(--muted);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gd-skip input{accent-color:var(--pink);width:14px;height:14px;cursor:pointer}.mtool-page .gd-go{font-family:inherit;font-size:var(--type-secondary);font-weight:700;color:var(--btn-text-on-primary);background:var(--btn-fill-primary);border:none;border-radius:var(--radius-dialog);padding:9px 18px;cursor:pointer;transition:filter .12s}.mtool-page .gd-go:hover{filter:brightness(.92)}