*{margin:0;padding:0;box-sizing:border-box;font-size:1rem}:root{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}body{margin:0;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;width:100%;height:100%;color:#fff}#app{width:100%;height:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}button{border:none;border-radius:25px;padding:12px 24px;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s ease;outline:none;position:relative;overflow:hidden}button:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}h2{text-align:center;padding:.5rem 1rem}.actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.btn{padding:12px 24px;border:none;border-radius:25px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:120px;text-align:center;text-decoration:none}.btn-primary{background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #ff6b6b66}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3)}.btn-secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.loading-section{text-align:center}.loading-section p{margin-top:1rem;font-size:1.2rem}.camera-section[data-v-1587db16]{display:flex;height:100%;flex-direction:column}.camera-view[data-v-1587db16]{flex-grow:1;position:relative;width:100%;text-align:center;height:100%;display:flex;flex-direction:column;overflow:hidden}.error-message[data-v-1587db16]{background:#ff00001a;border:2px solid rgba(255,0,0,.3);border-radius:10px;padding:2rem;margin:1rem 0}.error-message p[data-v-1587db16]{margin:0 0 1rem;color:#ff6b6b;font-weight:700}.btn-retry[data-v-1587db16]{background:#ff6b6b;color:#fff;border:none;padding:10px 20px;border-radius:20px;cursor:pointer;font-weight:700;transition:all .3s ease}.btn-retry[data-v-1587db16]:hover{background:#ee5a24;transform:translateY(-2px)}.camera-container[data-v-1587db16]{position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d;height:100%;display:flex;flex-direction:column}.camera-video[data-v-1587db16]{width:100%;height:100dvh;overflow:hidden;margin:0;padding:0;object-fit:cover;box-sizing:border-box;display:block}.top-controls[data-v-1587db16]{position:absolute;top:10px;margin:0 auto;display:flex;gap:10px;z-index:20;justify-content:space-between;width:100%;padding:0 1rem}.icon-btn[data-v-1587db16]{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.4);border-radius:20px;padding:6px 10px;cursor:pointer;font-weight:700;transition:all .2s ease;text-decoration:none}.icon-btn[data-v-1587db16]:hover{background:#ffffff4d;transform:translateY(-1px)}.icon-btn.active[data-v-1587db16]{border-color:#ff6b6b}.camera-controls[data-v-1587db16]{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:10}.capture-btn[data-v-1587db16]{width:80px;height:80px;border:4px solid white;border-radius:50%;background:#fff3;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0}.capture-btn[data-v-1587db16]:hover:not(:disabled){transform:scale(1.1);box-shadow:0 0 20px #ffffff80}.capture-btn[data-v-1587db16]:disabled{opacity:.5;cursor:not-allowed}.capture-btn-inner[data-v-1587db16]{width:60px;height:60px;background:#fff;border-radius:50%;transition:all .2s ease}.capture-btn:active .capture-btn-inner[data-v-1587db16]{transform:scale(.9)}.capture-guide[data-v-1587db16]{position:absolute;top:80px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:10px 20px;border-radius:20px;z-index:10}.capture-guide p[data-v-1587db16]{margin:0;font-size:.9rem}.countdown-overlay[data-v-1587db16]{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:15}.countdown-box[data-v-1587db16]{display:flex;flex-direction:column;align-items:center;gap:12px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);padding:16px 24px;border-radius:12px}.countdown-number[data-v-1587db16]{font-size:64px;font-weight:900;color:#fff;text-shadow:0 4px 16px rgba(0,0,0,.6)}.btn-cancel[data-v-1587db16]{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.4);border-radius:20px;padding:8px 14px;cursor:pointer;font-weight:700}.btn-cancel[data-v-1587db16]:hover{background:#ffffff4d}.loading-camera[data-v-1587db16]{padding:3rem}.spinner[data-v-1587db16]{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin-1587db16 1s linear infinite;margin:0 auto 1rem}@keyframes spin-1587db16{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-camera p[data-v-1587db16]{margin:0;font-size:1.1rem}.debug-info[data-v-1587db16]{font-size:.9rem!important;opacity:.7;margin-top:.5rem!important}.no-camera[data-v-1587db16]{padding:3rem;text-align:center}.no-camera p[data-v-1587db16]{margin:0 0 1rem;color:#ff6b6b;font-weight:700}.image-container[data-v-1587db16]{display:flex;justify-content:center;margin:1rem 0}.captured-image[data-v-1587db16],.generated-image[data-v-1587db16]{max-width:100%;max-height:500px;border-radius:10px;box-shadow:0 10px 30px #0000004d}.cloth-selector[data-v-3692985f]{max-width:600px;margin:0 auto;padding:1rem}.cloth-grid[data-v-3692985f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1rem}.cloth-item[data-v-3692985f]{cursor:pointer;transition:all .3s ease;border-radius:15px;overflow:hidden;background:#ffffff1a}.cloth-item[data-v-3692985f]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0003}.cloth-item.selected[data-v-3692985f]{border-color:#ff6b6b;box-shadow:0 0 20px #ff6b6b80}.cloth-image-container[data-v-3692985f]{position:relative;width:100%;height:200px;overflow:hidden}.cloth-image[data-v-3692985f]{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .3s ease}.cloth-item:hover .cloth-image[data-v-3692985f]{transform:scale(1.05)}@keyframes pulse-3692985f{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.cloth-name[data-v-3692985f]{text-align:center;margin:.5rem 0;font-weight:700;font-size:1.1rem}.loading-spinner[data-v-c82f2a40]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.spinner-container[data-v-c82f2a40]{position:relative;width:80px;height:80px;margin-bottom:1rem}.spinner-ring[data-v-c82f2a40]{position:absolute;width:100%;height:100%;border:4px solid transparent;border-radius:50%;animation:spin-c82f2a40 1.5s linear infinite}.spinner-ring[data-v-c82f2a40]:nth-child(1){border-top-color:#ff6b6b;animation-delay:0s}.spinner-ring[data-v-c82f2a40]:nth-child(2){border-right-color:#4ecdc4;animation-delay:.5s}.spinner-ring[data-v-c82f2a40]:nth-child(3){border-bottom-color:#45b7d1;animation-delay:1s}@keyframes spin-c82f2a40{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text[data-v-c82f2a40]{display:flex;align-items:center;font-size:1.2rem;font-weight:700;color:#fff}.loading-dot[data-v-c82f2a40]{animation:bounce-c82f2a40 1.4s ease-in-out infinite both;margin:0 2px}.loading-dot[data-v-c82f2a40]:nth-child(1){animation-delay:-.32s}.loading-dot[data-v-c82f2a40]:nth-child(2){animation-delay:-.16s}.loading-dot[data-v-c82f2a40]:nth-child(3){animation-delay:0s}@keyframes bounce-c82f2a40{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.result-section[data-v-f1ed6d3d]{display:flex;flex-direction:column}.image-container[data-v-f1ed6d3d]{width:100%;height:100%;flex:1}.image-container>img[data-v-f1ed6d3d]{width:100%;height:500px;object-fit:contain}header[data-v-ec2a14f9]{width:100%;text-align:center;padding:.5rem 0;background:#000}header h1[data-v-ec2a14f9]{font-weight:700;font-size:1.5rem}main[data-v-ec2a14f9]{flex-grow:1}