@media (max-width: 768px){.nav-content{width:100%;padding:0 12px}.logo{font-size:1.2rem}.nav-right{gap:10px}.nav-links{gap:12px}.nav-item{font-size:14px}}@media (max-width: 480px){.glass-nav{height:auto;padding:6px 0}.nav-content{flex-direction:column;align-items:flex-start;gap:6px}.nav-right{width:100%;justify-content:space-between}.nav-links{flex-wrap:wrap;justify-content:flex-start}.nav-item{padding-bottom:2px}}:root{--nav-h: 60px}#app,.app-layout{width:100%;min-height:100vh;margin:0;padding:0}.router-host{width:100%;min-height:100vh}body,html{margin:0;padding:0;width:100%;height:100%;font-family:Segoe UI,Nunito,sans-serif;overflow-x:hidden;background-color:#e0f7fa}.glass-nav{position:fixed;top:0;left:0;width:100%;height:var(--nav-h);background:rgba(255,255,255,.65);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.5);box-shadow:0 4px 20px #0060641a;z-index:999;display:flex;justify-content:center}.nav-content{width:90%;max-width:1200px;display:flex;justify-content:space-between;align-items:center;height:100%}.logo{font-size:1.5rem;font-weight:700;color:#006064;text-shadow:0 2px 4px rgba(0,0,0,.1);text-decoration:none;cursor:pointer}.nav-right{display:flex;align-items:center;gap:20px}.nav-links{display:flex;gap:30px}.nav-item{text-decoration:none;color:#006064;font-weight:600;font-size:16px;position:relative;transition:color .3s;display:flex;align-items:center}.nav-item:hover,.nav-item.router-link-active{color:#00bcd4}.nav-item:after{content:"";position:absolute;bottom:-5px;left:0;width:0%;height:2px;background:#00bcd4;transition:width .3s}.nav-item:hover:after,.nav-item.router-link-active:after{width:100%}.login-btn{width:38px;height:38px;border-radius:50%;border:none;outline:none;cursor:pointer;background:linear-gradient(135deg,#4dd0e1 0%,#00bcd4 100%);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 4px 10px #00bcd480;transition:transform .2s ease,box-shadow .2s ease}.login-btn:hover{transform:scale(1.05);box-shadow:0 6px 14px #00bcd4b3}.avatar-wrap{position:relative;display:flex;align-items:center}.avatar-btn{width:38px;height:38px;border-radius:50%;border:none;padding:0;background:transparent;cursor:pointer}.avatar-img{width:38px;height:38px;border-radius:50%;object-fit:cover;box-shadow:0 4px 10px #00bcd480;transition:transform .2s ease,box-shadow .2s ease}.avatar-img:hover{transform:scale(1.06);box-shadow:0 6px 14px #00bcd4b3}.avatar-menu{position:absolute;top:48px;right:0;min-width:160px;padding:8px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.7);box-shadow:0 10px 24px #0060642e;display:flex;flex-direction:column;gap:6px;z-index:2000}.avatar-menu-header{padding:6px 8px 4px;border-bottom:1px solid rgba(0,96,100,.1);margin-bottom:4px}.avatar-name{font-size:14px;font-weight:700;color:#006064}.avatar-tag{font-size:12px;color:#0097a7}.menu-item{text-decoration:none;border:none;background:transparent;text-align:left;padding:8px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;color:#006064;display:block;width:100%}.menu-item:hover{background:rgba(0,188,212,.12)}.menu-item.danger{color:#d32f2f}.menu-item.danger:hover{background:rgba(211,47,47,.12)}body,html{margin:0;padding:0;width:100%;height:100%;font-family:Segoe UI,Nunito,sans-serif;overflow-x:hidden}.ocean-world{position:relative;min-height:100vh;width:100%;background:linear-gradient(180deg,#e0f7fa 0%,#b2ebf2 50%,#4dd0e1 100%);color:#006064;padding-bottom:100px;box-sizing:border-box}.sun-rays{position:absolute;top:0;left:0;width:100%;height:60vh;background:linear-gradient(to bottom,rgba(255,255,255,.4),transparent);clip-path:polygon(20% 0%,40% 100%,60% 0%,80% 100%);opacity:.3;pointer-events:none;z-index:1}.fish-container{position:fixed;inset:0;pointer-events:none;z-index:2}.page-content{position:relative;z-index:10;max-width:900px;margin:0 auto;padding:180px 20px 20px}.sticky-bar{position:fixed;top:calc(var(--nav-h) + 20px);left:50%;transform:translate(-50%);width:90%;max-width:880px;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;box-sizing:border-box}.glass-panel{background:rgba(255,255,255,.45);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);border-radius:16px;box-shadow:0 8px 32px #1f26871a;margin-bottom:24px}.glass-button{background:rgba(255,255,255,.6);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.8);border-radius:20px;cursor:pointer;transition:.2s}.glass-button:hover{background:rgba(255,255,255,.9);transform:translateY(-2px)}.btn{border:none;border-radius:25px;padding:10px 24px;font-weight:700;cursor:pointer;transition:.3s;position:relative;z-index:5}.ocean-btn{background:linear-gradient(135deg,#4dd0e1 0%,#00bcd4 100%);color:#fff;box-shadow:0 4px 6px #0000001a}.ocean-btn:hover{transform:scale(1.05)}.ocean-btn.ghost{background:white;color:#00bcd4;border:1px solid #b2ebf2}.ocean-btn:disabled{background:#cfd8dc;transform:none;cursor:not-allowed}.coral-btn{background:linear-gradient(135deg,#ff8a65 0%,#ff5722 100%);color:#fff;box-shadow:0 4px 6px #0000001a}.coral-btn:hover{transform:scale(1.05);box-shadow:0 6px 12px #ff57224d}.preview-box p{margin-bottom:8px;font-size:14px;color:#006064}.preview-img{max-width:220px;max-height:220px;width:auto;height:auto;display:block;margin:0 auto;object-fit:contain;border-radius:8px;box-shadow:0 6px 16px #00000026;background:white}.upload-bg-box{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.panel{padding:25px}.panel-title{font-size:1.2rem;margin-bottom:15px;color:#00838f;border-left:5px solid #00bcd4;padding-left:10px}.main-title{text-align:center;color:#006064;margin-bottom:30px}.badge{background:#e0f7fa;color:#006064;font-size:12px;padding:2px 8px;border-radius:4px;margin-left:8px}.draw-wrapper{text-align:center;margin-top:15px}.shadow-box{box-shadow:0 10px 25px #00000026;border-radius:8px;overflow:hidden;display:inline-block;background:white;border:4px solid white;max-width:100%}.draw-area{position:relative;max-width:100%}.src-img{max-height:400px;display:block;max-width:100%}.draw-canvas{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair}.btn-group{display:flex;gap:10px;justify-content:center;margin-top:15px}.canvas-wrapper{text-align:center;margin-top:15px}.canvas{position:relative;display:inline-block;background:white;overflow:hidden;max-width:100%;box-shadow:0 5px 15px #0003;border-radius:4px}.bg-img{display:block;max-width:100%;height:auto;max-height:70vh;object-fit:contain}.sticker{position:absolute;cursor:grab;touch-action:none}.sticker:active{cursor:grabbing}.control-panel{margin-top:20px}.sliders{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap;justify-content:center}.control-row{display:flex;align-items:center;gap:10px;font-size:14px;min-width:200px}.ocean-range{flex:1}.action-footer.double-btn{display:flex;gap:15px}.action-footer .btn{flex:1;font-size:16px;padding:12px}.drawer-mask{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:199}.drawer{position:fixed;top:0;bottom:0;width:320px;background:white;z-index:200;transition:transform .3s ease;display:flex;flex-direction:column}.glass-drawer{background:rgba(255,255,255,.95);backdrop-filter:blur(15px)}.left-drawer{left:0;transform:translate(-100%)}.right-drawer{right:0;transform:translate(100%)}.drawer.open{transform:translate(0)}.drawer-header{padding:15px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;font-weight:700}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#999}.product-list,.cart-list{flex:1;overflow-y:auto;padding:15px}.glass-card{background:rgba(255,255,255,.6);border:1px solid white;border-radius:12px;padding:10px;margin-bottom:12px;display:flex;gap:10px;cursor:pointer;transition:.2s}.glass-card:hover{background:white;transform:scale(1.02)}.thumb{width:60px;height:60px;border-radius:6px;object-fit:cover}.cart-thumb img{width:60px;height:60px;object-fit:contain}.cart-info{flex:1;font-size:14px}.cart-meta{display:flex;justify-content:space-between;margin-top:5px}.price{color:#00bcd4;font-weight:700}.del-btn{color:#f56c6c;border:none;background:none;cursor:pointer}.click-bubble{position:fixed;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.9),rgba(255,255,255,.4));box-shadow:0 0 5px #ffffff80;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);animation:bubblePop 1s ease-out forwards}@keyframes bubblePop{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-150px) scale(1.5);opacity:0}}.swimming-fish{position:fixed;font-size:40px;z-index:9998;pointer-events:none;left:-50px;opacity:.8;animation:swimRight linear forwards}@keyframes swimRight{0%{left:-50px;transform:rotateY(0)}to{left:110vw;transform:rotateY(0)}}.floating-anim{animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out forwards;opacity:0;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.cart-summary{padding:8px 16px;display:flex;align-items:center;gap:8px;color:#006064;font-weight:700}.cart-count{background:#ff7043;color:#fff;padding:2px 6px;border-radius:10px;font-size:12px}.source-selection{display:flex;gap:15px;justify-content:center;background:rgba(255,255,255,.3);padding:15px;border-radius:12px;margin-bottom:15px}.option-block{display:flex;gap:5px;padding:8px 15px;background:white;border-radius:20px;cursor:pointer;font-size:14px;font-weight:700;color:#00838f}.divider{width:1px;background:#b2ebf2}.cs-tip-box{font-size:12px;text-align:center;color:#ff9800;margin-bottom:10px}.upload-btn{display:inline-block;padding:12px 20px;font-weight:700;color:#006064}.cart-footer{padding:20px;border-top:1px solid #eee;background:#f9f9f9}.total-row{display:flex;justify-content:space-between;font-weight:700;margin-bottom:10px;font-size:16px}.total-price{color:#f56c6c}.checkout-btn{width:100%;font-size:16px;padding:12px}.preview-box{margin-top:16px;text-align:center}[data-v-01a48c19]{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-container[data-v-01a48c19]{position:relative;width:100vw;height:100vh;min-height:600px;overflow:hidden;display:flex;justify-content:center;align-items:center;padding:20px}.ocean-bg[data-v-01a48c19]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0b486b 0%,#00d2ff 100%);z-index:0}.wave[data-v-01a48c19]{position:absolute;bottom:0;left:0;width:100%;height:100px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23ffffff' fill-opacity='0.2' d='M0,192L48,181.3C96,171,192,149,288,149.3C384,149,480,171,576,181.3C672,192,768,192,864,181.3C960,171,1056,149,1152,133.3C1248,117,1344,107,1392,101.3L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");background-size:100% 100px;background-repeat:no-repeat;animation:wave-animation-01a48c19 20s linear infinite}.wave-2[data-v-01a48c19]{height:80px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23ffffff' fill-opacity='0.15' d='M0,224L48,213.3C96,203,192,181,288,181.3C384,181,480,203,576,213.3C672,224,768,224,864,213.3C960,203,1056,181,1152,181.3C1248,181,1344,203,1392,213.3L1440,224L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");background-size:100% 80px;animation:wave-animation-01a48c19 15s linear infinite reverse}.wave-3[data-v-01a48c19]{height:60px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23ffffff' fill-opacity='0.1' d='M0,160L48,165.3C96,171,192,181,288,176C384,171,480,149,576,144C672,139,768,149,864,170.7C960,192,1056,224,1152,224C1248,224,1344,192,1392,176L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");background-size:100% 60px;animation:wave-animation-01a48c19 10s linear infinite}@keyframes wave-animation-01a48c19{0%{background-position-x:0}to{background-position-x:1440px}}.bubble[data-v-01a48c19]{position:absolute;border-radius:50%;background-color:#ffffff4d;animation:bubble-rise-01a48c19 linear infinite}.bubble-1[data-v-01a48c19]{width:30px;height:30px;bottom:-30px;left:15%;animation-duration:15s}.bubble-2[data-v-01a48c19]{width:20px;height:20px;bottom:-20px;left:45%;animation-duration:12s}.bubble-3[data-v-01a48c19]{width:25px;height:25px;bottom:-25px;left:80%;animation-duration:18s}@keyframes bubble-rise-01a48c19{0%{transform:translateY(0) scale(.8);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(-100vh) scale(1.2);opacity:0}}.fish[data-v-01a48c19]{position:absolute;width:50px;height:30px;background-color:#ff9800;border-radius:50%/60% 60% 40% 40%;animation:fish-swim-01a48c19 linear infinite}.fish[data-v-01a48c19]:before{content:"";position:absolute;width:10px;height:10px;background-color:#fff;border-radius:50%;right:10px;top:10px}.fish[data-v-01a48c19]:after{content:"";position:absolute;width:15px;height:10px;background-color:#ff9800;border-radius:50%;left:-8px;top:10px}.fish-1[data-v-01a48c19]{top:20%;left:-50px;animation-duration:25s}.fish-2[data-v-01a48c19]{top:60%;left:-50px;background-color:#1a73e8;animation-duration:35s}.fish-2[data-v-01a48c19]:after{background-color:#1a73e8}@keyframes fish-swim-01a48c19{0%{transform:translate(-50px) rotateY(0)}to{transform:translate(100vw) rotateY(0)}}.login-card[data-v-01a48c19]{position:relative;z-index:1;width:100%;max-width:420px;background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:30px;transition:transform .3s ease;margin:0 auto 0 550px}.login-card[data-v-01a48c19]:hover{transform:translateY(-5px)}.login-header[data-v-01a48c19]{text-align:center;margin-bottom:30px}.logo[data-v-01a48c19]{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:15px}.anchor-icon[data-v-01a48c19]{width:50px;height:50px}h1[data-v-01a48c19]{font-size:28px;color:#1a73e8;margin:0}.login-header p[data-v-01a48c19]{color:#666;font-size:14px}.login-form[data-v-01a48c19]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-01a48c19]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-01a48c19]{font-size:14px;font-weight:500;color:#333}.input-wrapper[data-v-01a48c19]{position:relative;display:flex;align-items:center}.icon[data-v-01a48c19]{position:absolute;left:15px;color:#999}.login-form input[data-v-01a48c19]{width:100%;padding:14px 15px 14px 45px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .3s ease,box-shadow .3s ease}.login-form input[data-v-01a48c19]:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e833}.toggle-password[data-v-01a48c19]{position:absolute;right:15px;background:none;border:none;cursor:pointer;color:#999;transition:color .3s ease}.toggle-password[data-v-01a48c19]:hover{color:#1a73e8}.form-options[data-v-01a48c19]{display:flex;justify-content:space-between;align-items:center;margin-top:5px}.remember-me[data-v-01a48c19]{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.forgot-password[data-v-01a48c19]{font-size:14px;color:#1a73e8;text-decoration:none;transition:color .3s ease}.forgot-password[data-v-01a48c19]:hover{color:#0d47a1;text-decoration:underline}.login-btn[data-v-01a48c19]{width:100%;padding:14px;background-color:#1a73e8;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.login-btn[data-v-01a48c19]:hover{background-color:#0d47a1}.login-btn[data-v-01a48c19]:active{transform:scale(.98)}.register-prompt[data-v-01a48c19]{margin-top:25px;text-align:center;font-size:14px;color:#666}.register-prompt a[data-v-01a48c19]{color:#1a73e8;text-decoration:none;font-weight:500;transition:color .3s ease}.register-prompt a[data-v-01a48c19]:hover{color:#0d47a1;text-decoration:underline}@media (max-width: 480px){.login-container[data-v-01a48c19]{padding:15px;height:auto;min-height:100vh;align-items:flex-start}.login-card[data-v-01a48c19]{position:relative;z-index:1;width:100%;max-width:420px;background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:30px;transition:transform .3s ease;margin:0 auto}.logo[data-v-01a48c19]{flex-direction:column;gap:8px}h1[data-v-01a48c19]{font-size:24px}.login-form input[data-v-01a48c19]{padding:12px 15px 12px 45px}}@media (max-height: 700px){.login-container[data-v-01a48c19]{align-items:flex-start;padding-top:40px}.login-card[data-v-01a48c19]{margin-top:0}}.password-input-container[data-v-01a48c19]{position:relative;width:100%}.password-field[data-v-01a48c19]{width:100%;padding:14px 45px 14px 15px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .3s ease,box-shadow .3s ease}.password-field[data-v-01a48c19]:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e81a}.password-toggle-btn[data-v-01a48c19]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;color:#666;padding:6px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.password-toggle-btn[data-v-01a48c19]:hover{color:#1a73e8;background-color:#1a73e81a}.password-toggle-btn[data-v-01a48c19]:active{transform:translateY(-50%) scale(.95)}.about-page[data-v-befac527]{min-height:100vh;padding-top:100px;display:flex;justify-content:center;background:linear-gradient(180deg,#81d4fa 0%,#4fc3f7 50%,#e1f5fe 100%);position:relative;overflow:hidden}.animation-stage[data-v-befac527]{position:relative;width:200px;height:250px;margin:0 auto 10px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.girl-anim[data-v-befac527]{height:100%;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.1))}.shadow[data-v-befac527]{width:100px;height:10px;background:rgba(0,0,0,.15);border-radius:50%;margin-top:-5px;filter:blur(2px)}.content-box[data-v-befac527]{width:90%;max-width:600px;background:rgba(255,255,255,.65);backdrop-filter:blur(12px);border-radius:24px;padding:40px;text-align:center;box-shadow:0 15px 35px #00649633;border:1px solid rgba(255,255,255,.8);margin-bottom:50px}.title[data-v-befac527]{color:#01579b;margin-bottom:5px}.subtitle[data-v-befac527]{color:#00bcd4;font-weight:700;margin-bottom:25px;letter-spacing:1px}.text-body[data-v-befac527]{color:#455a64;line-height:1.8;margin-bottom:30px;font-size:16px}.cloud[data-v-befac527]{position:absolute;font-size:60px;opacity:.8;animation:floatCloud-befac527 25s linear infinite;user-select:none}.cloud-1[data-v-befac527]{top:120px;left:-10%}.cloud-2[data-v-befac527]{top:180px;left:-15%;animation-duration:35s;animation-delay:5s;scale:.8}@keyframes floatCloud-befac527{0%{transform:translate(0)}to{transform:translate(110vw)}}.social-btn[data-v-befac527]{background:white;border:none;color:#0288d1;padding:10px 24px;border-radius:25px;margin:0 10px;cursor:pointer;font-weight:700;transition:.3s;box-shadow:0 4px 6px #0000000d}.social-btn[data-v-befac527]:hover{background:#0288d1;color:#fff;transform:translateY(-2px);box-shadow:0 6px 12px #0288d14d}.fade-in-up[data-v-befac527]{animation:fadeInUp-befac527 .8s cubic-bezier(.2,.8,.2,1) forwards;opacity:0;transform:translateY(30px)}@keyframes fadeInUp-befac527{to{opacity:1;transform:translateY(0)}}.ocean-world[data-v-da7819dd]{min-height:100vh;width:100%;background:linear-gradient(180deg,#e0f7fa 0%,#b2ebf2 50%,#4dd0e1 100%);font-family:Segoe UI,Nunito,sans-serif;padding-bottom:20px;box-sizing:border-box;color:#006064}.page-content[data-v-da7819dd]{max-width:900px;margin:0 auto;padding:40px 20px 20px;text-align:center;position:relative;z-index:10}.main-title[data-v-da7819dd]{color:#006064;margin-bottom:8px}.subtitle[data-v-da7819dd]{color:#007c91;margin-bottom:20px}.tab-header[data-v-da7819dd]{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.tab-btn[data-v-da7819dd]{padding:8px 18px;border:none;border-radius:20px;cursor:pointer;font-weight:700;color:#006064;background:rgba(255,255,255,.6);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.8);transition:.2s}.tab-btn.active[data-v-da7819dd]{background:linear-gradient(135deg,#4dd0e1 0%,#00bcd4 100%);color:#fff;box-shadow:0 4px 10px #00bcd480;transform:translateY(-1px)}.upload-card[data-v-da7819dd]{height:250px;border:2px dashed #00bcd4;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.7);margin-top:20px;cursor:pointer;transition:.2s}.upload-card[data-v-da7819dd]:hover{background:rgba(255,255,255,.95);transform:translateY(-2px)}.canvas-wrapper[data-v-da7819dd]{position:relative;display:inline-block;border:4px solid white;box-shadow:0 10px 20px #00000026;background:#e0f7fa;user-select:none;border-radius:10px}.btn[data-v-da7819dd]{padding:8px 16px;border:none;border-radius:20px;cursor:pointer;font-weight:700;margin:0 5px;color:#fff;box-shadow:0 4px 8px #00000026;transition:.2s}.confirm-btn[data-v-da7819dd]{background:linear-gradient(135deg,#4caf50,#2e7d32)}.cancel-btn[data-v-da7819dd]{background:linear-gradient(135deg,#ef5350,#d32f2f)}.undo-btn[data-v-da7819dd]{background:linear-gradient(135deg,#ffe082,#ffca28);color:#4e342e}.save-btn[data-v-da7819dd]{background:linear-gradient(135deg,#4dd0e1,#00bcd4)}.btn[data-v-da7819dd]:disabled{opacity:.6;box-shadow:none;cursor:not-allowed}.grid-bg[data-v-da7819dd]{position:absolute;inset:0;background-image:linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%,#eee),linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%,#eee);background-size:20px 20px}.magic-canvas[data-v-da7819dd]{position:relative;z-index:1;max-width:100%;max-height:50vh}.selection-box[data-v-da7819dd]{position:absolute;border:2px dashed #ffeaa7;background:rgba(255,234,167,.3);z-index:2;pointer-events:none}.toolbar[data-v-da7819dd]{margin-top:15px;padding:15px;background:white;border-radius:12px}.step-actions[data-v-da7819dd]{display:flex;justify-content:center}.column-layout[data-v-da7819dd]{flex-direction:column;gap:10px}.gallery-grid[data-v-da7819dd]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px;padding:10px}.gallery-card[data-v-da7819dd]{background:white;padding:8px;border-radius:8px;box-shadow:0 2px 5px #0000000d}.img-display[data-v-da7819dd]{height:120px;background:#f0f0f0;margin-bottom:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.img-display img[data-v-da7819dd]{max-width:100%;max-height:100%;object-fit:contain}.card-actions[data-v-da7819dd]{display:flex;gap:5px}.action-btn[data-v-da7819dd]{flex:1;border:none;padding:6px;border-radius:4px;cursor:pointer;color:#fff;font-weight:700;font-size:12px}.action-btn.camera[data-v-da7819dd]{background:linear-gradient(135deg,#6c5ce7,#a29bfe)}.action-btn.del[data-v-da7819dd]{background:#ff7675;flex:0 0 30px}.camera-fullscreen[data-v-da7819dd]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:black;z-index:999;overflow:hidden}.camera-video[data-v-da7819dd]{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.loading-mask[data-v-da7819dd]{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;z-index:50}.spinner[data-v-da7819dd]{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#0984e3;border-radius:50%;animation:spin-da7819dd 1s linear infinite;margin-bottom:20px}@keyframes spin-da7819dd{to{transform:rotate(360deg)}}.sub-text[data-v-da7819dd]{font-size:12px;color:#aaa;margin-top:5px}.sticker-layer[data-v-da7819dd]{position:absolute;top:0;left:0;z-index:20;transition:transform .1s linear;pointer-events:none}.draggable-sticker[data-v-da7819dd]{width:200px;display:block;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5))}.finger-dot[data-v-da7819dd]{position:absolute;top:0;left:0;width:20px;height:20px;background:rgba(255,0,0,.5);border:2px solid white;border-radius:50%;z-index:30;pointer-events:none;margin-top:-10px;margin-left:-10px;box-shadow:0 0 10px red}.camera-ui[data-v-da7819dd]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:40}.top-bar[data-v-da7819dd]{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center}.glass-btn[data-v-da7819dd]{background:rgba(255,255,255,.2);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 20px;border-radius:20px;cursor:pointer;pointer-events:auto}.status-badge[data-v-da7819dd]{background:rgba(0,0,0,.5);color:#aaa;padding:6px 12px;border-radius:15px;font-size:14px}.status-badge.active[data-v-da7819dd]{color:#0f0;border:1px solid #00ff00}.bottom-tip[data-v-da7819dd]{position:absolute;bottom:40px;width:100%;text-align:center;color:#fff;text-shadow:0 2px 4px black;font-size:16px}.highlight[data-v-da7819dd]{color:#ffeaa7;font-weight:700}.zoom-btn[data-v-da7819dd]{margin-left:10px;transition:all .3s}.zoom-btn.active[data-v-da7819dd]{background:rgba(46,204,113,.6);border-color:#2ecc71;box-shadow:0 0 15px #2ecc7166}.warning-text[data-v-da7819dd]{color:#fab1a0;animation:pulse-da7819dd 2s infinite}@keyframes pulse-da7819dd{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.countdown-overlay[data-v-da7819dd]{position:absolute;inset:0;background:rgba(0,0,0,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;backdrop-filter:blur(2px)}.countdown-number[data-v-da7819dd]{font-size:150px;font-weight:900;color:#fff;text-shadow:0 5px 20px rgba(0,0,0,.5);animation:pulseCount-da7819dd 1s infinite}.countdown-text[data-v-da7819dd]{font-size:24px;color:#fff;margin-top:10px}@keyframes pulseCount-da7819dd{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:0}}.mode-row[data-v-da7819dd]{display:flex;justify-content:center;gap:8px;margin-bottom:10px}.mode-btn[data-v-da7819dd]{background:#6c5ce7}.mode-btn.active[data-v-da7819dd]{background:#00b894}.new-row[data-v-da7819dd]{display:flex;justify-content:flex-end;margin-bottom:10px}.new-btn[data-v-da7819dd]{background:#6c5ce7}.download-btn[data-v-da7819dd]{background:#00b894}.action-btn.edit[data-v-da7819dd]{background:#fdcb6e;color:#333}.test-page[data-v-ba459bb8]{position:relative;width:100vw;height:100vh;background-color:#1e1e1e;overflow:hidden}.status-bar[data-v-ba459bb8]{position:absolute;top:0;left:0;width:100%;padding:15px 30px;background:rgba(0,0,0,.7);color:#fff;z-index:100;display:flex;justify-content:space-between;align-items:center;backdrop-filter:blur(5px)}.status-bar span.active[data-v-ba459bb8]{color:#0f0;font-weight:700}.canvas-container[data-v-ba459bb8]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.output_canvas[data-v-ba459bb8]{width:100%;height:100%;object-fit:contain}.loading-overlay[data-v-ba459bb8]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff}.spinner[data-v-ba459bb8]{width:50px;height:50px;border:5px solid rgba(255,255,255,.3);border-top-color:#00bcd4;border-radius:50%;animation:spin-ba459bb8 1s linear infinite;margin:0 auto 20px}@keyframes spin-ba459bb8{to{transform:rotate(360deg)}}.sub-text[data-v-ba459bb8]{font-size:12px;color:#aaa;margin-top:5px}.btn-back[data-v-ba459bb8]{padding:8px 16px;cursor:pointer;background:#333;color:#fff;border:1px solid #555;border-radius:4px}*,*:before,*:after{box-sizing:border-box}img,video{max-width:100%;height:auto}html,body{margin:0;padding:0;width:100%;min-height:100%;font-family:Segoe UI,Nunito,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}@media (max-width: 480px){body{font-size:14px}}