@media screen and (max-width:600px){.menu-sidebar-container{width:48px!important}.sidebar-operate-btn,.user-menu-icon{display:none!important}}.scroll-area-root{overflow:hidden;--scrollbar-size:10px}.scroll-area-viewport{width:100%;height:100%;border-radius:inherit}.scroll-area-viewport>div{display:block!important}.scroll-area-scrollbar{display:-webkit-flex;display:flex;-webkit-user-select:none;user-select:none;touch-action:none;padding:2px;background:transparent;transition:background .16s ease-out}.scroll-area-scrollbar:hover{background:transparent}.scroll-area-scrollbar[data-orientation=vertical]{width:var(--scrollbar-size)}.scroll-area-thumb{-webkit-flex:1;flex:1;background:#000;border-radius:var(--scrollbar-size);position:relative}.scroll-area-thumb:before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;min-width:44px;min-height:22px}.scroll-area-corner{background:#0ff}.copilot-pricing-animation{-webkit-animation:copilot-pricing-animation .6s ease-in-out;animation:copilot-pricing-animation .6s ease-in-out}@-webkit-keyframes copilot-pricing-animation{0%{opacity:0;scale:.95}60%{opacity:1;scale:1.05}to{opacity:1;scale:1}}@keyframes copilot-pricing-animation{0%{opacity:0;scale:.95}60%{opacity:1;scale:1.05}to{opacity:1;scale:1}}.banner{width:100%;max-width:650px;min-width:380px;min-height:280px;background:linear-gradient(145deg,#0f0f23,#1a1a2e);border-radius:20px;box-shadow:0 12px 35px rgba(60,30,237,.3);position:relative;overflow:hidden;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:25px 30px;color:#fff;border:1px solid rgba(60,30,237,.3)}.banner:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#3c1eed,#6b46ff,#9b7eff,#3c1eed);-webkit-animation:rainbow 3s linear infinite;animation:rainbow 3s linear infinite}.header{-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:20px;z-index:2}.header,.logo{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.logo{gap:8px}.figma-logo,.ps-logo{width:48px;height:48px;border-radius:12px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-weight:700;font-size:24px;box-shadow:0 5px 12px rgba(0,0,0,.3)}.ps-logo{background:linear-gradient(135deg,#31a8ff,#06c)}.figma-logo{background:linear-gradient(135deg,#a259ff,#6e3aff)}.title{font-size:clamp(22px,5vw,30px);font-weight:700;text-align:center;background:linear-gradient(90deg,#3c1eed,#6b46ff,#9b7eff,#3c1eed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.2);margin-bottom:15px;z-index:2;line-height:1.2}.subtitle{font-size:clamp(16px,3.5vw,20px);text-align:center;color:#b8a9ff;margin-bottom:25px;z-index:2;line-height:1.3;padding:0 10px}.animation-area{position:relative;-webkit-flex:1;flex:1;overflow:visible;border-radius:12px;background:rgba(60,30,237,.1);border:1px solid rgba(60,30,237,.3);min-height:160px}.file{width:clamp(42px,8vw,55px);height:clamp(48px,9vw,60px);background:linear-gradient(135deg,#3c1eed,#2a15c7);border-radius:8px;box-shadow:0 5px 10px rgba(60,30,237,.4);font-size:clamp(11px,3vw,14px);text-align:center;-webkit-transform-origin:center;transform-origin:center;z-index:5;opacity:0}.file,.file:before{position:absolute;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-weight:700;color:#fff}.file:before{content:"";top:-4px;right:-4px;width:12px;height:12px;background:#ff6b46;border-radius:50%;font-size:8px}.conversion-path{position:absolute;top:50%;left:0;right:0;height:2px;background:rgba(60,30,237,.3);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.conversion-path:before{content:"";position:absolute;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,#3c1eed,#6b46ff);-webkit-animation:pathFill 3s ease-in-out infinite;animation:pathFill 3s ease-in-out infinite}.conversion-point{position:absolute;width:16px;height:16px;border-radius:50%;background:#3c1eed;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);box-shadow:0 0 12px #3c1eed}.point-1{left:20%;-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}.point-2{left:50%;-webkit-animation:pulse 2s .5s infinite;animation:pulse 2s .5s infinite}.point-3{left:80%;-webkit-animation:pulse 2s 1s infinite;animation:pulse 2s 1s infinite}.figma-result{top:50%;right:22px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:clamp(55px,10vw,65px);height:clamp(55px,10vw,65px);background:linear-gradient(135deg,#3c1eed,#6b46ff);border-radius:50%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-size:clamp(16px,4vw,22px);box-shadow:0 0 25px rgba(60,30,237,.6);-webkit-animation:pulseResult 2s infinite;animation:pulseResult 2s infinite;z-index:4}.batch-indicator,.figma-result{position:absolute;font-weight:700;color:#fff}.batch-indicator{top:12px;left:12px;background:rgba(60,30,237,.9);padding:4px 10px;border-radius:12px;font-size:clamp(8px,2vw,11px);z-index:6;-webkit-animation:batchPulse 3s infinite;animation:batchPulse 3s infinite;text-transform:uppercase;letter-spacing:.5px}.progress-bar{position:absolute;bottom:10px;left:18px;right:18px;height:5px;background:hsla(0,0%,100%,.2);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#31a8ff,#a259ff);border-radius:2px;-webkit-animation:progressFill 4s ease-in-out infinite;animation:progressFill 4s ease-in-out infinite}.cta-button{display:block;margin:20px auto 0;background:linear-gradient(90deg,#3c1eed,#6b46ff);color:#fff;border:none;padding:10px 24px;border-radius:30px;font-weight:600;font-size:clamp(14px,3.5vw,18px);cursor:pointer;box-shadow:0 5px 18px rgba(60,30,237,.4);transition:all .3s ease;-webkit-animation:breathe 1.5s ease-in-out infinite;animation:breathe 1.5s ease-in-out infinite}.cta-button:hover{-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0 6px 20px rgba(60,30,237,.6);-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes fileMoveAnimation{0%{left:-10%;-webkit-transform:translateY(-50%) rotate(-5deg) scale(.8);transform:translateY(-50%) rotate(-5deg) scale(.8);opacity:0}15%{opacity:1;left:5%;-webkit-transform:translateY(-50%) rotate(0deg) scale(1);transform:translateY(-50%) rotate(0deg) scale(1)}85%{opacity:1;left:75%;-webkit-transform:translateY(-50%) rotate(0deg) scale(1);transform:translateY(-50%) rotate(0deg) scale(1)}to{left:85%;-webkit-transform:translateY(-50%) rotate(5deg) scale(.8);transform:translateY(-50%) rotate(5deg) scale(.8);opacity:0}}@keyframes fileMoveAnimation{0%{left:-10%;-webkit-transform:translateY(-50%) rotate(-5deg) scale(.8);transform:translateY(-50%) rotate(-5deg) scale(.8);opacity:0}15%{opacity:1;left:5%;-webkit-transform:translateY(-50%) rotate(0deg) scale(1);transform:translateY(-50%) rotate(0deg) scale(1)}85%{opacity:1;left:75%;-webkit-transform:translateY(-50%) rotate(0deg) scale(1);transform:translateY(-50%) rotate(0deg) scale(1)}to{left:85%;-webkit-transform:translateY(-50%) rotate(5deg) scale(.8);transform:translateY(-50%) rotate(5deg) scale(.8);opacity:0}}@-webkit-keyframes pathFill{0%{width:0}50%{width:100%}to{width:100%}}@keyframes pathFill{0%{width:0}50%{width:100%}to{width:100%}}@-webkit-keyframes pulse{0%{box-shadow:0 0 0 0 rgba(60,30,237,.7)}70%{box-shadow:0 0 0 10px rgba(60,30,237,0)}to{box-shadow:0 0 0 0 rgba(60,30,237,0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(60,30,237,.7)}70%{box-shadow:0 0 0 10px rgba(60,30,237,0)}to{box-shadow:0 0 0 0 rgba(60,30,237,0)}}@-webkit-keyframes pulseResult{0%{box-shadow:0 0 0 0 rgba(60,30,237,.6)}50%{box-shadow:0 0 0 15px rgba(60,30,237,.2)}to{box-shadow:0 0 0 0 rgba(60,30,237,0)}}@keyframes pulseResult{0%{box-shadow:0 0 0 0 rgba(60,30,237,.6)}50%{box-shadow:0 0 0 15px rgba(60,30,237,.2)}to{box-shadow:0 0 0 0 rgba(60,30,237,0)}}@-webkit-keyframes rainbow{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes rainbow{0%{background-position:0 50%}to{background-position:100% 50%}}@-webkit-keyframes batchPulse{0%,to{opacity:.7;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes batchPulse{0%,to{opacity:.7;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}}@-webkit-keyframes progressFill{0%{width:0}25%{width:30%}50%{width:60%}75%{width:85%}to{width:100%}}@keyframes progressFill{0%{width:0}25%{width:30%}50%{width:60%}75%{width:85%}to{width:100%}}@-webkit-keyframes breathe{0%{-webkit-transform:scale(1);transform:scale(1);box-shadow:0 4px 15px rgba(60,30,237,.4)}50%{-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0 6px 20px rgba(60,30,237,.6)}to{-webkit-transform:scale(1);transform:scale(1);box-shadow:0 4px 15px rgba(60,30,237,.4)}}@keyframes breathe{0%{-webkit-transform:scale(1);transform:scale(1);box-shadow:0 4px 15px rgba(60,30,237,.4)}50%{-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0 6px 20px rgba(60,30,237,.6)}to{-webkit-transform:scale(1);transform:scale(1);box-shadow:0 4px 15px rgba(60,30,237,.4)}}@media (max-width:640px){.banner{min-width:350px;min-height:240px;padding:20px 25px}.animation-area{height:140px}.figma-result{right:15px}.cta-button{padding:8px 18px;margin:18px auto 0}@-webkit-keyframes fileMoveAnimation{0%{left:-10%;-webkit-transform:translateY(-50%) rotate(-5deg) scale(.8);transform:translateY(-50%) rotate(-5deg) scale(.8);opacity:0}15%{opacity:1;left:5%;-webkit-transform:translateY(-50%) rotate(0deg) scale(1);transform:translateY(-50%) rotate(0deg) scale(1)}85%{opacity:1;left:75%;-webkit-transform:translateY(-50%) rotate(0deg) scale(1);transform:translateY(-50%) rotate(0deg) scale(1)}to{left:85%;-webkit-transform:translateY(-50%) rotate(5deg) scale(.8);transform:translateY(-50%) rotate(5deg) scale(.8);opacity:0}}@keyframes fileMoveAnimation{0%{left:-10%;-webkit-transform:translateY(-50%) rotate(-5deg) scale(.8);transform:translateY(-50%) rotate(-5deg) scale(.8);opacity:0}15%{opacity:1;left:5%;-webkit-transform:translateY(-50%) rotate(0deg) scale(1);transform:translateY(-50%) rotate(0deg) scale(1)}85%{opacity:1;left:75%;-webkit-transform:translateY(-50%) rotate(0deg) scale(1);transform:translateY(-50%) rotate(0deg) scale(1)}to{left:85%;-webkit-transform:translateY(-50%) rotate(5deg) scale(.8);transform:translateY(-50%) rotate(5deg) scale(.8);opacity:0}}}@media (max-width:480px){.banner{min-width:320px;min-height:220px;padding:18px 22px}.animation-area{height:140px}.subtitle{margin-bottom:18px}.cta-button{padding:7px 16px;margin:16px auto 0}@-webkit-keyframes fileMoveAnimation{0%{left:-10%;-webkit-transform:translateY(-50%) rotate(-5deg) scale(.8);transform:translateY(-50%) rotate(-5deg) scale(.8);opacity:0}15%{opacity:1;left:5%;-webkit-transform:translateY(-50%) rotate(0deg) scale(1);transform:translateY(-50%) rotate(0deg) scale(1)}85%{opacity:1;left:75%;-webkit-transform:translateY(-50%) rotate(0deg) scale(1);transform:translateY(-50%) rotate(0deg) scale(1)}to{left:85%;-webkit-transform:translateY(-50%) rotate(5deg) scale(.8);transform:translateY(-50%) rotate(5deg) scale(.8);opacity:0}}@keyframes fileMoveAnimation{0%{left:-10%;-webkit-transform:translateY(-50%) rotate(-5deg) scale(.8);transform:translateY(-50%) rotate(-5deg) scale(.8);opacity:0}15%{opacity:1;left:5%;-webkit-transform:translateY(-50%) rotate(0deg) scale(1);transform:translateY(-50%) rotate(0deg) scale(1)}85%{opacity:1;left:75%;-webkit-transform:translateY(-50%) rotate(0deg) scale(1);transform:translateY(-50%) rotate(0deg) scale(1)}to{left:85%;-webkit-transform:translateY(-50%) rotate(5deg) scale(.8);transform:translateY(-50%) rotate(5deg) scale(.8);opacity:0}}}@media (max-width:360px){.banner{min-width:300px;min-height:200px;padding:15px 18px}.animation-area{height:140px}.cta-button{padding:6px 14px;margin:14px auto 0}@-webkit-keyframes fileMoveAnimation{0%{left:-10%;-webkit-transform:translateY(-50%) rotate(-5deg) scale(.8);transform:translateY(-50%) rotate(-5deg) scale(.8);opacity:0}15%{opacity:1;left:5%;-webkit-transform:translateY(-50%) rotate(0deg) scale(1);transform:translateY(-50%) rotate(0deg) scale(1)}85%{opacity:1;left:75%;-webkit-transform:translateY(-50%) rotate(0deg) scale(1);transform:translateY(-50%) rotate(0deg) scale(1)}to{left:85%;-webkit-transform:translateY(-50%) rotate(5deg) scale(.8);transform:translateY(-50%) rotate(5deg) scale(.8);opacity:0}}@keyframes fileMoveAnimation{0%{left:-10%;-webkit-transform:translateY(-50%) rotate(-5deg) scale(.8);transform:translateY(-50%) rotate(-5deg) scale(.8);opacity:0}15%{opacity:1;left:5%;-webkit-transform:translateY(-50%) rotate(0deg) scale(1);transform:translateY(-50%) rotate(0deg) scale(1)}85%{opacity:1;left:75%;-webkit-transform:translateY(-50%) rotate(0deg) scale(1);transform:translateY(-50%) rotate(0deg) scale(1)}to{left:85%;-webkit-transform:translateY(-50%) rotate(5deg) scale(.8);transform:translateY(-50%) rotate(5deg) scale(.8);opacity:0}}}