.devtools-button{position:fixed;bottom:20px;right:20px;z-index:20000;padding:10px;background-color:#beee11;color:#000;border-radius:8px;border:none;box-shadow:0 0 12px #beee114d;cursor:pointer;transition:transform .2s}.devtools-button:hover{transform:scale(1.05)}.devtools-button:active{transform:scale(.95)}.devtools-button svg{width:20px;height:20px}.devtools-panel{position:fixed;z-index:20001;display:flex;flex-direction:column;background-color:#161616f2;color:#fff;border-radius:28px;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1);width:420px;top:100px;left:20px}.devtools-header{cursor:grab;padding:20px;display:flex;align-items:center;justify-content:space-between}.devtools-header:active{cursor:grabbing}.devtools-header-content{display:flex;align-items:center;gap:14px}.devtools-icon-box{width:48px;height:48px;background-color:#beee11;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#000}.devtools-icon-box svg{width:24px;height:24px}.devtools-title{display:flex;flex-direction:column}.devtools-title h3{font-weight:700;font-size:16px;line-height:1.2;margin:0}.devtools-title span{color:#ffffff4d;font-size:12px}.devtools-close-button{width:32px;height:32px;background-color:#fff;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#000;border:none;cursor:pointer;transition:background-color .2s;box-shadow:0 2px 4px #0000001a}.devtools-close-button:hover{background-color:#ffffffe6}.devtools-close-button svg{width:16px;height:16px}.devtools-tabs{padding:0 20px;display:flex;gap:12px;border-bottom:1px solid rgba(255,255,255,.05);overflow-x:auto}.devtools-tabs::-webkit-scrollbar{display:none}.devtools-tab{padding:12px;font-size:11px;font-weight:700;transition:all .2s;text-transform:uppercase;letter-spacing:1.5px;background:none;border:none;cursor:pointer;color:#ffffff4d;border-bottom:2px solid transparent}.devtools-tab.active{color:#beee11;border-bottom-color:#beee11}.devtools-tab:hover:not(.active){color:#ffffff80}.devtools-content{padding:20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex-grow:1;max-height:600px}.devtools-content::-webkit-scrollbar{width:6px}.devtools-content::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:3px}.devtools-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:3px}.devtools-content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}.devtools-info-box{background-color:#0000004d;border-radius:16px;padding:12px;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:12px}.devtools-info-label{display:flex;align-items:center;gap:8px;color:#beee1199}.devtools-info-label svg{width:14px;height:14px}.devtools-info-label span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:2px}.devtools-info-value{background-color:#1a1a1a;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.devtools-info-value span{color:#beee11;font-size:15px;font-weight:700;font-family:monospace;text-transform:uppercase;letter-spacing:.5px}.devtools-info-value p{color:#ffffff1a;font-style:italic;font-size:12px}.devtools-action-button{width:100%;height:48px;padding:4px;border-radius:12px;display:flex;align-items:center;gap:10px;transition:all .2s;border:1px solid rgba(255,255,255,.05);background-color:#ffffff0d;color:#ffffff80;cursor:pointer}.devtools-action-button:active{transform:scale(.98)}.devtools-action-button:hover{background-color:#ffffff1a;color:#fff}.devtools-action-button.active,.devtools-action-button.primary{background-color:#beee111a;color:#beee11;border-color:#beee1133}.devtools-action-button.primary:hover{background-color:#beee1133}.devtools-action-button.danger{background-color:#ef44441a;color:#ef4444;border-color:#ef444433}.devtools-action-button.danger:hover{background-color:#ef444433}.devtools-action-icon{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:#ffffff0d;color:#fff3}.devtools-action-icon svg{width:16px;height:16px}.active .devtools-action-icon{background-color:#000;color:#beee11}.primary .devtools-action-icon{background-color:#beee11;color:#000}.danger .devtools-action-icon{background-color:#ef4444;color:#fff}.devtools-action-label{font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.devtools-overlay-list{background-color:#0000004d;border-radius:16px;padding:10px;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto}.devtools-overlay-list::-webkit-scrollbar{width:6px}.devtools-overlay-list::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:3px}.devtools-overlay-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:3px}.devtools-overlay-list::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}.devtools-overlay-item{display:flex;align-items:center;justify-content:space-between;padding:8px;border-radius:11px;border:1px solid rgba(255,255,255,.05);background-color:#ffffff0d;transition:all .2s;cursor:pointer}.devtools-overlay-item:hover{border-color:#ffffff1a}.devtools-overlay-item.active{background-color:#beee111a;border-color:#beee114d}.devtools-overlay-item-content{display:flex;align-items:center;gap:10px}.devtools-overlay-item-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:#ffffff0d;color:#fff6}.devtools-overlay-item-icon svg{width:16px;height:16px}.active .devtools-overlay-item-icon{background-color:#beee11;color:#000}.devtools-overlay-item-name{font-size:12px;font-weight:700;color:#fff9}.active .devtools-overlay-item-name{color:#beee11}.devtools-overlay-item-radio{width:20px;height:20px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background-color:#ffffff0d;display:flex;align-items:center;justify-content:center}.active .devtools-overlay-item-radio{border-color:#beee11;background-color:#beee11}.devtools-overlay-item-radio-dot{width:6px;height:6px;border-radius:50%;background-color:#000}.devtools-opacity-control{background-color:#0000004d;border-radius:16px;padding:16px;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:12px}.devtools-opacity-header{display:flex;align-items:center;justify-content:space-between}.devtools-opacity-header span:first-child{font-size:10px;font-weight:700;color:#fff3;text-transform:uppercase;letter-spacing:2px}.devtools-opacity-header span:last-child{color:#beee11;font-size:12px;font-weight:700}.devtools-opacity-slider{width:100%;height:6px;background-color:#0006;border-radius:8px;appearance:none;cursor:pointer}.devtools-opacity-slider::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background-color:#beee11;border-radius:50%;cursor:pointer}.devtools-opacity-slider::-moz-range-thumb{width:16px;height:16px;background-color:#beee11;border-radius:50%;cursor:pointer;border:none}.design-overlay{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:9999}.design-overlay img{width:100%;height:100%;object-fit:contain}.devtools-figma-preview{display:none}.figma-inventory{position:relative;width:max-content;transform:scale(.62);transform-origin:top left;display:flex;flex-direction:column;align-items:flex-start;isolation:isolate;gap:8px;text-align:left;font-size:21px;color:#e3e3e3;font-family:Gilroy-Bold,Arial,sans-serif}.figma-header{align-self:stretch;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:0;flex-shrink:0;font-size:20px}.figma-title{display:flex;align-items:center;gap:8px}.figma-icon{height:60px;width:60px;display:flex;align-items:center}.figma-icon2{height:56.6px;width:56.6px;box-shadow:0 0 34px #beee114d;border-radius:7px;background:linear-gradient(135deg,#beee11,rgba(190,238,17,.25))}.figma-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.figma-pockets{align-self:stretch;position:relative;letter-spacing:-.04em}.figma-items-on-your{position:relative;font-size:11px;letter-spacing:-.04em;font-family:Gilroy-Medium,Arial,sans-serif;color:#a6a6a6;margin-top:-2px}.figma-weight{display:flex;align-items:center;justify-content:flex-end;gap:13px;text-align:center;font-size:13px;color:#f7f8f8}.figma-kg{position:relative;letter-spacing:-.01em;filter:drop-shadow(0 0 42.67px rgba(0,0,0,.25))}.figma-kg span{color:#e3e3e380}.figma-bar{display:flex;align-items:center;gap:4px}.figma-bar2{height:18px;width:8px;position:relative;box-shadow:0 0 34px #ffffff4d;border-radius:2px;background:linear-gradient(0deg,#fff 62.16%,rgba(221,221,221,.28) 95.93%);border:.4px solid #f7f8f8;box-sizing:border-box}.figma-bar5{height:18px;width:8px;position:relative;border-radius:2px;background-color:#d9d9d93d}.figma-slot-wrap{height:424px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;z-index:1;flex-shrink:0;font-size:11px}.figma-quick-access{align-self:stretch;display:flex;align-items:center;gap:8px}.figma-quick-slot{display:flex;align-items:center;position:relative;isolation:isolate;gap:10px}.figma-slot2{height:100px;width:100px;border-radius:6px;background:linear-gradient(96.22deg,rgba(242,242,242,.08),rgba(217,217,217,.08));border:.4px solid rgba(242,242,242,.32);box-sizing:border-box;overflow:hidden;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;z-index:0}.figma-slot-number{height:34px;width:34px;margin:0!important;position:absolute;top:-17px;left:calc(50% - 17px);display:flex;align-items:center;justify-content:center;z-index:1;flex-shrink:0}.figma-icon3{height:27.6px;width:27.6px;border-radius:5px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff}.figma-slot7{align-self:stretch;flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.figma-slot8{align-self:stretch;display:flex;align-items:center;gap:8px;flex-shrink:0}.figma-slot9,.figma-slot23{height:100px;width:100px;border-radius:6px;border:.6px solid rgba(244,244,245,.28);box-shadow:inset 0 0 0 .4px #0000002e;box-sizing:border-box;overflow:hidden;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;isolation:isolate;gap:0;cursor:pointer}.figma-slot9:after,.figma-slot23:after{content:"";position:absolute;inset:0;z-index:6;border-radius:inherit;padding:.8px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 70%,var(--figma-slot-border-color) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.figma-slot9{--figma-slot-border-color: rgba(255, 141, 28, .96);background:radial-gradient(92.5% 92.5% at 50% 96.67%,rgba(255,141,28,.3),rgba(255,141,28,0)),radial-gradient(162.64% 201.13% at 55.91% 56.82%,rgba(217,217,217,0) 24.86%,rgba(217,217,217,.16)),linear-gradient(rgba(8,8,8,.69),rgba(8,8,8,.69)),linear-gradient(rgba(28,28,28,.2),rgba(28,28,28,.2)),linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.figma-slot23{--figma-slot-border-color: rgba(210, 28, 255, .98);background:radial-gradient(92.5% 92.5% at 50% 96.67%,rgba(210,28,255,.3),rgba(210,28,255,0)),radial-gradient(162.64% 201.13% at 55.91% 56.82%,rgba(217,217,217,0) 24.86%,rgba(217,217,217,.16)),linear-gradient(rgba(8,8,8,.69),rgba(8,8,8,.69)),linear-gradient(rgba(28,28,28,.2),rgba(28,28,28,.2)),linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.figma-rarity-icon,.figma-rarity-icon3{width:36px;height:36px;position:absolute;margin:0!important;top:68px;left:-3px;opacity:.6;z-index:0;flex-shrink:0;background:currentColor;clip-path:polygon(0 0,0 100%,100% 100%)}.figma-slot9 .figma-rarity-icon{color:#ff8d1c}.figma-slot23 .figma-rarity-icon{color:#d21cff}.figma-status{align-self:stretch;height:23px;overflow:hidden;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;padding:4px;box-sizing:border-box;z-index:1}.figma-image-icon,.figma-image-icon3,.figma-image-icon4{width:80px;height:80px;position:relative;z-index:2;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:34px;filter:drop-shadow(0 8px 8px rgba(0,0,0,.5))}.figma-name-item,.figma-name-item3,.figma-name-item4{align-self:stretch;height:24px;overflow:hidden;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:2px;box-sizing:border-box;z-index:3;text-align:left;color:#e3e3e3;font-family:Gilroy-Bold,Arial,sans-serif}.figma-text3{align-self:stretch;display:flex;align-items:center;justify-content:space-between;padding:0 4px;gap:20px}.figma-text3 div{position:relative;letter-spacing:-.04em}.figma-text3 div:last-child{font-family:Gilroy-Regular,Arial,sans-serif;color:#adadad}.figma-slot10{height:100px;width:100px;border-radius:6px;background:linear-gradient(96.22deg,rgba(242,242,242,.05),rgba(217,217,217,.05));border:.4px solid rgba(242,242,242,.16);box-sizing:border-box;overflow:hidden;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.figma-slot24{height:100px;width:100px;border-radius:6px;background:linear-gradient(96.22deg,rgba(242,242,242,.08),rgba(217,217,217,.08));border:.4px solid rgba(242,242,242,.32);box-sizing:border-box;overflow:hidden;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:0;cursor:pointer;text-align:center;color:#0a0a0a;font-family:Gilroy-ExtraBold,Arial,sans-serif}.figma-status3{align-self:stretch;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;padding:4px}.figma-status4{height:15px;border-radius:4px;background:linear-gradient(0deg,#beee11 62.16%,rgba(190,238,17,.28) 95.93%);border:.4px solid #beee11;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:1px 6px;font-size:10px}.figma-slot25{height:100px;width:100px;border-radius:6px;background:radial-gradient(85% 85% at 50% 72%,rgba(221,221,221,.2),rgba(221,221,221,0)) padding-box,radial-gradient(162.64% 201.13% at 55.91% 56.82%,rgba(217,217,217,0) 24.86%,rgba(217,217,217,.16)) padding-box,linear-gradient(rgba(28,28,28,.2),rgba(28,28,28,.2)) padding-box,linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)) padding-box,radial-gradient(108.75% 108.75% at 50% 126.25%,rgba(221,221,221,.9) 35.63%,rgba(221,221,221,0)) border-box;border:.4px solid transparent;box-sizing:border-box;overflow:hidden;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;isolation:isolate;gap:0;cursor:pointer}.figma-status5{align-self:stretch;height:23px;overflow:hidden;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;padding:4px;box-sizing:border-box;z-index:0}.figma-image-icon4{z-index:1}.figma-name-item4{z-index:2}.figma-rarity-icon3{opacity:.4;z-index:3;color:#dddc}.figma-hotbar,.figma-inventory2{height:26px;position:absolute;margin:0!important;left:-42px;letter-spacing:-.04em;color:#e3e3e333;display:inline-block;transform:rotate(-90deg);transform-origin:0 0;flex-shrink:0}.figma-hotbar{width:77px;top:156px;text-align:center;z-index:2}.figma-inventory2{width:105px;top:281px;z-index:3}