*{padding:0}*,body{margin:0}body{-webkit-tap-highlight-color:transparent;background:linear-gradient(180deg,#1a1a2e,#16141f);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;touch-action:pan-y pinch-zoom;width:100%}#root{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;overflow-y:auto;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}@media (max-width:1023px){[class*=-header]{backface-visibility:hidden;-webkit-backface-visibility:hidden;position:sticky!important;position:-webkit-sticky!important;top:0!important;z-index:100!important}.bottom-nav,[class*=-header]{display:flex!important;opacity:1!important;transform:translateZ(0);-webkit-transform:translateZ(0);visibility:visible!important}.bottom-nav{bottom:0!important;left:0!important;position:fixed!important;right:0!important;z-index:1000!important}[class*=-content]{-webkit-overflow-scrolling:touch!important;overflow-y:auto!important}}@media (hover:none) and (pointer:coarse){.clickable,a,button,input[type=file]+label{-webkit-tap-highlight-color:transparent;min-height:44px;min-width:44px;touch-action:manipulation}:hover{-webkit-tap-highlight-color:transparent}.btn:active,.clickable:active,button:active{opacity:.8;transform:scale(.97);transition:all .15s cubic-bezier(.4,0,.2,1)}.btn:active:not(:disabled),button:active:not(:disabled){box-shadow:0 2px 8px #0006;transform:scale(.96)}}@media screen and (max-width:768px){body{font-size:14px;overscroll-behavior-y:contain}*,body{-webkit-overflow-scrolling:touch}img,video{-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.upload-box{-webkit-tap-highlight-color:transparent;border-width:2px;cursor:pointer;min-height:220px;transition:all .3s cubic-bezier(.4,0,.2,1)}.upload-box:active{border-color:#ff6b9580;transform:scale(.99)}.upload-placeholder{padding:35px 20px}.upload-icon{animation:floatUpDown 3s ease-in-out infinite;font-size:52px;margin-bottom:16px}.upload-text{color:#ffffffe6;font-size:16px;font-weight:600;margin-bottom:8px}.upload-hint{color:#ffffff80;font-size:13px;line-height:1.6}.file-preview{position:relative;touch-action:pan-y pinch-zoom}.file-preview img,.file-preview video{border-radius:12px;box-shadow:0 4px 15px #0000004d;height:auto;max-height:450px;max-width:100%;object-fit:contain;width:auto}.file-info{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;font-size:12px;margin-top:12px;padding:12px;word-break:break-all}.change-file-btn{font-size:14px;min-height:44px;padding:10px 16px;touch-action:manipulation}.result-media{position:relative;touch-action:pan-y pinch-zoom}.result-media img,.result-media video{border-radius:12px;box-shadow:0 4px 15px #0000004d;display:block;height:auto;max-width:100%;width:100%}.result-media video{background:#000c}video::-webkit-media-controls{opacity:1!important}video::-webkit-media-controls-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6}video::-webkit-media-controls-fullscreen-button,video::-webkit-media-controls-play-button{height:48px;width:48px}.task-status-container{border-radius:12px;margin:0;padding:16px}.task-status-header{align-items:flex-start;flex-direction:column;gap:12px}.status-title{font-size:16px}.status-hint{font-size:13px}.task-header{align-items:flex-start;flex-direction:column;gap:15px}.task-actions{display:flex;flex-wrap:wrap;gap:10px;width:100%}.task-actions button{flex:1 1;font-size:15px;min-height:48px;min-width:130px;padding:14px 18px}.progress-section{margin:16px 0}.progress-bar-container{background:#ffffff0d;border-radius:5px;height:10px}.progress-text{color:#fffc;font-size:14px;margin-top:10px}.output-media-section{margin-top:20px}.output-images,.output-videos{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;margin-top:16px}.output-image-container,.output-video-container{background:#ffffff05;border-radius:12px;box-shadow:0 4px 15px #0000004d;overflow:hidden;position:relative}.output-image,.output-video{cursor:pointer;display:block;height:auto;touch-action:manipulation;width:100%}.mobile-download-btn{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #fff3;border-radius:24px;bottom:12px;box-shadow:0 4px 12px #00000080;color:#fff;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;position:absolute;right:12px;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px;z-index:10}.mobile-download-btn:active{background:#ff6b95e6;border-color:#ff6b9580;box-shadow:0 2px 8px #ff6b9580;transform:scale(.92)}.btn{-webkit-tap-highlight-color:transparent;border-radius:12px;font-size:15px;font-weight:600;min-height:50px;padding:15px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary,.btn-secondary,.btn-success{max-width:none;width:100%}.download-result-btn{font-size:15px;min-height:48px;padding:14px 22px;width:100%}.image-preview-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;z-index:9999}.image-preview-container{max-width:100%;padding:20px}.preview-image{max-height:85vh;max-width:100%;object-fit:contain}.preview-close-btn{-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #fff3;border-radius:24px;color:#fff;cursor:pointer;font-size:24px;height:48px;right:12px;top:12px;width:48px}.preview-close-btn:active{background:#ff6b95cc;transform:scale(.92)}.workflow-header{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.header-left,.header-right{width:100%}.credits-display{justify-content:space-between;padding:10px 14px;width:100%}.credit-item{flex:1 1;min-width:auto}.credit-label{font-size:11px}.credit-value{font-size:18px}.workflow-content{padding:16px}.workflow-main-content{flex-direction:column;gap:20px}.workflow-left-panel,.workflow-right-panel{max-width:none;width:100%}.workflow-actions{flex-direction:column;gap:12px;padding:18px 16px}.workflow-actions button{width:100%}input[type=file]{font-size:16px}input,select,textarea{border-radius:8px;font-size:16px!important;padding:12px 14px}.loading-spinner{border-width:4px;height:44px;width:44px}.scrollable{-webkit-overflow-scrolling:touch;overflow-y:auto;overscroll-behavior-y:contain}.scrollable::-webkit-scrollbar{height:4px;width:4px}.scrollable::-webkit-scrollbar-track{background:#ffffff05}.scrollable::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.history-item,.transaction-item,.workflow-card{-webkit-tap-highlight-color:transparent;transition:all .3s cubic-bezier(.4,0,.2,1)}.history-item:active,.transaction-item:active,.workflow-card:active{box-shadow:0 2px 10px #0006;transform:scale(.98)}@media screen and (orientation:landscape) and (max-height:500px){.workflow-header{padding:10px 12px}.upload-box{min-height:160px}.file-preview img,.file-preview video{max-height:280px}.btn{min-height:44px;padding:12px 20px}.mobile-download-btn{font-size:18px;height:44px;width:44px}}@media screen and (max-width:375px){body{font-size:13px}.upload-icon{font-size:44px}.upload-text{font-size:15px}.upload-hint{font-size:12px}.btn{font-size:14px;min-height:46px;padding:13px 20px}.credit-icon{font-size:18px}.credit-value{font-size:16px}}}@supports (padding:max(0px)){.task-status-container,.workflow-page{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.workflow-actions{padding-bottom:max(18px,calc(18px + env(safe-area-inset-bottom)))}.toast-container{bottom:max(90px,calc(70px + env(safe-area-inset-bottom)))}}@supports (-webkit-touch-callout:none){.history-page,.home-page,.workflow-page,body{min-height:-webkit-fill-available}*{-webkit-overflow-scrolling:touch}}@media screen and (max-width:768px){.history-page,.home-page,.workflow-page{min-height:100vh;min-height:-webkit-fill-available}.clickable,[role=button],a,button{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;z-index:1}.clickable:active,[role=button]:active,a:active,button:active{opacity:.8;transform:scale(.97);transition:all .15s cubic-bezier(.4,0,.2,1)}.history-header,.profile-header,.workflow-header{background:inherit;position:relative;z-index:10}.credit-confirm-overlay,.modal-overlay,.payment-modal-overlay{-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009!important}}@supports (-webkit-appearance:none) and (not (-webkit-overflow-scrolling:touch)){body{padding-top:0!important}#root{-webkit-overflow-scrolling:auto;overflow-y:scroll!important}.toast-container{position:absolute!important}.bottom-nav{bottom:0;position:-webkit-sticky!important;position:sticky!important}.history-header,.home-header,.profile-header,.workflow-header{display:flex!important;opacity:1!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;transform:translateZ(0);visibility:visible!important;will-change:transform;z-index:100!important}}@media screen and (max-width:768px){.btn,.mobile-download-btn,.result-media,.toast,.upload-box,.workflow-card{transform:translateZ(0);will-change:transform}img,video{-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@media screen and (max-width:768px) and (-webkit-min-device-pixel-ratio:2),screen and (max-width:768px) and (min-resolution:192dpi){.credit-icon,.toast:before,.upload-icon{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{image-rendering:-webkit-optimize-contrast}}@media screen and (max-width:768px){.history-content,.home-content,.workflow-content{overscroll-behavior-y:contain}body{overscroll-behavior-x:none}.preview-image,.result-media img{touch-action:pinch-zoom}video{touch-action:manipulation}.history-content,.home-content,.profile-content,.transaction-list,.workflow-grid{padding-bottom:calc(80px + env(safe-area-inset-bottom, 20px))!important}.workflow-content{padding-bottom:calc(150px + env(safe-area-inset-bottom, 20px))!important}.face-swap-templates{padding-bottom:calc(100px + env(safe-area-inset-bottom, 20px))!important}}@media screen and (max-width:768px){a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #ff6b9580;outline-offset:2px}@media (prefers-contrast:high){.toast{border-width:2px}.btn{border:2px solid}}}.bottom-nav{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a2ef2;border-top:1px solid #ffffff1a;bottom:0;box-shadow:0 -4px 20px #00000080;display:flex;height:60px;justify-content:space-around;left:0;opacity:1;padding:0 20px env(safe-area-inset-bottom);pointer-events:all;position:fixed;right:0;visibility:visible;z-index:1000}@media (min-width:1024px){.bottom-nav{display:none}}.nav-item{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;color:#ffffff80;cursor:pointer;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center;min-height:44px;padding:0;position:relative;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.nav-item:active{color:#ffffffb3;transform:scale(.95)}.nav-item.active{color:#ff6b95}.nav-item.active:before{background:linear-gradient(135deg,#ff6b95,#ff8fb3);border-radius:0 0 3px 3px;box-shadow:0 2px 8px #ff6b9580;content:"";height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:35px}.nav-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:24px;line-height:1;margin-bottom:4px}.nav-label{font-size:11px;font-weight:500;line-height:1.2;text-shadow:0 1px 2px #0000004d}@supports (padding:max(0px)){.bottom-nav{height:calc(60px + env(safe-area-inset-bottom));padding-bottom:max(0px,env(safe-area-inset-bottom))}}@supports (-webkit-touch-callout:none){.bottom-nav{position:fixed;transform:translateZ(0)}}@supports (-webkit-appearance:none) and (not (-webkit-overflow-scrolling:touch)){.bottom-nav{bottom:0;position:-webkit-sticky;position:sticky}}@media (orientation:landscape) and (max-height:500px){.bottom-nav{height:50px}.nav-icon{font-size:20px;margin-bottom:2px}.nav-label{font-size:10px}}@media (max-width:360px){.bottom-nav{padding:0 10px}.nav-icon{font-size:22px}.nav-label{font-size:10px}}@media (max-width:1023px){.bottom-nav{bottom:0!important;display:flex!important;position:fixed!important}}.side-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#f8fafcf2);border-right:1px solid #667eea1a;box-shadow:4px 0 30px #667eea14;display:flex;flex-direction:column;height:100vh;height:100dvh;left:0;min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:200px;z-index:100}@media (min-width:1024px) and (max-width:1365px){.side-nav{width:180px}}@media (min-width:1600px){.side-nav{width:220px}}@media (min-width:1920px){.side-nav{width:240px}}@media (-webkit-min-device-pixel-ratio:2){.side-nav{border-right-width:.5px;box-shadow:1px 0 10px #00000014}}.side-nav-header{background:#ffffff80;border-bottom:1px solid #667eea1a;flex-shrink:0;padding:20px 16px}.logo{align-items:center;display:flex;gap:12px}.logo-icon{font-size:28px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700}.side-nav-menu{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;overflow:hidden;padding:8px 0}.side-nav-menu .nav-item{align-items:center;background:none;border:none;color:#4b5563;cursor:pointer;display:flex;flex-shrink:0;gap:10px;padding:12px 16px;position:relative;text-align:left;transition:all .3s ease;width:100%}.side-nav-menu .nav-item:hover{background:#667eea1a;color:#667eea}.side-nav-menu .nav-item.active{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-right:3px solid #667eea;color:#667eea}.side-nav-menu .nav-item.active:before{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.side-nav-menu .nav-icon{font-size:18px;min-width:18px}.nav-content{flex:1 1;min-width:0}.nav-label{display:block;font-size:14px;font-weight:600;margin-bottom:1px}.nav-description{display:block;font-size:11px;line-height:1.2;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-nav-footer{background:#ffffff80;border-top:1px solid #667eea1a;flex-shrink:0;padding:12px 18px}.version-info{color:#9ca3af;font-size:12px;text-align:center}.layout{background:linear-gradient(180deg,#1a1a2e,#16141f);flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.layout,.main-content{display:flex;position:relative;width:100%}.main-content{-webkit-overflow-scrolling:touch;flex:1 1;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;padding:0 0 env(safe-area-inset-bottom)}@media (max-width:1023px){.main-content{height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding-bottom:calc(60px + env(safe-area-inset-bottom))}.layout{height:100vh;height:100dvh;overflow:hidden}}@media (orientation:landscape) and (max-height:500px){.main-content{padding-bottom:calc(50px + env(safe-area-inset-bottom))}}@media (min-width:1024px){.layout{height:100vh;height:100dvh}.layout,.layout.has-sidebar{flex-direction:row}.layout.has-sidebar .main-content{flex:1 1;height:100vh;height:100dvh;margin-left:200px;overflow-x:hidden;overflow-y:auto;padding:0;width:calc(100% - 200px)}.layout:not(.has-sidebar) .main-content{margin-left:0;padding-bottom:0;width:100%}}@media (min-width:1024px) and (max-width:1365px){.layout.has-sidebar .main-content{margin-left:180px;width:calc(100% - 180px)}}@media (min-width:1600px){.layout.has-sidebar .main-content{margin-left:220px;width:calc(100% - 220px)}}@media (min-width:1920px){.layout.has-sidebar .main-content{margin-left:240px;width:calc(100% - 240px)}}@supports (-webkit-touch-callout:none){.layout{height:-webkit-fill-available}.main-content{-webkit-overflow-scrolling:touch;height:100%}}@supports (-webkit-appearance:none) and (not (-webkit-overflow-scrolling:touch)){.layout{height:100vh}.main-content{-webkit-overflow-scrolling:auto;overflow-y:scroll}}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:#ffffff05}.main-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.main-content::-webkit-scrollbar-thumb:hover{background:#ffffff26}@media (max-width:1023px){.main-content::-webkit-scrollbar{width:4px}}.lazy-image-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);height:100%;overflow:hidden;pointer-events:none;position:relative;width:100%}.lazy-image-placeholder{align-items:center;display:flex;justify-content:center}.lazy-image-blur,.lazy-image-placeholder{height:100%;left:0;position:absolute;top:0;width:100%}.lazy-image-blur{filter:blur(20px);object-fit:cover;opacity:.6;transform:scale(1.1)}.lazy-image-spinner{position:relative;z-index:1}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}.lazy-image{height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out;width:100%}.lazy-image.loaded{opacity:1}.lazy-image-error{align-items:center;background:#f5f5f5;color:#999;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.lazy-image-error span{font-size:48px;margin-bottom:10px}.lazy-image-error p{font-size:14px;margin:0}.lazy-video-container{background:#000;height:100%;overflow:hidden;pointer-events:none;position:relative;width:100%}.lazy-video-poster{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.poster-image{height:100%;object-fit:cover;width:100%}.lazy-video-loading,.lazy-video-play-button{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.lazy-video-play-button{align-items:center;background:#667eeae6;border:none;border-radius:50%;box-shadow:0 4px 12px #0000004d;cursor:pointer;display:flex;height:60px;justify-content:center;transition:all .3s ease;width:60px;z-index:2}.lazy-video-play-button:hover{background:#667eea;box-shadow:0 6px 16px #0006;transform:translate(-50%,-50%) scale(1.1)}.lazy-video-play-button:active{transform:translate(-50%,-50%) scale(.95)}.lazy-video-play-button svg{height:28px;margin-left:3px;width:28px}.lazy-video{display:block;height:100%;object-fit:cover;opacity:0;pointer-events:none;transform:translateZ(0);transition:opacity .3s ease-in-out;visibility:visible!important;width:100%}.lazy-video.loaded{opacity:1}.lazy-video.loading{opacity:0;visibility:visible!important}@media (max-width:768px){.lazy-video-play-button{height:50px;width:50px}.lazy-video-play-button svg{height:24px;width:24px}}.workflow-card{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;height:220px;overflow:hidden;position:relative;transition:all .3s ease}.workflow-card:hover{border-color:#667eea33;box-shadow:0 6px 20px #0000001f;transform:translateY(-4px)}.workflow-card:active{transform:translateY(-2px) scale(.99)}.workflow-card-content{display:flex;height:100%;position:relative}.workflow-demo{display:flex;flex:1 1;overflow:hidden;position:relative}.demo-after,.demo-before{align-items:center;background:linear-gradient(135deg,#f8f9fa,#f3f4f6);border:1px solid #0000000d;display:flex;flex:1 1;justify-content:center;position:relative}.demo-before:after{background:#0009;content:"原图";left:8px}.demo-after:after,.demo-before:after{border-radius:4px;color:#fff;font-size:12px;padding:2px 8px;position:absolute;top:8px;z-index:2}.demo-after:after{background:#667eeae6;content:"效果";right:8px}.demo-after img,.demo-after video,.demo-before img,.demo-before video{background:linear-gradient(135deg,#f8f9fa,#e9ecef);height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.demo-after video,.demo-before video{animation:none}.demo-after video:not([src]),.demo-before video:not([src]){background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.demo-after video:before,.demo-before video:before{animation:pulse 2s ease-in-out infinite;background:#667eeacc;border-radius:50%;bottom:4px;content:"";height:8px;position:absolute;right:4px;width:8px;z-index:3}.demo-placeholder{color:#cbd5e1;font-size:48px}.workflow-info{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(0deg,#000000e6,#000000b3 50%,#0000);bottom:0;color:#fff;left:0;padding:20px 15px 15px;position:absolute;right:0}.workflow-title{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:4px;text-shadow:0 1px 2px #0000004d}.favorite-badge{font-size:14px}.workflow-desc{font-size:13px;line-height:1.3;opacity:.95;text-shadow:0 1px 2px #0000004d}@media (max-width:480px){.workflow-card{border-radius:12px;height:180px}.workflow-info{padding:12px}.workflow-title{font-size:16px;margin-bottom:4px}.workflow-desc{font-size:13px}.demo-after:after,.demo-before:after{font-size:11px;padding:2px 6px}.demo-placeholder{font-size:36px}}@media (min-width:768px) and (max-width:1023px){.workflow-card{border-radius:16px;height:220px}.workflow-info{padding:16px}.workflow-title{font-size:17px;margin-bottom:6px}.workflow-desc{font-size:14px}.demo-placeholder{font-size:52px}}@media (min-width:1024px) and (max-width:1365px){.workflow-card{border-radius:12px;box-shadow:0 3px 12px #0000001a;height:220px}.workflow-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.workflow-card:hover .demo-after img,.workflow-card:hover .demo-after video,.workflow-card:hover .demo-before img,.workflow-card:hover .demo-before video{transform:scale(1.05)}.demo-after:after,.demo-before:after{border-radius:6px;font-size:12px;padding:4px 8px}.workflow-info{padding:18px}.workflow-title{font-size:17px;font-weight:600;margin-bottom:6px}.workflow-desc{font-size:14px;line-height:1.4}.demo-placeholder{font-size:52px}}@media (min-width:1366px) and (max-width:1599px){.workflow-card{border-radius:14px;box-shadow:0 4px 16px #0000001f;height:260px}.workflow-card:hover{box-shadow:0 12px 30px #0000002e;transform:translateY(-5px)}.workflow-card:hover .demo-after img,.workflow-card:hover .demo-after video,.workflow-card:hover .demo-before img,.workflow-card:hover .demo-before video{transform:scale(1.06)}.demo-after:after,.demo-before:after{border-radius:7px;font-size:13px;padding:5px 12px}.workflow-info{padding:22px}.workflow-title{font-size:19px;font-weight:600;margin-bottom:8px}.workflow-desc{font-size:15px;line-height:1.4}.demo-placeholder{font-size:64px}}@media (min-width:1600px) and (max-width:1919px){.workflow-card{border-radius:14px;height:280px}.workflow-card:hover{box-shadow:0 12px 30px #00000029;transform:translateY(-8px)}.workflow-info{padding:24px}.workflow-title{font-size:22px;margin-bottom:10px}.workflow-desc{font-size:16px}.demo-placeholder{font-size:72px}}@media (min-width:1920px){.workflow-card{border-radius:16px;height:320px}.workflow-card:hover{box-shadow:0 15px 35px #0000002e;transform:translateY(-10px)}.workflow-info{padding:28px}.workflow-title{font-size:24px;margin-bottom:12px}.workflow-desc{font-size:17px}.demo-after:after,.demo-before:after{border-radius:7px;font-size:14px;padding:5px 12px}.demo-placeholder{font-size:80px}}@media (-webkit-min-device-pixel-ratio:2) and (min-width:1024px){.workflow-card{box-shadow:0 2px 8px #00000014}.workflow-card:hover{box-shadow:0 6px 20px #0000001f}.workflow-desc,.workflow-title{-webkit-font-smoothing:antialiased}}.ai-girlfriend-card{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#ff6b954d,#ff8fb34d) border-box;border:2px solid #0000}.ai-girlfriend-card:hover{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#ff6b9580,#ff8fb380) border-box;box-shadow:0 6px 25px #ff6b954d}.ai-girlfriend-content{display:flex}.ai-girlfriend-content,.ai-girlfriend-image{height:100%;overflow:hidden;position:relative}.ai-girlfriend-image{width:100%}.ai-girlfriend-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.ai-girlfriend-card:hover .ai-girlfriend-image img{transform:scale(1.05)}.ai-girlfriend-info{bottom:0;left:0;position:absolute;right:0}.ai-girlfriend-title{align-items:center;display:flex;gap:8px}.ai-girlfriend-title:before{content:"💕";font-size:18px}@media (min-width:1366px) and (max-width:1599px){.ai-girlfriend-title:before{font-size:20px}}@media (min-width:1600px) and (max-width:1919px){.ai-girlfriend-title:before{font-size:22px}}@media (min-width:1920px){.ai-girlfriend-title:before{font-size:24px}}.home-page{background:linear-gradient(180deg,#1a1a2e,#16141f);display:flex;flex-direction:column;height:100%;min-height:100vh;overflow:hidden}.home-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a2ef2;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #00000080;color:#fff;flex-shrink:0;gap:15px;justify-content:space-between;padding:max(15px,env(safe-area-inset-top)) 20px 15px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left,.home-header{align-items:center;display:flex}.header-left{flex:1 1;gap:12px;min-width:0}.header-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));flex-shrink:0;font-size:28px;line-height:1}.header-title-group{display:flex;flex-direction:column;gap:2px;min-width:0}.header-title-group h1{color:#fffffff2;font-size:20px;font-weight:600;line-height:1.2;margin:0;text-shadow:0 2px 4px #0000004d}.header-title-group p{color:#ffffffb3;font-size:12px;line-height:1.2;margin:0;opacity:.7}.header-right{align-items:center;display:flex;flex-shrink:0;gap:10px}.user-greeting{color:#ffffffe6;font-size:13px;font-weight:500;opacity:.9;text-shadow:0 1px 2px #0003;white-space:nowrap}.home-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:15px}@media (max-width:1023px){.home-content{padding-bottom:calc(80px + env(safe-area-inset-bottom, 20px))!important}}.home-content::-webkit-scrollbar{width:8px}.home-content::-webkit-scrollbar-track{background:#ffffff05}.home-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.home-content::-webkit-scrollbar-thumb:hover{background:#ffffff26}.section-title{color:#fffffff2;font-size:18px;font-weight:600;margin-bottom:20px;text-shadow:0 2px 4px #0000004d}.workflow-grid{grid-gap:15px;align-items:start;animation:fadeIn .3s ease-out;contain:layout style paint;display:grid;gap:15px;grid-template-columns:1fr;justify-items:stretch}.loading-container{color:#fffc;padding:50px}.loading-container p{margin-top:15px}@media (max-width:480px){.home-header{gap:10px;padding:max(12px,env(safe-area-inset-top)) 15px 12px}.header-left{gap:10px}.header-icon{font-size:24px}.header-title-group h1{font-size:18px}.header-title-group p{font-size:11px}.user-greeting{font-size:12px}.home-content{padding:15px 12px calc(15px + env(safe-area-inset-bottom))}.workflow-grid{gap:12px}}@media (orientation:landscape) and (max-height:500px){.home-header{padding:8px 15px}.header-content h1{font-size:18px}.header-content p{display:none}.home-content{padding:10px}.section-title{font-size:14px;margin-bottom:10px}}@media (min-width:481px) and (max-width:767px){.home-content{margin:0 auto;max-width:500px;padding:20px 16px}.workflow-grid{gap:16px}}@media (min-width:768px) and (max-width:1023px){.home-content{margin:0 auto;max-width:720px;padding:25px 24px}.workflow-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.section-title{font-size:20px;margin-bottom:25px}}@media (min-width:1024px) and (max-width:1365px){.home-page{height:100%}.home-header{display:none}.home-content{display:flex;flex-direction:column;height:100%;margin:0;max-width:none;overflow:hidden;padding:20px;width:100%}.section-title{flex-shrink:0;font-size:20px;font-weight:600;margin-bottom:16px;padding-left:8px;text-align:left}.workflow-grid{flex:1 1;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:0;max-width:100%;overflow-y:auto;padding:0 8px 8px 0}.loading-container{padding:50px}}@media (min-width:1366px) and (max-width:1599px){.home-page{height:100%}.home-header{display:none}.home-content{display:flex;flex-direction:column;height:100%;margin:0;max-width:none;overflow:hidden;padding:24px;width:100%}.section-title{flex-shrink:0;font-size:22px;font-weight:600;margin-bottom:20px;padding-left:8px;text-align:left}.workflow-grid{flex:1 1;gap:20px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));margin:0;max-width:100%;overflow-y:auto;padding:0 8px 8px 0}.loading-container{padding:60px}}@media (min-width:1600px) and (max-width:1919px){.home-page{height:100%}.home-header{display:none}.home-content{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:30px;width:100%}.section-title{flex-shrink:0;font-size:24px;font-weight:600;margin-bottom:24px;padding-left:8px;text-align:left}.workflow-grid{flex:1 1;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin:0;max-width:100%;overflow-y:auto;padding:0 8px 8px 0}}@media (min-width:1920px){.home-page{height:100%}.home-header{display:none}.home-content{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:40px;width:100%}.section-title{flex-shrink:0;font-size:26px;font-weight:600;margin-bottom:28px;padding-left:8px;text-align:left}.workflow-grid{flex:1 1;gap:28px;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));margin:0;max-width:100%;overflow-y:auto;padding:0 8px 8px 0}}@media (-webkit-min-device-pixel-ratio:2) and (min-width:1024px){.section-title{-webkit-font-smoothing:antialiased;font-weight:700}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.workflow-grid>*{animation:slideInUp .4s ease-out;animation-fill-mode:both}.workflow-grid>:first-child{animation-delay:.1s}.workflow-grid>:nth-child(2){animation-delay:.2s}.workflow-grid>:nth-child(3){animation-delay:.3s}.workflow-grid>:nth-child(4){animation-delay:.4s}.workflow-grid>:nth-child(n+5){animation-delay:.5s}.workflow-grid::-webkit-scrollbar{height:8px;width:8px}.workflow-grid::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.workflow-grid::-webkit-scrollbar-thumb{background:#ff6b954d;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.workflow-grid::-webkit-scrollbar-thumb:hover{background:#ff6b9580}@media (prefers-reduced-motion:reduce){.workflow-grid,.workflow-grid>*{animation:none}}.toast-container{flex-direction:column}.toast,.toast-container{align-items:center;display:flex;gap:10px}.toast{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 8px 30px #00000080;font-size:15px;font-weight:500;max-width:85vw;overflow:hidden;padding:14px 24px;position:relative;text-shadow:0 1px 2px #0000004d;transform:translateY(30px) scale(.9);transition:all .4s cubic-bezier(.4,0,.2,1);white-space:nowrap}.toast.show{animation:slideInBounce .5s cubic-bezier(.34,1.56,.64,1);transform:translateY(0) scale(1)}@keyframes slideInBounce{0%{opacity:0;transform:translateY(30px) scale(.9)}50%{transform:translateY(-5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.toast.hide{opacity:0;transform:translateY(-20px) scale(.95);transition:all .3s ease-out}.toast.success{background:linear-gradient(135deg,#4ade8026,#22c55e26);border-color:#4ade804d;box-shadow:0 8px 30px #4ade804d,inset 0 0 0 1px #4ade801a}.toast.success:before{align-items:center;background:#4ade8033;border-radius:50%;color:#4ade80;content:"✓";display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.toast.error{background:linear-gradient(135deg,#ff6b9526,#ef444426);border-color:#ff6b954d;box-shadow:0 8px 30px #ff6b954d,inset 0 0 0 1px #ff6b951a}.toast.error:before{align-items:center;background:#ff6b9533;border-radius:50%;color:#ff6b95;content:"✕";display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:24px;justify-content:center;width:24px}.toast.warning{background:linear-gradient(135deg,#fbbf2426,#f59e0b26);border-color:#fbbf244d;box-shadow:0 8px 30px #fbbf244d,inset 0 0 0 1px #fbbf241a}.toast.warning:before{align-items:center;background:#fbbf2433;border-radius:50%;color:#fbbf24;content:"⚠";display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.toast.info{background:linear-gradient(135deg,#60a5fa26,#3b82f626);border-color:#60a5fa4d;box-shadow:0 8px 30px #60a5fa4d,inset 0 0 0 1px #60a5fa1a}.toast.info:before{align-items:center;background:#60a5fa33;border-radius:50%;color:#60a5fa;content:"ℹ";display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.toast:after{animation:shimmer 3s infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}@media (max-width:768px){.toast-container{bottom:90px;bottom:max(90px,calc(70px + env(safe-area-inset-bottom)))}.toast{border-radius:14px;font-size:14px;max-width:90vw;padding:12px 20px}.toast:before{font-size:12px;height:20px;width:20px}}@media (max-width:480px){.toast-container{bottom:80px;bottom:max(80px,calc(60px + env(safe-area-inset-bottom)))}.toast{border-radius:12px;font-size:13px;padding:10px 18px}}@media (orientation:landscape) and (max-height:500px){.toast-container{bottom:70px}.toast{font-size:12px;padding:8px 16px}}@media (min-width:1024px){.toast-container{bottom:30px}.toast{border-radius:18px;font-size:15px;max-width:600px;padding:16px 28px}.toast:before{font-size:15px;height:26px;width:26px}.toast:hover{box-shadow:0 12px 40px #0009;transform:translateY(-2px) scale(1.02)}}.toast-container>.toast:not(:last-child){margin-bottom:10px}@media (prefers-reduced-motion:reduce){.toast,.toast.hide,.toast.show{animation:none;transition:opacity .2s ease}.toast:after{animation:none}}.task-status{background:#fff;border-left:4px solid #007bff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin:20px 0;padding:20px}.task-status.pending{border-left-color:#ffc107}.task-status.processing{border-left-color:#007bff}.task-status.completed{border-left-color:#28a745}.task-status.failed{border-left-color:#dc3545}.task-status.cancelled{border-left-color:#6c757d}.task-header{justify-content:space-between;margin-bottom:15px}.task-header,.task-info{align-items:flex-start;display:flex}.task-info{gap:15px}.status-icon{font-size:24px;margin-top:5px}.task-details h3{font-size:18px;font-weight:600;margin:0 0 8px}.task-details p{color:#666;font-size:14px;margin:4px 0}.task-actions{display:flex;flex-wrap:wrap;gap:10px}.progress-section{margin:15px 0}.progress-bar-container{background-color:#e9ecef;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#007bff,#0056b3);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:#007bff;font-size:14px;font-weight:600;text-align:center}.task-message{background:#e7f3ff;border:1px solid #b3d9ff;border-radius:6px;margin:10px 0;padding:12px}.task-message p{color:#0056b3;font-size:14px;margin:0}.task-error{background:#ffe6e6;border:1px solid #ffb3b3;border-radius:6px;margin:10px 0;padding:12px}.task-error p{color:#dc3545;font-size:14px;margin:0}.task-logs{border-top:1px solid #e9ecef;margin-top:20px;padding-top:20px}.logs-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.logs-header h4{font-size:16px;font-weight:600;margin:0}.logs-content{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;font-family:Courier New,monospace;font-size:12px;max-height:300px;overflow-y:auto;padding:15px}.log-entry{color:#495057;margin:2px 0;white-space:pre-wrap;word-break:break-all}.task-status.loading{padding:40px 20px;text-align:center}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#007bff;margin:0 auto 15px}.task-status.error{border-left-color:#dc3545;padding:40px 20px;text-align:center}.output-media-section{border-top:1px solid #e9ecef;margin-top:20px;padding-top:20px}.output-media-section h4{color:#28a745;font-size:16px;font-weight:600;margin:0 0 15px}.output-images{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:15px}.output-image-container{background:#f8f9fa;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;position:relative}.output-image{display:block;height:auto;max-height:300px;object-fit:contain;transition:transform .2s ease;width:100%}.output-image:hover{cursor:pointer;transform:scale(1.02)}.output-image-container:before{background:linear-gradient(45deg,#f0f0f0 25%,#0000 0),linear-gradient(-45deg,#f0f0f0 25%,#0000 0),linear-gradient(45deg,#0000 75%,#f0f0f0 0),linear-gradient(-45deg,#0000 75%,#f0f0f0 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.image-preview-overlay{background:#000c;bottom:0;cursor:pointer;left:0;position:fixed;right:0;top:0;z-index:1000}.image-preview-container,.image-preview-overlay{align-items:center;display:flex;justify-content:center}.image-preview-container{max-height:90vh;max-width:90vw;position:relative}.preview-image{border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:100%;max-width:100%}.preview-close-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;position:absolute;right:-40px;top:-40px;transition:background .2s ease;width:32px}.preview-close-btn:hover{background:#fff}.btn{border-radius:6px;display:inline-block;font-size:14px;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .2s ease}.btn-primary{background:#007bff}.btn-primary:hover{background:#0056b3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62}.btn-outline{background:#0000;border:1px solid #007bff;color:#007bff}.btn-outline:hover{background:#007bff;color:#fff}.btn-small{font-size:12px;padding:4px 8px}.output-videos{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:15px}.output-video-container{background:#000;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;position:relative}.output-video{border-radius:8px;display:block;height:auto;max-height:400px;width:100%}@media (max-width:768px){.task-header{flex-direction:column;gap:15px}.task-actions{justify-content:flex-start;width:100%}.btn{flex:1 1;min-width:0}}.credit-confirm-overlay{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.credit-confirm-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:400px;overflow:hidden;width:100%}.credit-confirm-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px 20px 20px;text-align:center}.credit-confirm-icon{animation:bounce .6s ease-in-out;font-size:56px;margin-bottom:12px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.credit-confirm-header h3{font-size:20px;font-weight:600;margin:0}.credit-confirm-body{padding:30px 20px}.credit-info-row{align-items:center;display:flex;gap:20px;justify-content:space-around;margin-bottom:20px}.credit-info-item{background:#f8f9fa;border-radius:16px;flex:1 1;padding:20px;position:relative;text-align:center}.credit-info-item.cost{background:linear-gradient(135deg,#fff5e6,#ffe8cc);border:2px solid gold}.credit-info-item.balance{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #4ade80}.credit-info-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.credit-info-value{font-size:32px;font-weight:700;line-height:1;margin-bottom:4px}.credit-info-item.cost .credit-info-value{color:#f59e0b}.credit-info-item.balance .credit-info-value{color:#10b981}.credit-info-unit{color:#9ca3af;font-size:13px}.credit-arrow{color:#cbd5e1;flex-shrink:0;font-size:24px}.credit-remaining{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:12px;padding:16px;text-align:center}.remaining-label{color:#6b7280;font-size:14px;margin-right:6px}.remaining-value{color:#3b82f6;font-size:24px;font-weight:700;margin:0 4px}.remaining-unit{color:#6b7280;font-size:14px}.credit-insufficient{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;border-radius:12px;display:flex;gap:8px;justify-content:center;padding:16px;text-align:center}.insufficient-icon{font-size:20px}.insufficient-text{color:#dc2626;font-size:15px;font-weight:600}.credit-confirm-actions{display:flex;gap:12px;padding:0 20px 24px}.credit-btn{-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;min-height:52px;padding:16px;touch-action:manipulation;transition:all .3s ease}.credit-btn-cancel{background:#f3f4f6;color:#4b5563}.credit-btn-cancel:hover{background:#e5e7eb}.credit-btn-cancel:active{background:#d1d5db;transform:scale(.97)}.credit-btn-confirm{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.credit-btn-confirm:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.credit-btn-confirm:active{transform:scale(.97)}.credit-btn-confirm:disabled{background:linear-gradient(135deg,#cbd5e1,#94a3b8);box-shadow:none;cursor:not-allowed;opacity:.6}@media (max-width:480px){.credit-confirm-modal{border-radius:16px;max-width:calc(100% - 40px)}.credit-confirm-header{padding:24px 16px 16px}.credit-confirm-icon{font-size:48px;margin-bottom:10px}.credit-confirm-header h3{font-size:18px}.credit-confirm-body{padding:24px 16px}.credit-info-row{gap:12px;margin-bottom:16px}.credit-info-item{padding:16px 12px}.credit-info-value{font-size:28px}.credit-arrow,.remaining-value{font-size:20px}.credit-confirm-actions{gap:10px;padding:0 16px 20px}.credit-btn{font-size:15px;min-height:48px;padding:14px}}.credit-btn:active{animation:tapFeedback .1s ease-out}@keyframes tapFeedback{0%{transform:scale(1)}50%{transform:scale(.97)}to{transform:scale(1)}}.workflow-page{background:linear-gradient(180deg,#1a1a2e,#16141f);height:100%;min-height:100vh;overflow:hidden}.workflow-header,.workflow-page{display:flex;flex-direction:column}.workflow-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a2ef2;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #00000080;color:#fff;flex-shrink:0;gap:8px;padding:max(10px,env(safe-area-inset-top)) 16px 8px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.workflow-header .header-top{align-items:center;display:flex;gap:12px;width:100%}.workflow-header .header-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));flex-shrink:0;font-size:28px;line-height:1}.workflow-header .header-title-group{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.workflow-header .header-title-group h1{color:#fffffff2;font-size:18px;font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px #0000004d;white-space:nowrap}.workflow-header .header-description{color:#ffffffb3;font-size:11px;line-height:1.2;margin:0;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-header .header-credits-bar{display:flex;justify-content:center;width:100%}.back-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:38px;justify-content:center;touch-action:manipulation;transition:all .3s;width:38px}.back-btn:hover{background:#ffffff26;border-color:#fff3;box-shadow:0 4px 12px #0000004d;transform:translateX(-2px)}.back-btn:active{background:#fff3;transform:scale(.95)}.credits-display-compact{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 2px 8px #0003;display:flex;gap:12px;padding:6px 16px}.credit-compact-item{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.credit-compact-text{color:#fffffff2;font-size:11px;font-weight:600;line-height:1;text-shadow:0 1px 2px #0000004d;white-space:nowrap}.credit-compact-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:16px;line-height:1}.credit-compact-label{color:#ffffffd9;font-size:12px;font-weight:500;line-height:1;opacity:.85}.credit-compact-value{font-size:18px;font-weight:700;line-height:1;text-shadow:0 2px 4px #0000004d}.credit-compact-item.cost .credit-compact-value{color:gold;text-shadow:0 0 10px #ffd70066}.credit-compact-item.balance .credit-compact-value{color:#4ade80;text-shadow:0 0 10px #4ade8066}.credit-compact-divider{color:#ffffff80;font-size:14px;margin:0 2px;opacity:.5}.credits-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;gap:12px;padding:8px 12px}.credit-item,.credits-display{align-items:center;display:flex}.credit-item{gap:8px}.credit-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:20px;line-height:1}.credit-details{display:flex;flex-direction:column;gap:2px}.credit-label{color:#ffffffb3;font-size:11px;letter-spacing:.5px;line-height:1;opacity:.7;text-transform:uppercase}.credit-value{color:#fffffff2;font-size:18px;font-weight:700;line-height:1}.credit-item.required .credit-value{color:gold;text-shadow:0 0 10px #ffd70066}.credit-item.balance .credit-value{color:#4ade80;text-shadow:0 0 10px #4ade8066}.credit-divider{color:#fff6;font-size:16px;margin:0 4px;opacity:.4}.points-info{display:flex;font-size:13px;gap:20px;margin-top:8px}.points-required{color:gold;font-weight:500;text-shadow:0 0 10px #ffd7004d}.user-points{color:#4ade80;font-weight:500;text-shadow:0 0 10px #4ade804d}.workflow-content{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:15px}@media (max-width:1023px){.workflow-content{padding-bottom:calc(150px + env(safe-area-inset-bottom, 20px))!important}}.workflow-content::-webkit-scrollbar{width:8px}.workflow-content::-webkit-scrollbar-track{background:#ffffff05}.workflow-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.workflow-content::-webkit-scrollbar-thumb:hover{background:#ffffff26}.workflow-main-content{display:flex;flex:1 1;gap:20px;min-height:0}.workflow-left-panel,.workflow-right-panel{display:flex;flex:1 1;flex-direction:column;min-width:0}.task-status-wrapper{grid-column:1/-1;margin-bottom:20px}.task-status-container{animation:pulse 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ff6b9533;border-radius:16px;box-shadow:0 4px 20px #0000004d;padding:20px}.task-status-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.status-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b95,#ff8fb3);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:600}.status-hint{background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;color:#ffffffb3;font-size:14px;padding:5px 12px}@media (min-width:1024px){.workflow-page{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.workflow-header{flex-shrink:0;margin-bottom:0;padding:12px 25px}.back-btn{font-size:20px;height:36px;width:36px}.header-info h1{font-size:22px;margin-bottom:4px}.header-info p,.points-info{font-size:13px}.points-info{gap:15px}.workflow-content{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:100%;overflow-y:auto;padding:20px 30px;width:100%}.workflow-main-content{grid-gap:30px;align-items:start;display:grid;flex:1 1;gap:30px;grid-template-columns:1fr 1fr}.workflow-left-panel,.workflow-right-panel{display:flex;flex-direction:column;height:100%}.task-status-wrapper{margin-bottom:25px;width:100%}.task-status-container{border:1px solid #ff6b9540;border-radius:20px;box-shadow:0 8px 30px #0006;padding:25px}.task-status-header{margin-bottom:20px;padding-bottom:20px}.status-title{font-size:20px}.status-hint{font-size:15px;padding:6px 15px}.result-view,.step-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;height:100%;padding:25px}.workflow-actions{background:#0000;border-radius:16px;margin-top:30px;padding:25px}}@media (min-width:1366px){.workflow-header{padding:20px 50px}.workflow-content{gap:40px;grid-template-columns:1fr 1fr;padding:0 50px 40px}}@media (min-width:1600px){.workflow-header{padding:20px 60px}.workflow-content{padding:0 60px 40px}}.step-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 4px 20px #0000004d;height:-webkit-fit-content;height:fit-content;margin-bottom:15px;padding:20px}.step-title{color:#fffffff2;font-size:16px;font-weight:600;margin-bottom:15px;text-shadow:0 2px 4px #0000004d}.step-number,.step-title{align-items:center;display:flex}.step-number{background:linear-gradient(135deg,#ff6b95,#ff8fb3);border-radius:50%;box-shadow:0 2px 8px #ff6b9566;color:#fff;font-size:14px;height:24px;justify-content:center;margin-right:10px;width:24px}.upload-box{-webkit-tap-highlight-color:transparent;align-items:center;background:#ffffff05;border:3px dashed #fff3;border-radius:16px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:200px;overflow:hidden;padding:30px 20px;position:relative;text-align:center;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1)}.upload-box:before{background:linear-gradient(135deg,#ff6b95,#ff8fb3);border-radius:14px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:3px;position:absolute;transition:opacity .3s ease}.upload-box:hover:before{opacity:.5}.upload-box:hover{background:#ffffff0d;border-color:#ff6b9580;box-shadow:0 8px 30px #ff6b9533;transform:scale(1.01)}.upload-box:active:not(.has-file){background:#ffffff14;transform:scale(.99)}.upload-box.has-file{background:#4ade800d;border-color:#4ade80;border-style:solid;cursor:default;padding:12px}.upload-box.has-file:before{background:linear-gradient(135deg,#4ade80,#22c55e);opacity:.2}.upload-placeholder{color:#fff9;-webkit-user-select:none;user-select:none}.upload-icon{animation:floatUpDown 3s ease-in-out infinite;color:#fff6;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));font-size:56px;margin-bottom:16px}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.upload-text{color:#ffffffe6;font-size:17px;font-weight:600;margin-bottom:8px;text-shadow:0 2px 4px #0000004d}.upload-hint{color:#ffffff80;font-size:14px;line-height:1.5}.file-preview{align-items:center;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;position:relative;width:100%}.preview-image,.preview-video{background:#0000;border-radius:12px;box-shadow:0 8px 30px #0006;height:auto;max-height:350px;max-width:100%;object-fit:contain;width:100%}.file-info{background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;color:#fffc;font-size:14px;padding:8px 12px;text-align:center}.file-info,.file-preview .change-file-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.file-preview .change-file-btn{-webkit-tap-highlight-color:transparent;background:#000000b3;border:1px solid #fff3;border-radius:8px;box-shadow:0 2px 8px #0006;color:#fff;cursor:pointer;font-size:13px;padding:8px 14px;position:absolute;right:10px;top:10px;transition:all .3s ease}.file-preview .change-file-btn:hover{background:#000000d9;border-color:#ffffff4d;box-shadow:0 4px 12px #00000080;transform:translateY(-2px)}.file-preview .change-file-btn:active{transform:scale(.95)}.result-view{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;margin-bottom:15px;padding:15px}.result-title{color:#fffffff2;font-size:16px;font-weight:600;margin-bottom:15px;text-align:center;text-shadow:0 2px 4px #0000004d}.result-container{display:flex;flex:1 1;flex-direction:column}.result-media{align-items:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;display:flex;flex:1 1;justify-content:center;max-height:600px;min-height:300px;overflow:hidden;position:relative;width:100%}.result-media img,.result-media video{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:100%}.result-actions{position:absolute}.result-actions-overlay{bottom:10px;display:flex;gap:8px;position:absolute;right:10px;z-index:10}.download-result-btn-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff6b95,#ff8fb3);border:none;border-radius:12px;box-shadow:0 4px 15px #ff6b9580;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease;z-index:20}.download-result-btn-overlay:hover{background:linear-gradient(135deg,#ff5282,#ff7aa0);box-shadow:0 6px 20px #ff6b9599;transform:translateY(-3px)}.download-result-btn-overlay:active{box-shadow:0 3px 10px #ff6b9580;transform:translateY(-1px)}.download-result-btn-overlay .download-icon{font-size:18px}.download-result-btn-overlay .download-text{font-size:14px}.download-result-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;border:1px solid #fff3;border-radius:6px;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;font-size:13px;padding:8px 12px;transition:all .3s}.download-result-btn:hover{background:#000000d9;border-color:#ffffff4d;box-shadow:0 4px 12px #0006;transform:translateY(-2px)}.download-result-btn:active{transform:translateY(0)}.background-hint-card{align-items:center;animation:slideDown .5s ease-out;background:linear-gradient(135deg,#ff6b95,#ff8fb3);border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 30px #ff6b9566;color:#fff;display:flex;gap:15px;margin-bottom:20px;padding:20px;position:relative}.background-hint-icon{animation:pulse 2s infinite;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));flex-shrink:0;font-size:36px}.background-hint-content{flex:1 1}.background-hint-title{font-size:16px;font-weight:600;margin-bottom:8px;text-shadow:0 2px 4px #0003}.background-hint-text{font-size:14px;line-height:1.5;opacity:.95;text-shadow:0 1px 2px #0003}.background-hint-close{align-items:center;background:#fff3;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .3s ease;width:28px}.background-hint-close:hover{background:#ffffff4d;transform:rotate(90deg)}.empty-state{color:#ffffff4d;font-size:32px}.workflow-actions{display:flex;gap:15px;justify-content:center;margin-top:20px;padding:20px;transition:all .3s ease}.workflow-actions.has-result{padding:20px}.result-actions-container{display:flex;gap:12px;margin:0 auto;max-width:600px;width:100%}.workflow-actions .btn{-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;box-shadow:0 4px 15px #0000004d;cursor:pointer;font-size:16px;font-weight:600;min-height:54px;min-width:150px;padding:16px 32px;position:relative;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}.workflow-actions .btn:not(:disabled):hover{box-shadow:0 6px 20px #0006;transform:translateY(-2px)}.workflow-actions .btn:not(:disabled):active{transform:scale(.97);transition:all .1s ease}.workflow-actions .btn-primary{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#ff6b95,#ff8fb3);border:none;box-shadow:0 4px 15px #ff6b9566;color:#fff;overflow:hidden;position:relative}.workflow-actions .btn-primary:not(:disabled):hover{background:linear-gradient(135deg,#ff5282,#ff7aa0);box-shadow:0 6px 20px #ff6b9580}.workflow-actions .btn-primary:not(:disabled):active{box-shadow:0 2px 10px #ff6b9566}.workflow-actions .btn-primary.disabled,.workflow-actions .btn-primary:disabled{background:#ffffff1a;box-shadow:0 2px 8px #0003;cursor:not-allowed;opacity:.5;transform:none!important}.workflow-actions .btn-primary.processing-task{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 4px 15px #60a5fa66;cursor:wait}.workflow-actions .btn-primary.processing-task:hover{box-shadow:0 6px 20px #60a5fa80;transform:none}.task-progress-bar{background:#fff3;bottom:0;height:4px;left:0;overflow:hidden;position:absolute;right:0}.task-progress-fill{animation:shimmer 2s infinite;background:linear-gradient(90deg,#60a5fa,#93c5fd);box-shadow:0 0 10px #60a5facc;height:100%;transition:width .3s ease}.workflow-actions .btn-secondary{background:#ffffff14;border:1px solid #ffffff26;box-shadow:0 2px 10px #0003;color:#ffffffe6}.workflow-actions .btn-secondary:hover{background:#ffffff1f;border-color:#fff3}.workflow-actions .btn-success{background:linear-gradient(135deg,#4ade80,#22c55e);border:none;box-shadow:0 4px 15px #4ade8066;color:#fff}.workflow-actions .btn-success:hover{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 6px 20px #4ade8080}.workflow-actions .btn-icon{font-size:18px;line-height:1;margin-right:6px}.workflow-actions .btn-text{font-size:15px;font-weight:600;line-height:1}.workflow-actions .btn-reset{background:#ffffff14;border:1px solid #ffffff26;color:#ffffffd9;flex:0 0 auto;min-width:130px}.workflow-actions .btn-reset:hover{background:#ffffff1f;border-color:#fff3;color:#fffffff2}.workflow-actions .btn-download{background:linear-gradient(135deg,#4ade80,#22c55e);flex:1 1;min-width:180px;overflow:hidden;position:relative}.workflow-actions .btn-download:not(:disabled):hover{background:linear-gradient(135deg,#22c55e,#16a34a)}.workflow-actions .btn-download.downloading{background:linear-gradient(135deg,#60a5fa,#3b82f6);cursor:wait}.workflow-actions .btn-download.downloading:hover{transform:none}.download-progress-bar{background:#fff3;bottom:0;height:4px;left:0;overflow:hidden;position:absolute;right:0}.download-progress-fill{background:linear-gradient(90deg,#60a5fa,#3b82f6);box-shadow:0 0 8px #60a5fa99;height:100%;transition:width .3s ease}.btn.processing{background:linear-gradient(135deg,#60a5fa,#3b82f6);position:relative}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}.workflow-actions .btn:after{background:#ffffff80;border-radius:50%;content:"";height:5px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:none;width:5px}.workflow-actions .btn:active:after{animation:ripple .6s ease-out}.btn.loading{pointer-events:none;position:relative}.btn.loading:before{animation:spin 1s linear infinite;content:"⏳";font-size:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media (min-width:1024px){.step-card{border-radius:16px;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;padding:25px}.step-title{font-size:18px;margin-bottom:20px}.step-number{font-size:14px;height:28px;margin-right:12px;width:28px}.upload-box{border-radius:14px;max-height:450px;overflow-y:auto;padding:40px 25px}.upload-box.has-file{padding:20px}.upload-icon{font-size:48px;margin-bottom:12px}.upload-text{font-size:16px;margin-bottom:6px}.upload-hint{font-size:13px}.preview-image,.preview-video{border-radius:10px;max-height:350px}.file-info{font-size:14px;margin-top:10px}.result-view{border-radius:16px;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;padding:25px}.result-title{font-size:18px;margin-bottom:20px}.result-media{border-radius:10px;max-height:550px;min-height:350px}.result-media img,.result-media video{max-height:520px}.empty-state{font-size:40px}.workflow-actions{background:#0000;box-shadow:none;display:flex;gap:15px;justify-content:center;margin:0;padding:20px 0 0;position:static}.workflow-actions .btn{border-radius:10px;flex:none;font-size:15px;min-width:140px;padding:14px 28px}}@media (max-width:1023px){.workflow-main-content{display:block}.workflow-left-panel,.workflow-right-panel{margin-bottom:15px;width:100%}.task-status-wrapper{margin-bottom:15px}.task-status-header{align-items:flex-start;flex-direction:column;gap:10px}.status-hint{font-size:13px;padding:4px 10px}.result-view{margin-bottom:20px;margin-top:15px}.workflow-actions{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#16141ff2;border-top:1px solid #ffffff1a;bottom:0;box-shadow:0 -4px 20px #00000080;left:0;margin:0;padding:16px 16px max(20px,env(safe-area-inset-bottom,20px));position:fixed;right:0;z-index:1000}.workflow-content{min-height:calc(100vh - 120px);padding-bottom:calc(100px + env(safe-area-inset-bottom, 20px))}}@media (max-width:480px){.workflow-header{gap:6px;padding:max(8px,env(safe-area-inset-top)) 12px 6px}.workflow-header .header-top{gap:10px}.workflow-header .header-icon{font-size:24px}.workflow-header .header-title-group h1{font-size:16px}.workflow-header .header-description{font-size:10px}.back-btn{font-size:18px;height:36px;width:36px}.credits-display-compact{border-radius:18px;gap:10px;padding:5px 14px}.credit-compact-icon{font-size:15px}.credit-compact-value{font-size:16px}.credit-compact-divider{font-size:12px}.workflow-content{padding:12px 12px calc(140px + env(safe-area-inset-bottom, 24px))}.step-card{margin-bottom:12px;padding:16px}.step-title{font-size:15px;margin-bottom:12px}.step-number{font-size:13px;height:22px;margin-right:8px;width:22px}.upload-box{border-width:2px;min-height:240px;padding:25px 16px}.upload-icon{font-size:48px;margin-bottom:14px}.upload-text{font-size:16px}.upload-hint{font-size:13px}.preview-image,.preview-video{max-height:280px}.file-info{font-size:13px;padding:6px 10px}.change-file-btn{font-size:12px;padding:6px 12px}.result-media{min-height:220px}.workflow-actions{border-radius:20px 20px 0 0;gap:10px;padding:18px 16px max(26px,calc(18px + env(safe-area-inset-bottom, 20px)))}.workflow-actions .btn{border-radius:12px;font-size:15px;min-height:52px;min-width:140px;padding:16px 20px}.result-actions-container{flex-direction:column;gap:10px;max-width:100%}.workflow-actions .btn-reset{min-width:0;min-width:auto;padding:16px 18px;width:100%}.workflow-actions .btn-download{min-width:0;min-width:auto;padding:16px 20px;width:100%}.workflow-actions .btn-icon{font-size:16px;margin-right:5px}.workflow-actions .btn-text{font-size:14px}.download-progress-bar{height:3px}}@media (min-width:481px) and (max-width:768px){.credits-display{gap:14px;padding:12px 16px}.credit-icon{font-size:22px}.credit-label{font-size:12px}.credit-value{font-size:20px}.workflow-actions{padding:16px 20px max(22px,calc(16px + env(safe-area-inset-bottom, 20px)))}.workflow-actions .btn{font-size:16px;min-height:50px;min-width:140px;padding:14px 24px}.workflow-content{padding-bottom:calc(125px + env(safe-area-inset-bottom, 22px))}}@media (orientation:landscape) and (max-height:500px){.workflow-header{padding:8px 15px}.header-info h1{font-size:16px}.credits-display{gap:8px;margin-top:6px;padding:6px 10px}.credit-icon{font-size:14px}.credit-label{font-size:9px}.credit-value{font-size:14px}.credit-divider{font-size:12px}.points-info{display:none}.workflow-content{padding:10px 10px calc(110px + env(safe-area-inset-bottom, 20px))}.workflow-actions{padding:12px 16px max(16px,calc(12px + env(safe-area-inset-bottom, 16px)))}.workflow-actions .btn{font-size:14px;min-height:44px;min-width:110px;padding:10px 20px}}@supports (-webkit-touch-callout:none){.workflow-actions{padding-bottom:max(26px,calc(16px + env(safe-area-inset-bottom, 26px)))!important}.workflow-content{padding-bottom:calc(150px + env(safe-area-inset-bottom, 30px))!important}.workflow-actions .btn{-webkit-appearance:none;-webkit-user-select:none;user-select:none}}@supports (padding:max(0px)){.workflow-actions{padding-left:max(16px,env(safe-area-inset-left,16px));padding-right:max(16px,env(safe-area-inset-right,16px))}}.payment-modal-overlay{-webkit-overflow-scrolling:touch;align-items:center;animation:fadeIn .3s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:10px 10px max(10px,env(safe-area-inset-bottom));position:fixed;right:0;top:0;z-index:1100}.payment-modal{-webkit-overflow-scrolling:touch;animation:slideUp .3s ease;background:linear-gradient(180deg,#1a1a2e,#16141f);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:500px;overflow:auto;width:90%}.modal-header h2{font-size:20px}.close-btn{font-size:28px;height:32px;width:32px}.modal-content{padding:20px}.packages-section h3,.payment-channel-section h3{color:#ffffffe6;font-size:14px;font-weight:500;margin-bottom:12px}.packages-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:24px}.package-card{-webkit-tap-highlight-color:transparent;background:#ffffff08;border:2px solid #ffffff1a;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:140px;overflow:hidden;padding:18px 14px;position:relative;text-align:center;touch-action:manipulation;transition:all .3s}.package-card:active,.package-card:hover{background:#ffffff0d;transform:translateY(-2px)}.package-card.selected{background:linear-gradient(135deg,#ff6b9533,#ff8fb333);border-color:#ff6b95;box-shadow:0 6px 25px #ff6b9566}.package-card.popular{border-color:orange;box-shadow:0 4px 20px #ffa5004d}.popular-badge{background:linear-gradient(135deg,orange,#ff8c00);right:8px}.bonus-badge,.popular-badge{border-radius:10px;color:#fff;font-size:10px;font-weight:600;padding:3px 8px;position:absolute;top:8px;z-index:1}.bonus-badge{background:linear-gradient(135deg,#ff6b95,#ff8fb3);left:8px}.package-name{color:#fff;font-size:15px;font-weight:600;margin-bottom:6px;margin-top:4px}.package-credits{color:orange;font-size:20px;font-weight:700;margin-bottom:4px}.package-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b95,#ff8fb3);-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:700;margin-bottom:2px}.package-original{color:#fff6;font-size:11px;margin-bottom:6px;text-decoration:line-through}.package-desc{color:#ffffff80;font-size:11px;line-height:1.4}.package-minutes,.package-unit{display:none}.channel-options{display:flex;gap:12px;margin-bottom:20px}.channel-option{-webkit-tap-highlight-color:transparent;align-items:center;background:#ffffff08;border:2px solid #ffffff1a;border-radius:10px;cursor:pointer;display:flex;flex:1 1;gap:8px;min-height:44px;padding:12px;touch-action:manipulation;transition:all .2s}.channel-option:active,.channel-option:hover{background:#ffffff0d}.channel-option input[type=radio]{accent-color:#ff6b95;height:18px;width:18px}.channel-option input[type=radio]:checked+.channel-icon+span{color:#ff6b95}.channel-icon{font-size:20px}.channel-option span:last-child{color:#fffc;font-size:14px}.channel-option.disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.channel-option.disabled span:last-child{color:#fff6}.error-message{background:#ff57221a;border:1px solid #ff57224d;border-radius:8px;color:#ff9800;font-size:13px;padding:12px}.payment-summary{background:#ffffff08;border-radius:10px;margin-top:20px;padding:16px}.summary-row{align-items:center;color:#ffffffb3;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.summary-row.total{border-top:1px solid #ffffff1a;color:#fff;font-weight:600;margin-top:8px;padding-top:12px}.summary-row .price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b95,#ff8fb3);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700}.modal-footer{border-top:1px solid #ffffff1a;display:flex;gap:12px;padding:20px 20px max(20px,calc(20px + env(safe-area-inset-bottom)));position:relative}.cancel-btn,.pay-btn{-webkit-tap-highlight-color:transparent;border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;min-height:48px;padding:14px;touch-action:manipulation;transition:all .3s}.cancel-btn{background:#ffffff1a;color:#ffffffb3}.cancel-btn:active,.cancel-btn:hover{background:#ffffff26;color:#fff}.pay-btn{background:linear-gradient(135deg,#ff6b95,#ff8fb3);box-shadow:0 4px 20px #ff6b954d;color:#fff}.pay-btn:active:not(:disabled),.pay-btn:hover:not(:disabled){box-shadow:0 6px 25px #ff6b9566;transform:scale(.98)}.pay-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.payment-modal{border-radius:16px;margin:10px 10px 80px;max-height:calc(100vh - 100px);width:95%}.modal-header{padding:16px}.modal-header h2{font-size:18px}.modal-content{padding:16px 16px 24px}.packages-section h3,.payment-channel-section h3{font-size:13px;margin-bottom:10px}.packages-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.package-card{min-height:120px;padding:14px 10px}.package-name{font-size:14px;margin-bottom:5px}.package-credits{font-size:18px}.package-price{font-size:22px}.package-desc{font-size:10px}.bonus-badge,.popular-badge{font-size:9px;padding:2px 6px}.channel-options{flex-direction:column;gap:10px}.channel-option{padding:14px 12px}.channel-icon{font-size:18px}.channel-option span:last-child{font-size:13px}.payment-summary{margin-top:16px;padding:14px}.summary-row{font-size:13px}.summary-row .price{font-size:18px}.modal-footer{gap:10px;padding:16px 16px max(80px,calc(76px + env(safe-area-inset-bottom)))}.cancel-btn,.pay-btn{font-size:14px;padding:12px}}@media (max-width:480px){.payment-modal-overlay{padding:0}.payment-modal{border-radius:0;display:flex;flex-direction:column;height:auto;margin:0;max-height:100vh;width:100%}.modal-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto}.packages-grid{grid-template-columns:1fr}.package-card{padding:16px}.modal-footer{background:linear-gradient(180deg,#0000,#1a1a2ef2 20%,#1a1a2e);flex-shrink:0;padding-bottom:max(100px,calc(96px + env(safe-area-inset-bottom)))}}.account-modal-overlay{-webkit-overflow-scrolling:touch;align-items:center;animation:fadeIn .3s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:10px;position:fixed;right:0;top:0;z-index:1000}.account-modal{-webkit-overflow-scrolling:touch;animation:slideUp .3s ease;background:linear-gradient(180deg,#1a1a2e,#16141f);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:450px;overflow:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:linear-gradient(180deg,#1a1a2e,#16141f);border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{color:#fff;font-size:22px;font-weight:600;margin:0}.close-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:50%;color:#ffffff80;cursor:pointer;display:flex;font-size:32px;height:36px;justify-content:center;line-height:1;padding:0;touch-action:manipulation;transition:all .2s;width:36px}.close-btn:active,.close-btn:hover{background:#ffffff1a;color:#fff}.modal-content{padding:24px 20px}.info-message{align-items:flex-start;background:#667eea1a;border:1px solid #667eea4d;border-radius:12px;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.info-icon{font-size:18px;margin-top:2px}.info-message p{color:#ffffffe6;font-size:14px;line-height:1.5;margin:0}.form-group{margin-bottom:20px}.form-group label{color:#ffffffe6;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;box-sizing:border-box;color:#fff;font-size:16px;padding:12px 16px;transition:all .3s;width:100%}.form-group input:focus{background:#ffffff14;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input::placeholder{color:#fff6}.form-group input:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;color:#ff6b6b;font-size:14px;margin-bottom:16px;padding:12px 16px;text-align:center}.submit-btn{-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-height:48px;padding:14px 24px;touch-action:manipulation;transition:all .3s;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.submit-btn:active:not(:disabled){transform:scale(.98)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.switch-mode{border-top:1px solid #ffffff1a;margin-top:20px;padding-top:20px;text-align:center}.switch-mode span{color:#fff9;font-size:14px;margin-right:8px}.switch-mode button{-webkit-tap-highlight-color:transparent;background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:4px 8px;touch-action:manipulation;transition:all .2s}.switch-mode button:active,.switch-mode button:hover{color:#8b9aff;text-decoration:underline}@media (max-width:480px){.account-modal{border-radius:0;max-height:100vh;max-width:100%;width:100%}.modal-header{padding:16px}.modal-header h2{font-size:20px}.modal-content{padding:20px 16px}.form-group{margin-bottom:16px}.form-group input{font-size:16px;padding:10px 14px}.submit-btn{font-size:15px;padding:12px 20px}}@media (orientation:landscape) and (max-height:500px){.account-modal{max-height:95vh}.modal-header{padding:12px 16px}.modal-header h2{font-size:18px}.modal-content{padding:16px}.form-group,.info-message{margin-bottom:12px}.info-message{padding:8px 12px}.submit-btn{min-height:40px;padding:10px 20px}.switch-mode{margin-top:12px;padding-top:12px}}.profile-page{background:linear-gradient(180deg,#1a1a2e,#16141f);display:flex;flex-direction:column;height:100%;min-height:100vh;overflow:hidden}.profile-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a2ef2;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #00000080;color:#fff;flex-shrink:0;padding:max(15px,env(safe-area-inset-top)) 20px 15px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.profile-header .header-left{align-items:center;display:flex;gap:12px}.profile-header .header-icon{flex-shrink:0;font-size:28px;line-height:1}.profile-header .header-title-group{display:flex;flex-direction:column;gap:2px}.profile-header .header-title-group h1{color:#fff;font-size:20px;font-weight:600;line-height:1.2;margin:0}.profile-header .header-title-group p{color:#ffffffb3;font-size:12px;line-height:1.2;margin:0;opacity:.7}.profile-content{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;gap:16px;margin:0 auto;max-width:600px;overflow-x:hidden;overflow-y:auto;padding:16px 16px calc(16px + env(safe-area-inset-bottom));width:100%}.account-info-section{width:100%}.account-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 20px #0003;overflow:hidden}.account-card-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:12px;padding:20px;position:relative}.account-icon{align-items:center;background:linear-gradient(135deg,#ff6b9533,#ff8fb333);border-radius:12px;display:flex;flex-shrink:0;font-size:32px;height:48px;justify-content:center;width:48px}.account-header-info{flex:1 1;min-width:0}.account-title{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px}.account-uid{color:#ffffff80;font-family:Courier New,monospace;font-size:12px;margin:0}.account-badge{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 10px;position:absolute;right:12px;top:12px}.account-card-body{padding:20px}.info-item{gap:12px;padding:12px 0}.info-item,.info-item-icon{align-items:center;display:flex}.info-item-icon{background:#ffffff0d;border-radius:8px;flex-shrink:0;font-size:20px;height:32px;justify-content:center;width:32px}.info-item-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.info-item-label{color:#ffffff80;font-size:12px}.info-item-value{color:#fff;font-size:14px;font-weight:500}.account-card-actions{border-top:1px solid #ffffff1a;margin-top:12px;padding-top:12px}.account-action-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fffc;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px;transition:all .2s;width:100%}.account-action-btn:hover{background:#ffffff14;color:#fff}.logout-btn:hover{background:#ff572233;border-color:#ff57224d;color:#ff9800}.btn-icon{font-size:16px}.account-bind-prompt{align-items:center;display:flex;flex-direction:column;padding:10px 0;text-align:center}.bind-prompt-icon{font-size:40px;margin-bottom:12px}.bind-prompt-content{margin-bottom:16px}.bind-prompt-title{color:#fff;font-size:15px;font-weight:600;margin:0 0 6px}.bind-prompt-desc{color:#fff9;font-size:13px;margin:0}.bind-actions{display:flex;gap:12px;width:100%}.bind-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:12px;transition:all .2s}.bind-btn.primary{background:linear-gradient(135deg,#ff6b95,#ff8fb3);box-shadow:0 4px 15px #ff6b954d;color:#fff}.bind-btn.primary:hover{box-shadow:0 6px 20px #ff6b9566;transform:translateY(-1px)}.bind-btn.secondary{background:#ffffff1a;border:1px solid #fff3;color:#fffc}.bind-btn.secondary:hover{background:#ffffff26;color:#fff}.credits-display-section{width:100%}.credits-row{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 20px #0003;display:flex;flex-direction:column;gap:20px;padding:24px}.credits-main-display{text-align:center}.credits-title{color:#fff9;font-size:13px;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.credits-amount{align-items:baseline;display:flex;gap:8px;justify-content:center;margin-bottom:12px}.credits-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b95,#ff8fb3);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:700;line-height:1}.credits-unit{color:#fff9;font-size:18px;font-weight:500}.credits-warning{background:#ff98001a;border-radius:8px;color:#ff9800;display:inline-block;font-size:13px;padding:8px 12px}.credits-actions{display:flex;flex-direction:column;gap:16px}.recharge-button-main{align-items:center;background:linear-gradient(135deg,#ff6b95,#ff8fb3);border:none;border-radius:12px;box-shadow:0 4px 20px #ff6b954d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:16px;transition:all .3s;width:100%}.recharge-button-main:hover{box-shadow:0 6px 25px #ff6b9566;transform:translateY(-2px)}.recharge-button-main:active{transform:translateY(0)}.button-icon{font-size:20px}.button-text{font-size:16px}.credits-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.stat-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:12px;text-align:center}.stat-label{color:#ffffff80;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#fff;font-size:16px;font-weight:600}.transaction-history-link{margin-top:8px}.transaction-history-btn{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;color:#fffc;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:16px;transition:all .2s;width:100%}.transaction-history-btn:hover{background:#ffffff0d;color:#fff;transform:translateX(4px)}.btn-text{flex:1 1;margin-left:8px;text-align:left}.btn-arrow{font-size:18px;opacity:.5;transition:all .2s}.transaction-history-btn:hover .btn-arrow{opacity:1;transform:translateX(4px)}.ai-companion-section{width:100%}.ai-companion-card{align-items:center;background:linear-gradient(135deg,#ff6b951a,#ff8fb31a);border:1px solid #ff6b954d;border-radius:16px;box-shadow:0 4px 20px #ff6b9533;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .3s}.ai-companion-card:hover{background:linear-gradient(135deg,#ff6b9526,#ff8fb326);box-shadow:0 6px 25px #ff6b954d;transform:translateY(-2px)}.ai-companion-icon{border-radius:12px;box-shadow:0 4px 12px #0000004d;flex-shrink:0;height:60px;overflow:hidden;width:60px}.ai-companion-icon img{height:100%;object-fit:cover;width:100%}.ai-companion-content{flex:1 1}.ai-companion-content h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 4px}.ai-companion-content p{color:#fff9;font-size:13px;margin:0}.ai-companion-arrow{color:#fff6;font-size:24px;transition:all .2s}.ai-companion-card:hover .ai-companion-arrow{color:#ff6b95;transform:translateX(4px)}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;height:100vh;justify-content:center}.loading-spinner{border:4px solid #ffffff1a;height:48px;width:48px}.loading-container p{color:#ffffffb3;font-size:14px}@media (min-width:768px){.profile-content{gap:20px;max-width:700px;padding:24px}.credits-row{padding:28px}.credits-number{font-size:56px}.account-card-body,.account-card-header{padding:24px}}@media (min-width:1024px){.profile-page{height:100vh;width:100%}.profile-header{display:none}.profile-content{gap:24px;max-width:800px;padding:32px}.credits-row{align-items:center;flex-direction:row;justify-content:space-between}.credits-main-display{text-align:left}.credits-amount{justify-content:flex-start}.credits-actions{align-items:center;flex-direction:row}.recharge-button-main{padding:14px 28px;width:auto}.credits-stats{gap:16px;grid-template-columns:auto auto}}@media (max-width:480px){.profile-content{gap:12px;padding:12px}.credits-row{padding:20px}.credits-number{font-size:42px}.account-card-body,.account-card-header{padding:16px}.bind-actions{flex-direction:column}.bind-btn{width:100%}}.circular-progress{align-items:center;display:inline-flex;justify-content:center;position:relative}.circular-progress-svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transform:rotate(-90deg)}.circular-progress-bg{stroke:#0000001a;transition:stroke .3s ease}.circular-progress-bar{stroke:url(#progress-gradient);animation:pulse 2s ease-in-out infinite;transition:stroke-dashoffset .3s ease}.circular-progress-svg{position:relative}.circular-progress-bar{stroke:#667eea;stroke:linear-gradient(135deg,#667eea,#764ba2)}.circular-progress-text{align-items:baseline;color:#333;display:flex;font-weight:600;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.circular-progress-number{color:#667eea;font-size:20px;font-weight:700}.circular-progress-percent{color:#667eea;font-size:12px;font-weight:600;margin-left:2px;opacity:.8}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes rotate{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@media (prefers-color-scheme:dark){.circular-progress-bg{stroke:#fff3}.circular-progress-text{color:#f0f0f0}.circular-progress-number,.circular-progress-percent{color:#9fa8da}}@media (max-width:768px){.circular-progress-number{font-size:18px}.circular-progress-percent{font-size:11px}}.history-page{background:linear-gradient(180deg,#1a1a2e,#16141f);display:flex;flex-direction:column;height:100%;min-height:100vh;overflow:hidden}.history-header .header-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.history-header .header-title-group p{color:#ffffffb3}.filter-tab{background:#fff3;border:none;color:#fff}.filter-tab:hover{background:#ffffff4d}.filter-tab.active{box-shadow:0 2px 8px #ff6b954d}.history-content{max-width:600px;padding:15px;width:100%}@media (min-width:1024px){.history-page{height:100vh;height:100dvh}.history-header{display:none}.history-content{height:100%;margin:0 auto;max-width:800px;padding:20px;width:100%}.filter-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;display:flex;gap:15px;justify-content:center;margin-bottom:30px;padding:20px}.filter-tab{background:#fff3;border-radius:12px;color:#fff;font-size:16px;padding:12px 24px}.filter-tab.active{background:linear-gradient(135deg,#ff6b95,#ff8fb3);box-shadow:0 4px 15px #ff6b954d;color:#fff}}@media (min-width:1366px){.history-content{padding:40px 50px}.filter-tabs{margin-bottom:40px}}@media (min-width:1600px){.history-content{padding:50px 60px}}.empty-state{color:#fff;padding:50px 20px}.empty-icon{margin-bottom:15px}.empty-text{font-weight:500}.empty-hint{opacity:.8}.history-list{display:flex;flex-direction:column;gap:15px}.history-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .3s}.history-item-header{padding:15px;position:relative}.history-item-header,.history-item-main{align-items:center;display:flex;justify-content:space-between}.history-item-main{cursor:pointer;flex:1 1}.history-item-main:active{background:#f9fafb;border-radius:8px}@media (min-width:1024px){.history-list{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.history-item{border-radius:16px;box-shadow:0 4px 15px #00000014;transition:all .3s ease}.history-item:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-4px)}.history-item-header{padding:20px}.history-item-main:hover{background:#f9fafb;border-radius:12px}.history-item-main:active{transform:scale(.98)}}.item-info h3{align-items:center;color:#333;display:flex;font-size:16px;font-weight:600;gap:5px;margin-bottom:5px}.favorite-star{color:#fbbf24;font-size:14px}.item-time{color:#666;font-size:13px}.status-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 10px}.status-completed{background:#d1fae5;color:#065f46}.status-processing{background:#dbeafe;color:#1e40af}.status-failed{background:#fee2e2;color:#991b1b}.status-pending{background:#f3f4f6;color:#6b7280}.history-item-details{animation:fadeIn .3s ease-out;border-top:1px solid #f0f0f0;padding:0 15px 15px}.detail-row{border-bottom:1px solid #f9fafb;display:flex;padding:10px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#666;font-size:14px;min-width:80px}.detail-value{color:#333;flex:1 1;font-size:14px}.output-files{display:flex;flex:1 1;flex-direction:column;gap:8px}.output-file{align-items:center;background:#f9fafb;border-radius:6px;display:flex;justify-content:space-between;padding:6px 10px}.output-file span{color:#333;flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.download-btn{background:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 12px;transition:all .3s}.download-btn:active{transform:scale(.95)}.preview-section{border-top:1px solid #f0f0f0;margin-top:15px;padding-top:15px}.preview-media{background:#f9fafb;border-radius:8px;max-height:300px;object-fit:contain}.item-actions{display:flex;gap:8px;margin-left:10px}.action-btn{align-items:center;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .3s;width:32px}.action-btn:hover{background:#e5e7eb}.action-btn:active{transform:scale(.95)}.favorite-btn.active{background:#fef3c7;color:#fbbf24}.delete-btn:hover{background:#fee2e2;color:#dc2626}.delete-confirm{align-items:center;animation:slideDown .3s ease;background:#fef2f2;border-top:1px solid #fecaca;display:flex;justify-content:space-between;padding:10px 15px}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:60px;opacity:1}}.delete-confirm span{color:#991b1b;font-size:14px}.confirm-buttons{display:flex;gap:8px}.cancel-btn,.confirm-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;padding:6px 16px;transition:all .3s}.confirm-btn{background:#dc2626;color:#fff}.confirm-btn:hover{background:#b91c1c}.cancel-btn{background:#fff;border:1px solid #e5e7eb;color:#666}.cancel-btn:hover{background:#f9fafb}.output-files-section{border-top:1px solid #f0f0f0;margin-top:15px;padding-top:15px}.output-files-section h4{color:#333;font-size:16px;font-weight:600;margin-bottom:15px}.output-previews{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.output-preview{background:#f9fafb;border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden}.preview-media{align-items:center;display:flex;justify-content:center;max-height:400px;min-height:200px;overflow:hidden;position:relative}.preview-image,.preview-media{background:linear-gradient(135deg,#f8f9fa,#e9ecef);width:100%}.preview-image,.preview-video{border-radius:8px 8px 0 0;height:auto;max-height:300px;object-fit:contain}.preview-video{background:linear-gradient(135deg,#f8f9fa,#e9ecef);width:100%}@media (min-width:1024px){.output-previews{gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.output-preview{border-radius:12px;transition:all .3s ease}.output-preview:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.preview-media{min-height:180px}.preview-image,.preview-video{border-radius:12px 12px 0 0;max-height:350px}.preview-placeholder{min-height:180px;padding:30px}.preview-placeholder .file-icon{font-size:40px;margin-bottom:12px}.preview-placeholder .file-name{font-size:14px}.preview-actions{padding:15px}.preview-actions .file-name{font-size:14px}.preview-actions .download-btn{border-radius:8px;font-size:14px;padding:8px 16px}}.preview-media-container{height:100%;min-height:150px;width:100%}.preview-placeholder{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;min-height:150px;padding:20px;text-align:center}.preview-placeholder .file-icon{font-size:32px;margin-bottom:8px}.preview-placeholder .file-name{font-size:12px;word-break:break-all}.preview-loading{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;min-height:180px;padding:30px 20px;text-align:center}.preview-loading .loading-text{color:#667eea;font-size:14px;font-weight:500;margin-top:5px}.preview-error{align-items:center;color:#ef4444;display:flex;font-size:14px;justify-content:center;min-height:150px}.preview-actions{align-items:center;display:flex;gap:10px;justify-content:space-between;padding:12px}.preview-actions .file-name{color:#666;flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-actions .download-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .3s;white-space:nowrap}.preview-actions .download-btn:hover{background:#5a67d8}.preview-actions .download-btn:active{transform:scale(.95)}.progress-indicator{color:#667eea;font-size:12px;font-weight:500;margin-top:5px}.pagination{gap:15px;margin-top:30px;padding:20px}.pagination-btn{background:#ffffffe6;border:1px solid #e5e7eb;color:#374151;padding:8px 16px}.pagination-btn:hover:not(:disabled){background:#fff;border-color:#667eea;color:#667eea}.pagination-btn:disabled{opacity:.5}.pagination-info{color:#fff;font-weight:500}.loading-state{color:#fff;padding:50px 20px}.loading-spinner{border:3px solid #ffffff4d;height:32px;margin-bottom:15px;width:32px}.task-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:15px;padding:15px}.task-summary .task-info{font-size:14px;line-height:1.6}.task-summary .task-info p{color:#374151;margin:8px 0}.task-summary .task-info strong{color:#1f2937;font-weight:600}.task-summary .error-message{background:#fef2f2;border-radius:6px;color:#dc2626!important;margin-top:12px;padding:8px 12px}.task-summary .error-message strong{color:#991b1b}@media (max-width:768px){.history-header{padding:max(12px,env(safe-area-inset-top)) 15px 12px}.history-header .header-left{gap:10px}.history-header .header-icon{font-size:24px}.history-header .header-title-group h1{font-size:18px}.history-header .header-title-group p{font-size:11px}.filter-tabs{gap:6px}.filter-tab{flex-shrink:0;font-size:13px;padding:7px 14px}}@media (max-width:480px){.history-header{padding:max(10px,env(safe-area-inset-top)) 12px 10px}.history-header .header-icon{font-size:22px}.history-header .header-title-group h1{font-size:17px}.history-header .header-title-group p{font-size:10px}.filter-tab{font-size:12px;padding:6px 12px}}.loading-history-indicator{align-items:center;animation:fadeIn .3s ease-out;background:#667eea26;border-radius:20px;display:flex;gap:8px;margin-left:auto;padding:6px 12px}.loading-history-indicator span{color:#ffffffe6;font-size:12px;font-weight:500}.spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#ffffffe6;height:14px;width:14px}.transaction-history{background:linear-gradient(180deg,#1a1a2e,#16141f);display:flex;flex-direction:column;height:100%;min-height:100vh;overflow:hidden}.history-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a2ef2;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #00000080;color:#fff;flex-shrink:0;padding:max(15px,env(safe-area-inset-top)) 20px 15px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.history-header .header-left{align-items:center;display:flex;gap:12px}.history-header .header-icon{flex-shrink:0;font-size:28px;line-height:1}.history-header .header-title-group{display:flex;flex-direction:column;gap:2px}.history-header .header-title-group h1{color:#fffffff2;font-size:20px;font-weight:600;line-height:1.2;margin:0;text-shadow:0 2px 4px #0000004d}.history-header .header-title-group p{font-size:12px;line-height:1.2;margin:0;opacity:.85}.filter-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:8px;margin-bottom:15px;overflow-x:auto;padding:0 0 8px;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 2px 8px #0003;color:#ffffffe6;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s;white-space:nowrap}.filter-tab:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-1px)}.filter-tab:active{transform:scale(.95)}.filter-tab.active{background:linear-gradient(135deg,#ff6b95,#ff8fb3);border-color:#0000;box-shadow:0 4px 15px #ff6b9566;color:#fff}.history-content{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:15px 15px calc(15px + env(safe-area-inset-bottom))}.history-content::-webkit-scrollbar{width:8px}.history-content::-webkit-scrollbar-track{background:#ffffff05}.history-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.history-content::-webkit-scrollbar-thumb:hover{background:#ffffff26}.loading-state{align-items:center;color:#fff9;display:flex;flex-direction:column;justify-content:center;min-height:300px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-top-color:#ff6b95;height:40px;margin-bottom:16px;width:40px}.empty-state{align-items:center;color:#fff9;display:flex;flex-direction:column;justify-content:center;min-height:300px;text-align:center}.empty-icon{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));font-size:64px;margin-bottom:16px;opacity:.3}.empty-text{color:#fffc;font-size:18px;margin-bottom:8px;text-shadow:0 1px 2px #0003}.empty-hint{color:#fff6;font-size:14px}.transaction-list{display:flex;flex-direction:column;gap:10px}.transaction-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 15px #0000004d;display:flex;gap:12px;padding:12px 14px;transition:all .3s}.transaction-item:hover{background:#ffffff0d;border-color:#ffffff26;box-shadow:0 6px 20px #0006;transform:translateY(-2px)}.transaction-icon{align-items:center;background:#ff6b951a;border-radius:10px;display:flex;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));flex-shrink:0;font-size:24px;height:42px;justify-content:center;width:42px}.transaction-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.transaction-main h3{color:#fffffff2;font-size:15px;font-weight:600;margin:0;text-shadow:0 1px 2px #0003}.transaction-desc{color:#fff9;font-size:12px;margin:2px 0 0}.transaction-time{color:#ffffff80;font-size:11px;margin-top:2px}.transaction-amount{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:2px;text-align:right}.amount{font-size:16px;font-weight:700;letter-spacing:-.3px;text-shadow:0 1px 2px #0000004d}.amount.positive{color:#4ade80;text-shadow:0 0 10px #4ade8066}.amount.negative{color:#ff6b95;text-shadow:0 0 10px #ff6b9566}.balance{color:#ffffff80;font-size:11px;font-weight:500}.transaction-recharge{border-left:3px solid #4ade80}.transaction-consume{border-left:3px solid #ff6b95}.transaction-refund{border-left:3px solid #fbbf24}.transaction-bonus{border-left:3px solid #a78bfa}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:32px;padding:16px}.pagination-btn{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;box-shadow:0 2px 8px #0003;color:#ffffffe6;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s}.pagination-btn:hover:not(:disabled){background:#ffffff1f;border-color:#fff3;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.3}.pagination-info{color:#fff9;font-size:14px}@media (max-width:768px){.history-header{padding:max(12px,env(safe-area-inset-top)) 15px 12px}.history-header .header-icon{font-size:24px}.history-header .header-title-group h1{font-size:18px}.history-header .header-title-group p{font-size:11px}.filter-tab{font-size:13px;padding:7px 14px}.history-content{padding:15px 12px calc(15px + env(safe-area-inset-bottom))}.transaction-item{gap:10px;padding:10px 12px}.transaction-icon{font-size:22px;height:38px;width:38px}.transaction-main h3{font-size:14px}.transaction-desc{font-size:11px}.transaction-time{font-size:10px}.amount{font-size:15px}.balance{font-size:10px}}@media (max-width:480px){.history-header{padding:max(10px,env(safe-area-inset-top)) 12px 10px}.history-header .header-icon{font-size:22px}.history-header .header-title-group h1{font-size:17px}.history-header .header-title-group p{font-size:10px}.filter-tab{font-size:12px;padding:6px 12px}.history-content{padding:12px 10px calc(12px + env(safe-area-inset-bottom))}.transaction-list{gap:8px}.transaction-item{padding:10px}}@media (min-width:1024px){.transaction-history{height:100%}.history-header{display:none}.history-content{max-width:900px;padding:30px 40px}.filter-tabs{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;justify-content:center;margin-bottom:30px;padding:20px}.filter-tab{font-size:16px;padding:12px 24px}.transaction-list{gap:12px}.transaction-item{border-radius:14px;padding:16px 18px}.transaction-item:hover{transform:translateY(-3px)}}.face-swap-templates{background:linear-gradient(180deg,#0f0f23,#1a1a2e 50%,#16141f);display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.templates-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a2ef2;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #00000080;color:#fff;flex-shrink:0;min-height:60px;padding:max(16px,env(safe-area-inset-top,16px)) 20px 16px;position:-webkit-sticky;position:sticky;position:relative;top:0;z-index:100}.back-button,.templates-header{align-items:center;display:flex;justify-content:center}.back-button{-webkit-tap-highlight-color:transparent;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff6b951a,#ff8fb30d);border:1px solid #ff6b9533;border-radius:10px;box-shadow:0 2px 8px #ff6b9526;color:#fffffff2;cursor:pointer;font-size:14px;font-weight:500;gap:4px;left:16px;min-height:40px;padding:8px 14px;position:absolute;top:50%;touch-action:manipulation;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2}.back-button:active,.back-button:hover{background:linear-gradient(135deg,#ff6b9526,#ff8fb31a);border-color:#ff6b954d;box-shadow:0 4px 12px #ff6b9540;transform:translateY(-50%) translateX(-3px)}.back-button:before{border-bottom:4px solid #0000;border-right:6px solid;border-top:4px solid #0000;content:"";height:0;margin-right:2px;width:0}.header-content{flex:1 1;max-width:calc(100% - 140px);padding:0 10px;text-align:center}.templates-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b95,#ff8fb3,#ffa5c0);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700;line-height:1.3;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;text-shadow:none;white-space:nowrap}.subtitle{color:#fffc;font-size:12px;line-height:1.2;margin:0;opacity:.75}.templates-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:20px 20px calc(100px + env(safe-area-inset-bottom, 20px))}.templates-content::-webkit-scrollbar{width:8px}.templates-content::-webkit-scrollbar-track{background:#ffffff05}.templates-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.templates-content::-webkit-scrollbar-thumb:hover{background:#ffffff26}.templates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;max-width:1400px}.template-card{-webkit-tap-highlight-color:transparent;background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 20px #0000004d;cursor:pointer;overflow:hidden;position:relative;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1)}.template-card:before{background:linear-gradient(135deg,#ff6b951a,#ff8fb30d);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s;z-index:1}.template-card:active:before,.template-card:hover:before{opacity:1}.template-card:active,.template-card:hover{border-color:#ff6b954d;box-shadow:0 12px 40px #00000080;transform:translateY(-8px) scale(1.02)}.template-card.selected{background:#ff6b9514;border:2px solid #ff6b95;box-shadow:0 0 30px #ff6b9580,0 8px 30px #0006}.template-card.selected:before{opacity:1}.template-preview{background:linear-gradient(135deg,#ffffff0d,#ffffff05);overflow:hidden;padding-top:133%;position:relative;width:100%}.template-preview.loading{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#ffffff0d,#ffffff1a 50%,#ffffff0d);background-size:200% 100%}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.template-preview.loading:before{animation:spin .8s linear infinite;border:3px solid #ff6b9533;border-radius:50%;border-top-color:#ff6b95;content:"";height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.template-preview img{height:100%;left:0;object-fit:cover;opacity:0;position:absolute;top:0;transition:transform .3s,opacity .3s;width:100%}.template-preview img.loaded{opacity:1}.template-card:active .template-preview img,.template-card:hover .template-preview img{transform:scale(1.05)}.template-icon{align-items:center;background:#ffffffe6;border-radius:50%;box-shadow:0 2px 8px #0000001a;display:none;font-size:20px;height:40px;justify-content:center;position:absolute;right:10px;top:10px;width:40px}.template-info{padding:15px;position:relative;z-index:2}.template-info h3{color:#fffffff2;font-size:18px;font-weight:600;margin:0 0 8px}.template-description{color:#fff9;font-size:13px;line-height:1.5;margin:0}.templates-footer{margin:30px auto 0;max-width:1400px}.info-box{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 20px #0000004d;display:flex;gap:12px;padding:15px 20px}.info-icon{flex-shrink:0;font-size:24px}.info-box p{color:#fffc;font-size:14px;line-height:1.6;margin:0}.template-card.selected .template-preview:after{align-items:center;animation:checkmark .3s ease;background:linear-gradient(135deg,#ff6b95,#ff8fb3);border-radius:50%;box-shadow:0 4px 12px #ff6b9580;color:#fff;content:"✓";display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;position:absolute;right:12px;top:12px;width:32px;z-index:2}@keyframes checkmark{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.templates-header{min-height:54px;padding:max(12px,env(safe-area-inset-top)) 15px 12px}.back-button{font-size:13px;left:12px;min-height:36px;padding:6px 12px}.header-content{max-width:calc(100% - 120px)}.templates-header h1{font-size:17px;margin:0 0 2px}.subtitle{font-size:11px;line-height:1.3}.templates-content{padding:15px 15px calc(100px + env(safe-area-inset-bottom, 20px))}.templates-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.template-card:active,.template-card:hover{transform:translateY(-4px) scale(1.01)}.template-info{padding:12px}.template-info h3{font-size:16px}.template-description{font-size:12px}.info-box{font-size:13px;padding:12px 16px}.info-icon{font-size:20px}.template-card.selected .template-preview:after{font-size:16px;height:28px;right:8px;top:8px;width:28px}}@media (max-width:480px){.templates-header{min-height:52px;padding:max(10px,env(safe-area-inset-top)) 12px 10px}.back-button{font-size:12px;gap:2px;left:10px;min-height:34px;padding:6px 10px}.header-content{max-width:calc(100% - 100px);padding:0 8px}.templates-header h1{font-size:16px;margin:0}.subtitle{font-size:10px;line-height:1.2;margin-top:2px}.templates-content{padding:12px 12px calc(100px + env(safe-area-inset-bottom, 20px))}.templates-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.template-info{padding:10px}.template-info h3{font-size:14px;margin-bottom:4px}.template-description{font-size:11px}.info-box{flex-direction:column;gap:8px;padding:12px;text-align:center}.info-box p{font-size:12px}.template-card.selected .template-preview:after{font-size:14px;height:24px;right:6px;top:6px;width:24px}}@media (max-width:360px){.templates-header{min-height:48px;padding:8px 10px}.back-button{font-size:11px;left:8px;min-height:32px;padding:5px 8px}.header-content{max-width:calc(100% - 90px);padding:0 6px}.templates-header h1{font-size:14px}.subtitle{font-size:9px}}@media (orientation:landscape) and (max-height:500px){.templates-header{min-height:46px;padding:max(8px,env(safe-area-inset-top)) 15px 8px}.templates-header h1{font-size:16px;margin:0}.subtitle{display:none}.templates-content{padding:12px 12px calc(80px + env(safe-area-inset-bottom, 20px))}.templates-grid{gap:12px}}@media (min-width:1024px){.templates-content{padding:30px 40px calc(100px + env(safe-area-inset-bottom, 40px))}.templates-grid{max-width:1200px}}.app-container{display:flex;flex-direction:column;min-height:100vh}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}.fade-in{animation:fadeIn .3s ease-out}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}.toast-container{bottom:80px;left:50%;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:9999}.toast{background:#000000d9;border-radius:25px;color:#fff;font-size:14px;margin-bottom:10px;max-width:80vw;opacity:0;padding:12px 20px;pointer-events:all;text-align:center;transform:translateY(20px);transition:all .3s ease}.toast.show{opacity:1;transform:translateY(0)}.toast.success{background:#10b981e6}.toast.error{background:#ef4444e6}.toast.warning{background:#f59e0be6}.btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-height:48px;overflow:hidden;padding:14px 24px;position:relative;touch-action:manipulation;transition:all .3s}.btn:active{transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-secondary{background:#f3f4f6;color:#4b5563}.btn-success{background:#10b981;color:#fff}.btn-danger{background:#ef4444;color:#fff}.card{-webkit-tap-highlight-color:transparent;background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000001a;padding:20px;transition:all .3s}.card:hover{box-shadow:0 6px 20px #00000026}.card.clickable{cursor:pointer;touch-action:manipulation}.card.clickable:active{transform:scale(.98)}.container{margin:0 auto;max-width:600px;padding:0 15px;width:100%}.container-wide{margin:0 auto;max-width:100%;padding:0 20px;width:100%}@media (min-width:768px){.container{padding:0 20px}.container-wide{padding:0 30px}}@media (min-width:1024px){.container{max-width:800px}.container-wide{padding:0 40px}}@media (min-width:1366px){.container-wide{padding:0 50px}}@media (min-width:1600px){.container-wide{padding:0 60px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body{-webkit-font-smoothing:subpixel-antialiased}.btn,.card{box-shadow:0 2px 8px #00000014}}@media (max-width:480px){.container{padding:0 12px}.btn{font-size:14px;min-height:44px;padding:12px 20px}.card{border-radius:12px;padding:16px}}@media (hover:none) and (pointer:coarse){.btn{min-height:44px}.card.clickable:active{transform:scale(.97)}a,button{min-height:44px;min-width:44px}}@media (min-width:768px) and (max-width:1023px){.container{max-width:720px;padding:0 24px}.container-wide{max-width:960px;padding:0 32px}}@media (min-width:1024px){body{background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed}.card{transition:all .3s ease}.card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}}@media (min-width:1440px){.container-wide{max-width:1600px;padding:0 80px}}@media (min-width:1920px){.container-wide{max-width:1800px;padding:0 100px}}@media (min-width:1024px) and (-webkit-min-device-pixel-ratio:1.5){.btn{border:.5px solid #0000}}@media (min-width:1024px) and (-webkit-min-device-pixel-ratio:2){.card{box-shadow:0 2px 8px #0000000f}.card:hover{box-shadow:0 4px 16px #0000001f}}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;min-height:-webkit-fill-available;overflow-x:hidden;text-rendering:optimizeLegibility}@supports (-webkit-touch-callout:none){body{min-height:-webkit-fill-available}}.responsive-container{margin:0 auto;padding:0 16px;width:100%}@media (max-width:480px){.responsive-container{max-width:100%;padding:0 12px}.responsive-text-sm{font-size:14px;line-height:1.4}.responsive-text-base{font-size:16px;line-height:1.5}.responsive-text-lg{font-size:18px;line-height:1.4}}@media (min-width:481px) and (max-width:767px){.responsive-container{max-width:600px;padding:0 16px}.responsive-text-sm{font-size:14px;line-height:1.5}.responsive-text-base{font-size:16px;line-height:1.5}.responsive-text-lg{font-size:20px;line-height:1.4}}@media (min-width:768px) and (max-width:1023px){.responsive-container{max-width:800px;padding:0 24px}.responsive-text-sm{font-size:15px;line-height:1.5}.responsive-text-base{font-size:17px;line-height:1.5}.responsive-text-lg{font-size:22px;line-height:1.4}}@media (min-width:1024px) and (max-width:1365px){.responsive-container{max-width:1200px;padding:0 32px}.responsive-text-sm{font-size:14px;line-height:1.6}.responsive-text-base{font-size:16px;line-height:1.6}.responsive-text-lg{font-size:24px;line-height:1.4}}@media (min-width:1366px) and (max-width:1599px){.responsive-container{max-width:1400px;padding:0 40px}.responsive-text-sm{font-size:14px;line-height:1.6}.responsive-text-base{font-size:16px;line-height:1.6}.responsive-text-lg{font-size:28px;line-height:1.3}}@media (min-width:1600px) and (max-width:1919px){.responsive-container{max-width:1600px;padding:0 60px}.responsive-text-sm{font-size:15px;line-height:1.6}.responsive-text-base{font-size:17px;line-height:1.6}.responsive-text-lg{font-size:32px;line-height:1.3}}@media (min-width:1920px){.responsive-container{max-width:1800px;padding:0 80px}.responsive-text-sm{font-size:16px;line-height:1.6}.responsive-text-base{font-size:18px;line-height:1.6}.responsive-text-lg{font-size:36px;line-height:1.2}}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){body{-webkit-font-smoothing:subpixel-antialiased}.responsive-sharp-text{-webkit-font-smoothing:antialiased;font-weight:500}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.responsive-sharp-text{-webkit-font-smoothing:antialiased;font-weight:600}.responsive-border{border-width:.5px}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:288dpi){.responsive-sharp-text{font-weight:700}}.responsive-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:768px){.responsive-grid{gap:20px;grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.responsive-grid{gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (min-width:1366px){.responsive-grid{gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (min-width:1600px){.responsive-grid{gap:35px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}.responsive-spacing-sm{padding:8px}.responsive-spacing-md{padding:16px}.responsive-spacing-lg{padding:24px}@media (min-width:768px){.responsive-spacing-sm{padding:12px}.responsive-spacing-md{padding:20px}.responsive-spacing-lg{padding:32px}}@media (min-width:1024px){.responsive-spacing-sm{padding:16px}.responsive-spacing-md{padding:24px}.responsive-spacing-lg{padding:40px}}@media (min-width:1366px){.responsive-spacing-sm{padding:20px}.responsive-spacing-md{padding:32px}.responsive-spacing-lg{padding:48px}}.responsive-image{display:block;height:auto;max-width:100%}.responsive-video{height:auto;max-width:100%;width:100%}.responsive-text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.responsive-text-wrap{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;word-break:break-word}.responsive-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;padding:12px 24px;touch-action:manipulation;transition:all .3s ease}@media (max-width:480px){.responsive-button{font-size:14px;padding:10px 20px}}@media (min-width:1024px){.responsive-button{border-radius:10px;font-size:16px;padding:14px 28px}.responsive-button:hover{transform:translateY(-2px)}}.responsive-scroll-fix{-webkit-overflow-scrolling:touch;overflow-scrolling:touch}@media screen and (max-width:767px){.responsive-mobile-fix{min-height:calc(100vh - env(safe-area-inset-bottom))}}@media screen and (max-height:500px) and (orientation:landscape){.responsive-landscape-fix{min-height:100vh;padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top)}}
/*# sourceMappingURL=main.f52995a4.css.map*/