*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#fafafa;color:#333;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.typing-indicator{display:inline-flex;align-items:center;gap:4px;margin-left:8px}.typing-indicator span{width:6px;height:6px;background:#02dba3;border-radius:50%;animation:typing 1.4s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-10px);opacity:1}}[data-v-ac72a293]{margin:0;padding:0;box-sizing:border-box}body[data-v-ac72a293]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}@keyframes float-ac72a293{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-ac72a293{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn-ac72a293{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate3d-ac72a293{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes nodePulse-ac72a293{0%,to{transform:scale(1);box-shadow:0 0 15px currentColor}50%{transform:scale(1.5);box-shadow:0 0 30px currentColor}}@keyframes particleFloat-ac72a293{0%{transform:translate(0) scale(0);opacity:0}10%{transform:translate(0) scale(1);opacity:1}90%{transform:translate(var(--tx),var(--ty)) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}@keyframes scanLine-ac72a293{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes pulseRing-ac72a293{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}@keyframes filmMove-ac72a293{0%{transform:translate(0)}to{transform:translate(-20px)}}@keyframes glowPulse-ac72a293{0%,to{opacity:.2}50%{opacity:.6}}@keyframes gridMove-ac72a293{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes timelineProgress-ac72a293{0%{width:0%}50%{width:100%}to{width:0%}}.gradient-text[data-v-ac72a293]{background:linear-gradient(135deg,#ef319f,#02dba3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn[data-v-ac72a293]{padding:12px 32px;border-radius:50px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn[data-v-ac72a293]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-v-ac72a293]{background:linear-gradient(135deg,#ef319f,#ff4db8);color:#fff}.btn-primary[data-v-ac72a293]:hover:not(:disabled){background:linear-gradient(135deg,#ff4db8,#ff66c2);transform:translateY(-2px);box-shadow:0 8px 25px #ef319f4d}.btn-secondary[data-v-ac72a293]{background:linear-gradient(135deg,#02dba3,#00f2c9);color:#fff}.btn-secondary[data-v-ac72a293]:hover:not(:disabled){background:linear-gradient(135deg,#00f2c9,#00c9a7);transform:translateY(-2px);box-shadow:0 8px 25px #02dba34d}.input[data-v-ac72a293]{padding:14px 20px;border-radius:12px;border:2px solid #333;font-size:16px;transition:all .3s ease;background:#ffffff0d;font-family:inherit;color:#fff}.input[data-v-ac72a293]::placeholder{color:#fff6}.input[data-v-ac72a293]:focus{outline:none;border-color:#ef319f;box-shadow:0 0 0 4px #ef319f1a;background:#ffffff14}.login-page[data-v-ac72a293]{min-height:100vh;position:relative;overflow:hidden;background:#111213}.bg-decoration[data-v-ac72a293]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.circle[data-v-ac72a293]{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.circle.c1[data-v-ac72a293]{width:400px;height:400px;background:radial-gradient(circle,#ef319f 0%,transparent 70%);top:-100px;right:-100px;animation:float-ac72a293 8s ease-in-out infinite}.circle.c2[data-v-ac72a293]{width:300px;height:300px;background:radial-gradient(circle,#02dba3 0%,transparent 70%);bottom:100px;left:-100px;animation:float-ac72a293 10s ease-in-out infinite reverse}.circle.c3[data-v-ac72a293]{width:200px;height:200px;background:radial-gradient(circle,#ef319f 0%,#02dba3 40%,transparent 70%);bottom:-50px;right:30%;animation:float-ac72a293 12s ease-in-out infinite}.login-container[data-v-ac72a293]{display:flex;min-height:100vh;position:relative;z-index:1}.login-left[data-v-ac72a293]{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background:#111213b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-content[data-v-ac72a293]{width:100%;max-width:420px}.logo[data-v-ac72a293]{display:flex;align-items:center;gap:12px;margin-bottom:32px}.logo-text[data-v-ac72a293]{font-size:28px;font-weight:800}.login-title[data-v-ac72a293]{font-size:32px;font-weight:700;color:#fff;margin-bottom:8px}.login-subtitle[data-v-ac72a293]{font-size:16px;color:#fff9;margin-bottom:40px}.login-form[data-v-ac72a293]{width:100%}.form-group[data-v-ac72a293]{margin-bottom:24px}.form-label[data-v-ac72a293]{display:block;font-size:14px;font-weight:600;color:#fffc;margin-bottom:8px}.form-input[data-v-ac72a293]{width:100%}.password-input[data-v-ac72a293]{position:relative}.password-toggle[data-v-ac72a293]{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#ffffff80;padding:4px;display:flex;align-items:center;justify-content:center}.password-toggle[data-v-ac72a293]:hover{color:#ef319f}.form-options[data-v-ac72a293]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.checkbox-label[data-v-ac72a293]{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#ffffffb3}.checkbox[data-v-ac72a293]{display:none}.checkbox-custom[data-v-ac72a293]{width:18px;height:18px;border:2px solid #333;border-radius:4px;transition:all .3s ease;position:relative}.checkbox:checked+.checkbox-custom[data-v-ac72a293]{background:#ef319f;border-color:#ef319f}.checkbox:checked+.checkbox-custom[data-v-ac72a293]:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.forgot-link[data-v-ac72a293]{font-size:14px;color:#ef319f;text-decoration:none;transition:color .3s ease}.forgot-link[data-v-ac72a293]:hover{color:#ff4db8;text-decoration:underline}.login-btn[data-v-ac72a293]{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px}.divider[data-v-ac72a293]{display:flex;align-items:center;margin:20px 0}.divider[data-v-ac72a293]:before,.divider[data-v-ac72a293]:after{content:"";flex:1;height:1px;background:#333}.divider span[data-v-ac72a293]{padding:0 16px;font-size:14px;color:#666}.register-btn[data-v-ac72a293]{width:100%;margin-bottom:32px}.social-login[data-v-ac72a293]{text-align:center}.social-text[data-v-ac72a293]{font-size:14px;color:#fff9;margin-bottom:16px}.social-icons[data-v-ac72a293]{display:flex;justify-content:center;gap:16px}.social-btn[data-v-ac72a293]{width:48px;height:48px;border-radius:12px;border:1px solid #333;background:#ffffff0d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.social-btn[data-v-ac72a293]:hover{border-color:#ef319f;transform:translateY(-2px);box-shadow:0 4px 20px #ef319f4d;background:#ef319f1a}.login-right[data-v-ac72a293]{flex:1.2;display:flex;align-items:center;justify-content:center;padding:40px;position:relative;overflow:hidden;background:#111213}.showcase[data-v-ac72a293]{text-align:center;max-width:500px;position:relative;z-index:2}.showcase-title[data-v-ac72a293]{font-size:36px;font-weight:700;color:#fff;margin-bottom:12px}.showcase-desc[data-v-ac72a293]{font-size:18px;color:#ffffffb3;margin-bottom:40px}.ai-showcase[data-v-ac72a293]{position:relative;height:450px;margin-bottom:40px;perspective:1000px}.grid-background[data-v-ac72a293]{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:linear-gradient(rgba(239,49,159,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(239,49,159,.05) 1px,transparent 1px);background-size:40px 40px;animation:gridMove-ac72a293 20s linear infinite;transform:rotateX(60deg);pointer-events:none}.glow-layers[data-v-ac72a293]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.glow-layer[data-v-ac72a293]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;filter:blur(60px);opacity:0;animation:glowPulse-ac72a293 4s ease-in-out infinite}.layer-1[data-v-ac72a293]{width:300px;height:300px;background:radial-gradient(circle,#ef319f 0%,transparent 70%);animation-delay:0s}.layer-2[data-v-ac72a293]{width:250px;height:250px;background:radial-gradient(circle,#02dba3 0%,transparent 70%);animation-delay:1.3s}.layer-3[data-v-ac72a293]{width:200px;height:200px;background:radial-gradient(circle,#ef319f 0%,#02dba3 40%,transparent 70%);animation-delay:2.6s}.ai-main-core[data-v-ac72a293]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:180px;z-index:3}.image-cube[data-v-ac72a293]{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:rotate3d-ac72a293 10s linear infinite}.cube-image[data-v-ac72a293]{position:absolute;width:180px;height:180px;border:1px solid;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;background:#0000004d}.cube-image img[data-v-ac72a293]{width:100%;height:100%;object-fit:cover;filter:brightness(.8) contrast(1.2)}.face-front[data-v-ac72a293]{transform:translateZ(90px);border-color:#ef319f;box-shadow:0 0 40px #ef319f80}.face-back[data-v-ac72a293]{transform:rotateY(180deg) translateZ(90px);border-color:#02dba3;box-shadow:0 0 40px #02dba380}.face-left[data-v-ac72a293]{transform:rotateY(-90deg) translateZ(90px);border-color:#ef319f;box-shadow:0 0 40px #ef319f4d}.face-right[data-v-ac72a293]{transform:rotateY(90deg) translateZ(90px);border-color:#02dba3;box-shadow:0 0 40px #02dba34d}.face-top[data-v-ac72a293]{transform:rotateX(90deg) translateZ(90px);border-color:#ef319f;box-shadow:0 0 40px #ef319f4d}.face-bottom[data-v-ac72a293]{transform:rotateX(-90deg) translateZ(90px);border-color:#02dba3;box-shadow:0 0 40px #02dba34d}.neural-network[data-v-ac72a293]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.network-node[data-v-ac72a293]{position:absolute;width:10px;height:10px;border-radius:50%;background:currentColor;animation:nodePulse-ac72a293 3s ease-in-out infinite}.network-node[data-v-ac72a293]:nth-child(odd){color:#ef319f}.network-node[data-v-ac72a293]:nth-child(2n){color:#02dba3}.node-1[data-v-ac72a293]{top:20%;left:10%;animation-delay:0s}.node-2[data-v-ac72a293]{top:15%;right:20%;animation-delay:.5s}.node-3[data-v-ac72a293]{top:40%;left:5%;animation-delay:1s}.node-4[data-v-ac72a293]{top:35%;right:10%;animation-delay:1.5s}.node-5[data-v-ac72a293]{bottom:30%;left:15%;animation-delay:2s}.node-6[data-v-ac72a293]{bottom:25%;right:15%;animation-delay:2.5s}.node-7[data-v-ac72a293]{top:60%;left:50%;animation-delay:.3s}.node-8[data-v-ac72a293]{bottom:10%;left:45%;animation-delay:1.8s}.network-connections[data-v-ac72a293]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.3}.particle-system[data-v-ac72a293]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4}.data-particle[data-v-ac72a293]{position:absolute;width:4px;height:4px;border-radius:50%;background:#ef319f;opacity:0;animation:particleFloat-ac72a293 6s ease-in-out infinite}.data-particle[data-v-ac72a293]:nth-child(2n){background:#02dba3}.particle-1[data-v-ac72a293]{top:50%;left:50%;--tx: -100px;--ty: -100px;animation-delay:0s}.particle-2[data-v-ac72a293]{top:50%;left:50%;--tx: 100px;--ty: -80px;animation-delay:.8s}.particle-3[data-v-ac72a293]{top:50%;left:50%;--tx: -80px;--ty: 100px;animation-delay:1.6s}.particle-4[data-v-ac72a293]{top:50%;left:50%;--tx: 120px;--ty: 90px;animation-delay:2.4s}.particle-5[data-v-ac72a293]{top:30%;left:30%;--tx: -50px;--ty: -60px;animation-delay:3.2s}.particle-6[data-v-ac72a293]{top:70%;left:70%;--tx: 60px;--ty: 70px;animation-delay:4s}.particle-7[data-v-ac72a293]{top:20%;left:80%;--tx: -40px;--ty: 80px;animation-delay:4.8s}.particle-8[data-v-ac72a293]{top:80%;left:20%;--tx: 50px;--ty: -70px;animation-delay:5.6s}.scan-lines[data-v-ac72a293]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent 0%,rgba(239,49,159,.05) 50%,transparent 100%);animation:scanLine-ac72a293 8s linear infinite;pointer-events:none}.pulse-rings[data-v-ac72a293]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;z-index:1}.pulse-ring[data-v-ac72a293]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid;border-radius:50%;opacity:0;animation:pulseRing-ac72a293 3s ease-out infinite}.pulse-ring.ring-1[data-v-ac72a293]{width:100px;height:100px;border-color:#ef319f;animation-delay:0s}.pulse-ring.ring-2[data-v-ac72a293]{width:150px;height:150px;border-color:#02dba3;animation-delay:1s}.pulse-ring.ring-3[data-v-ac72a293]{width:200px;height:200px;border-color:#ef319f;animation-delay:2s}.video-elements[data-v-ac72a293]{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px;z-index:5}.film-strip[data-v-ac72a293]{display:flex;gap:4px;animation:filmMove-ac72a293 2s ease-in-out infinite alternate}.film-frame[data-v-ac72a293]{width:12px;height:20px;background:#ef319f99;border-radius:2px}.film-frame[data-v-ac72a293]:nth-child(2n){background:#02dba399}.play-button[data-v-ac72a293]{width:40px;height:40px;border:2px solid #ef319f;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ef319f1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;transition:all .3s ease}.play-button[data-v-ac72a293]:hover{transform:scale(1.1);box-shadow:0 0 30px #ef319f99}.play-triangle[data-v-ac72a293]{width:0;height:0;border-left:12px solid #ef319f;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:4px}.timeline-bar[data-v-ac72a293]{width:120px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;position:relative;box-shadow:inset 0 0 5px #00000080}.timeline-progress[data-v-ac72a293]{width:0%;height:100%;background:linear-gradient(90deg,#ef319f,#02dba3,#ef319f);background-size:200% 100%;animation:timelineProgress-ac72a293 4s ease-in-out infinite;box-shadow:0 0 15px #ef319fcc;position:relative}.timeline-progress[data-v-ac72a293]:after{content:"";position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:timelineProgress-ac72a293 4s ease-in-out infinite}.features[data-v-ac72a293]{display:flex;justify-content:center;gap:32px;z-index:2;position:relative}.feature-item[data-v-ac72a293]{display:flex;align-items:center;gap:8px;font-size:14px;color:#fffc}.feature-icon[data-v-ac72a293]{width:32px;height:32px;background:#ef319f1a;border-radius:8px;display:flex;align-items:center;justify-content:center}@media(max-width:1024px){.login-container[data-v-ac72a293]{flex-direction:column}.login-left[data-v-ac72a293],.login-right[data-v-ac72a293]{padding:32px 24px}.showcase-title[data-v-ac72a293]{font-size:28px}.ai-showcase[data-v-ac72a293]{height:350px}.image-cube[data-v-ac72a293],.cube-image[data-v-ac72a293]{width:150px;height:150px}.face-front[data-v-ac72a293]{transform:translateZ(75px)}.face-back[data-v-ac72a293]{transform:rotateY(180deg) translateZ(75px)}.face-left[data-v-ac72a293]{transform:rotateY(-90deg) translateZ(75px)}.face-right[data-v-ac72a293]{transform:rotateY(90deg) translateZ(75px)}.face-top[data-v-ac72a293]{transform:rotateX(90deg) translateZ(75px)}.face-bottom[data-v-ac72a293]{transform:rotateX(-90deg) translateZ(75px)}}@media(max-width:640px){.login-title[data-v-ac72a293],.showcase-title[data-v-ac72a293]{font-size:24px}.features[data-v-ac72a293]{flex-direction:column;gap:16px}.ai-showcase[data-v-ac72a293]{height:300px}.video-elements[data-v-ac72a293]{gap:10px}.timeline-bar[data-v-ac72a293]{width:80px}.film-strip[data-v-ac72a293]{display:none}}[data-v-36d651f4]{margin:0;padding:0;box-sizing:border-box}body[data-v-36d651f4]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}@keyframes fadeIn-36d651f4{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes typing-36d651f4{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-10px);opacity:1}}.gradient-text[data-v-36d651f4]{background:linear-gradient(135deg,#ef319f,#02dba3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.workspace[data-v-36d651f4]{height:100vh;display:flex;flex-direction:column;background:#1a1a1a}.navbar[data-v-36d651f4]{height:64px;background:#1e1e1ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:100}.nav-left[data-v-36d651f4]{flex:1}.nav-center[data-v-36d651f4]{flex:1;display:flex;justify-content:center}.nav-right[data-v-36d651f4]{flex:1;display:flex;justify-content:flex-end}.logo[data-v-36d651f4]{display:flex;align-items:center;gap:8px}.logo-text[data-v-36d651f4]{font-size:18px;font-weight:700}.nav-tabs[data-v-36d651f4]{display:flex;background:#ffffff0d;border-radius:12px;padding:4px}.nav-tab[data-v-36d651f4]{padding:8px 20px;border:none;background:none;color:#fff9;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .3s ease}.nav-tab.active[data-v-36d651f4]{background:linear-gradient(135deg,#ef319f,#ff4db8);color:#fff}.nav-tab[data-v-36d651f4]:not(.active):hover{color:#fff}.user-menu[data-v-36d651f4]{display:flex;align-items:center;gap:16px}.credits[data-v-36d651f4]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#ef319f1a;border-radius:20px;font-size:14px;color:#ef319f}.avatar[data-v-36d651f4]{width:36px;height:36px;border-radius:50%;overflow:hidden;border:2px solid rgba(239,49,159,.3)}.avatar img[data-v-36d651f4]{width:100%;height:100%;object-fit:cover}.main-area[data-v-36d651f4]{flex:1;display:flex;overflow:hidden}.chat-panel[data-v-36d651f4]{width:50%;display:flex;flex-direction:column;background:#fafafa;border-right:1px solid #E8E8E8}.chat-header[data-v-36d651f4]{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #E8E8E8;background:#fff}.chat-title[data-v-36d651f4]{font-size:18px;font-weight:600;color:#1a1a1a}.chat-actions[data-v-36d651f4]{display:flex;gap:8px}.action-btn[data-v-36d651f4]{width:36px;height:36px;border:none;background:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .3s ease}.action-btn[data-v-36d651f4]:hover{background:#f5f5f5;color:#333}.chat-messages[data-v-36d651f4]{flex:1;overflow-y:auto;padding:20px}.message[data-v-36d651f4]{margin-bottom:20px}.message-content[data-v-36d651f4]{display:flex;gap:12px;align-items:flex-start}.message-avatar[data-v-36d651f4]{width:40px;height:40px;border-radius:50%;flex-shrink:0;overflow:hidden}.user-avatar img[data-v-36d651f4]{width:100%;height:100%;object-fit:cover}.ai-avatar[data-v-36d651f4]{background:linear-gradient(135deg,#ef319f,#ff4db8);display:flex;align-items:center;justify-content:center}.message-body[data-v-36d651f4]{flex:1;max-width:calc(100% - 60px)}.message-text[data-v-36d651f4]{background:#fff;padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.6;color:#333;box-shadow:0 2px 8px #0000000d}.ai-text[data-v-36d651f4]{background:linear-gradient(135deg,#ef319f0d,#02dba30d);border:1px solid rgba(2,219,163,.1)}.message-image[data-v-36d651f4]{margin-bottom:8px}.message-image img[data-v-36d651f4]{max-width:200px;max-height:200px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.message-video[data-v-36d651f4]{margin-top:12px}.message-video video[data-v-36d651f4]{width:100%;max-width:300px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.message-gallery[data-v-36d651f4]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.gallery-item[data-v-36d651f4]{cursor:pointer;border-radius:8px;overflow:hidden;transition:all .3s ease}.gallery-item[data-v-36d651f4]:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.gallery-item img[data-v-36d651f4]{width:100%;height:120px;object-fit:cover}.chat-input-area[data-v-36d651f4]{padding:20px;background:#fff;border-top:1px solid #E8E8E8}.quick-prompts[data-v-36d651f4]{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto;padding-bottom:8px}.prompt-btn[data-v-36d651f4]{padding:6px 12px;border:1px solid #E8E8E8;background:#fafafa;border-radius:16px;font-size:12px;color:#666;cursor:pointer;white-space:nowrap;transition:all .3s ease}.prompt-btn[data-v-36d651f4]:hover{border-color:#02dba3;color:#02dba3;background:#02dba30d}.input-wrapper[data-v-36d651f4]{position:relative}.input-container[data-v-36d651f4]{display:flex;gap:8px;align-items:flex-end;background:#fafafa;border-radius:16px;padding:12px;border:2px solid transparent;transition:all .3s ease}.input-container[data-v-36d651f4]:focus-within{border-color:#02dba3;background:#fff}.input-tools[data-v-36d651f4]{display:flex;gap:4px}.tool-btn[data-v-36d651f4]{width:36px;height:36px;border:none;background:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .3s ease}.tool-btn[data-v-36d651f4]:hover{background:#e8e8e8;color:#02dba3}.message-input[data-v-36d651f4]{flex:1;border:none;background:none;font-size:14px;line-height:1.5;resize:none;max-height:100px;min-height:36px;padding:8px 0;font-family:inherit}.message-input[data-v-36d651f4]:focus{outline:none}.message-input[data-v-36d651f4]:disabled{opacity:.5;cursor:not-allowed}.input-actions[data-v-36d651f4]{display:flex;align-items:center}.send-btn[data-v-36d651f4],.stop-btn[data-v-36d651f4]{width:40px;height:40px;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.send-btn[data-v-36d651f4]{background:linear-gradient(135deg,#ef319f,#ff4db8);color:#fff}.send-btn[data-v-36d651f4]:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #ef319f4d}.send-btn[data-v-36d651f4]:disabled{opacity:.5;cursor:not-allowed}.stop-btn[data-v-36d651f4]{background:linear-gradient(135deg,#ff4757,#ff3742);color:#fff;animation:pulse 1.5s ease-in-out infinite}.stop-btn[data-v-36d651f4]:hover{transform:scale(1.05)}.image-preview[data-v-36d651f4]{position:relative;margin-top:12px;display:inline-block}.image-preview img[data-v-36d651f4]{max-width:100px;max-height:100px;border-radius:8px;object-fit:cover}.remove-image[data-v-36d651f4]{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border:none;background:#ff4757;color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.canvas-panel[data-v-36d651f4]{width:50%;display:flex;flex-direction:column;background:#1a1a1a;position:relative}.canvas-panel[data-v-36d651f4]:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.canvas-header[data-v-36d651f4]{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.1);background:#1e1e1ecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.canvas-title[data-v-36d651f4]{font-size:18px;font-weight:600;color:#fff}.canvas-actions[data-v-36d651f4]{display:flex;gap:8px}.canvas-content[data-v-36d651f4]{flex:1;overflow-y:auto;padding:20px;position:relative;z-index:1}.empty-canvas[data-v-36d651f4]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff9;text-align:center}.empty-icon[data-v-36d651f4]{margin-bottom:24px;opacity:.5}.empty-canvas h3[data-v-36d651f4]{font-size:24px;font-weight:600;margin-bottom:8px;color:#fff}.empty-canvas p[data-v-36d651f4]{font-size:16px;max-width:400px}.result-container[data-v-36d651f4]{display:flex;flex-direction:column;gap:20px}.result-card[data-v-36d651f4]{background:#fffffff2;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,255,255,.2);animation:fadeIn-36d651f4 .5s ease}.video-result video[data-v-36d651f4]{width:100%;max-height:400px;object-fit:contain;background:#000}.image-viewer[data-v-36d651f4]{display:flex;justify-content:center;padding:20px;background:#00000080}.image-viewer img[data-v-36d651f4]{max-width:100%;max-height:400px;border-radius:8px;box-shadow:0 8px 32px #0000004d}.result-info[data-v-36d651f4]{padding:20px}.result-info h4[data-v-36d651f4]{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.result-info p[data-v-36d651f4]{font-size:14px;color:#666;margin-bottom:16px;line-height:1.5}.result-meta[data-v-36d651f4]{display:flex;gap:16px;flex-wrap:wrap}.meta-item[data-v-36d651f4]{display:flex;align-items:center;gap:6px;font-size:12px;color:#999}.history-panel[data-v-36d651f4]{background:#ffffff0d;border-radius:12px;padding:16px;margin-top:20px}.history-panel h4[data-v-36d651f4]{color:#fff;font-size:16px;margin-bottom:12px}.history-grid[data-v-36d651f4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.history-item[data-v-36d651f4]{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;aspect-ratio:1}.history-item img[data-v-36d651f4]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.history-item:hover img[data-v-36d651f4]{transform:scale(1.1)}.history-overlay[data-v-36d651f4]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:8px;font-size:10px;color:#fff;opacity:0;transition:opacity .3s ease}.history-item:hover .history-overlay[data-v-36d651f4]{opacity:1}@media(max-width:1024px){.main-area[data-v-36d651f4]{flex-direction:column}.chat-panel[data-v-36d651f4],.canvas-panel[data-v-36d651f4]{width:100%;height:50vh}.nav-center[data-v-36d651f4]{display:none}.nav-left[data-v-36d651f4],.nav-right[data-v-36d651f4]{flex:none}}@media(max-width:640px){.navbar[data-v-36d651f4]{padding:0 16px}.credits span[data-v-36d651f4],.quick-prompts[data-v-36d651f4]{display:none}.message-gallery[data-v-36d651f4]{grid-template-columns:1fr}}
