:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e5e7eb;background:#191022}html{touch-action:pan-x pan-y;-ms-touch-action:pan-x pan-y}*{box-sizing:border-box;scrollbar-width:none}*::-webkit-scrollbar{width:0;height:0;display:none}body{margin:0;background:radial-gradient(circle at top,#2a1b3a,#191022 60%);overflow:hidden;touch-action:pan-x pan-y;-ms-touch-action:pan-x pan-y}.material-symbols-outlined{font-family:Material Symbols Outlined;font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";display:inline-block;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased}.icon-xs{font-size:14px}.icon-svg-xs{width:14px;height:14px;display:block;flex-shrink:0}.app-shell{height:100dvh;display:flex;flex-direction:column;max-width:430px;margin:0 auto;background:#191022;border-left:1px solid #2f2540;border-right:1px solid #2f2540;position:relative;overflow:hidden}.shell-bg{height:100dvh;overflow:hidden}.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #322848;background:#191022d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;z-index:20}.topbar-left{display:inline-flex;align-items:center;gap:6px;min-width:0}.topbar-back{width:30px;height:30px;border-radius:9999px;padding:0;background:#37224b;color:#e9d5ff;display:inline-flex;align-items:center;justify-content:center}.topbar-back .material-symbols-outlined{font-size:18px}.topbar-back-plain{background:transparent;color:#e5e7eb}.coins-placeholder{visibility:hidden;pointer-events:none}.brand{margin:0;font-size:18px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coins{color:#a855f7;font-weight:700;font-size:12px;display:inline-flex;align-items:center;gap:4px;border:1px solid #4b2e68;border-radius:9999px;padding:4px 10px;background:#7e22ce26}.topbar-login-btn{text-decoration:none}.topbar-login-btn:hover,.topbar-login-btn:focus{color:#c4b5fd}.content{flex:1;padding:76px 16px 92px;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;width:100%;max-width:100%}.tabbar{display:flex;justify-content:space-around;padding:10px 8px;border-top:1px solid #322848;background:#191022f2;position:fixed;bottom:0;width:100%;max-width:430px;z-index:30}body.creator-panel-open .tabbar{opacity:0;pointer-events:none}.tabbar a{text-align:center;text-decoration:none;color:#9ca3af;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:2px 0;-webkit-tap-highlight-color:transparent}.tabbar a.router-link-active{color:#a855f7;font-weight:700}.tabbar a:active,.tabbar a:hover,.tabbar a:focus,.tabbar a:focus-visible{background:transparent;outline:none}.tab-icon{font-size:20px}.tab-svg{width:20px;height:20px;display:block;flex-shrink:0}.tab-label{line-height:1.1}.tab-instant-enter-active,.tab-instant-leave-active{transition:none}.tab-instant-enter-from,.tab-instant-leave-to{opacity:1}.app-page-enter-active,.app-page-leave-active{transition:opacity .2s ease,transform .22s ease}.app-page-enter-from,.app-page-leave-to{opacity:0;transform:translateY(6px)}.task-detail-page-enter-active,.task-detail-page-leave-active{transition:opacity .24s ease,transform .3s cubic-bezier(.22,1,.36,1)}.task-detail-page-enter-from{opacity:0;transform:translateY(16px) scale(.99)}.task-detail-page-leave-to{opacity:0;transform:translateY(20px) scale(.99)}.auth-page-enter-active,.auth-page-leave-active{transition:opacity .28s ease,transform .3s cubic-bezier(.22,1,.36,1)}.auth-page-enter-from{opacity:0;transform:translateY(12px) scale(.98)}.auth-page-leave-to{opacity:0;transform:translateY(-8px) scale(.98)}.app-root-enter-active,.app-root-leave-active{transition:opacity .24s ease,transform .28s cubic-bezier(.22,1,.36,1)}.app-root-enter-from{opacity:0;transform:translateY(8px) scale(.99)}.app-root-leave-to{opacity:0;transform:translateY(-12px) scale(.98)}.page h2{margin:0 0 12px;font-size:22px;color:#f3f4f6}.page{width:100%;max-width:100%;min-width:0;overflow-x:hidden}.create-head{margin-bottom:10px}.chips{display:flex;gap:8px;margin-bottom:12px}.chips-tabs{border-bottom:1px solid #322848;padding-bottom:6px;margin-bottom:10px}.chips span{font-size:12px;padding:6px 10px;border-radius:9999px;background:#ede9fe;color:#5b21b6}.chip{border:1px solid #4b2e68;background:#2a1e3b;color:#d8b4fe;border-radius:9999px;padding:6px 10px;font-size:12px;font-weight:600}.chip.active{background:#7f13ec;color:#fff;border-color:#7f13ec}.chips .chip:active,.chips .chip:hover,.chips .chip:focus,.chips .chip:focus-visible{outline:none}.chips .chip:not(.active):active,.chips .chip:not(.active):hover,.chips .chip:not(.active):focus,.chips .chip:not(.active):focus-visible{background:#2a1e3b;color:#d8b4fe;border-color:#4b2e68}.chips .chip.active:active,.chips .chip.active:hover,.chips .chip.active:focus,.chips .chip.active:focus-visible{background:#7f13ec;color:#fff;border-color:#7f13ec}.tab-chip{border-radius:10px;padding:8px 10px}.panel{background:#241833;border:1px solid #3b2a53;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:10px;width:100%;max-width:100%;min-width:0}button{border:none;background:#7f13ec;color:#fff;border-radius:8px;padding:10px 12px;font-weight:700;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:6px}.field input,.field textarea,.field select{width:100%;border:1px solid #4b5563;border-radius:8px;padding:8px 10px;font-size:14px;background:#191022;color:#e5e7eb}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hint{color:#9ca3af;font-size:13px}.error{color:#b91c1c;font-size:13px}.success{color:#166534;font-size:13px;word-break:break-all}.section-title{font-weight:700;color:#f3f4f6}.pkg-item{display:flex;gap:8px;align-items:center;font-size:14px}.pkg-item small{color:#6b7280}.list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.list-item{display:flex;justify-content:space-between;align-items:center;padding:8px;border:1px solid #3b2a53;background:#1d132a;border-radius:8px}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px;width:100%;max-width:100%;min-width:0}.template-card{background:#241833;border:1px solid #3b2a53;border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:6px;width:100%;max-width:100%;min-width:0;overflow:hidden}.template-title{font-weight:700;margin:0;font-size:13px}.template-actions{display:flex;gap:8px;min-width:0}.template-actions button{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-lite{background:#37224b;color:#e9d5ff}.modal-mask{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.modal-card{width:100%;max-width:340px;background:#241833;border-radius:12px;padding:14px;border:1px solid #3b2a53}.modal-actions{display:flex;gap:8px;margin-top:10px}.insufficient-modal-enter-active,.insufficient-modal-leave-active{transition:opacity .22s ease}.insufficient-modal-enter-active .modal-insufficient-card,.insufficient-modal-leave-active .modal-insufficient-card{transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .22s ease}.insufficient-modal-enter-from,.insufficient-modal-leave-to{opacity:0}.insufficient-modal-enter-from .modal-insufficient-card,.insufficient-modal-leave-to .modal-insufficient-card{transform:scale(.92) translateY(12px);opacity:0}.modal-insufficient{background:#090912a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-insufficient-card{max-width:320px;padding:24px 20px;background:linear-gradient(160deg,#1e1328,#16101f);border-radius:20px;border:1px solid rgba(168,85,247,.2);box-shadow:0 24px 48px #0006;text-align:center}.modal-insufficient-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:9999px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#a855f740,#7f13ec26);border:1px solid rgba(168,85,247,.35);color:#c4b5fd}.modal-insufficient-icon .material-symbols-outlined{font-size:32px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.modal-insufficient-title{margin:0 0 12px;font-size:20px;font-weight:700;color:#f3f4f6;letter-spacing:-.02em}.modal-insufficient-desc{margin:0 0 20px;font-size:14px;line-height:1.5;color:#94a3b8}.modal-insufficient-desc b{color:#a78bfa;font-weight:700}.modal-insufficient-card .modal-actions{display:flex;flex-direction:column;gap:10px;margin-top:0}.modal-payment-status .modal-actions.modal-actions-row{flex-direction:row}.modal-insufficient-card .modal-actions button{width:100%;padding:14px 20px;border-radius:14px;font-size:15px;font-weight:700;border:none;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.modal-insufficient-card .modal-actions button:active{transform:scale(.98)}.modal-insufficient-primary{color:#fff;background:linear-gradient(135deg,#a855f7,#7f13ec);box-shadow:0 8px 20px #7f13ec59}.modal-insufficient-card .modal-actions .btn-lite{background:#37224bcc;color:#e9d5ff;border:1px solid rgba(168,85,247,.25)}.modal-payment-processing .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-payment-success{background:linear-gradient(135deg,#22c55e40,#22c55e26)!important;border-color:#4ade8066!important;color:#86efac!important}.modal-payment-failed{background:linear-gradient(135deg,#ef444440,#ef444426)!important;border-color:#f8717166!important;color:#fca5a5!important}.modal-payment-detail{margin:0 0 16px;font-size:12px;color:#94a3b8}.modal-payment-error{margin:0 0 12px;font-size:13px;color:#f87171}.recharge-pay-page{padding-top:16px;padding-bottom:24px;min-height:100%}.recharge-pay-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;position:sticky;top:0;background:#191022e6;z-index:20;border-bottom:1px solid rgba(127,19,236,.2)}.recharge-pay-back{width:40px;height:40px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;color:#e9d5ff;background:#7f13ec33}.recharge-pay-title{margin:0;font-size:16px;font-weight:700;color:#f3f4f6}.recharge-pay-placeholder{width:40px}.recharge-pay-loading{padding:48px 24px;text-align:center}.recharge-pay-loading .btn-lite{margin-top:16px;display:inline-block}.recharge-pay-summary{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;margin:0 16px 16px;background:#7f13ec1f;border-radius:16px;border:1px solid rgba(168,85,247,.25)}.recharge-pay-coins{font-size:20px;font-weight:800;color:#fbbf24}.recharge-pay-amount{font-size:22px;font-weight:800;color:#f3f4f6}.recharge-pay-summary-right{display:flex;align-items:center;gap:12px}.recharge-pay-test-btn{font-size:11px;font-weight:600;color:#a78bfa;background:#a855f733;border:1px solid rgba(168,85,247,.4);border-radius:8px;padding:6px 12px;cursor:pointer;-webkit-tap-highlight-color:transparent}.recharge-pay-test-btn:hover,.recharge-pay-test-btn:focus{background:#a855f74d;color:#c4b5fd}.recharge-pay-fade-enter-active,.recharge-pay-fade-leave-active{transition:opacity .25s ease,transform .25s ease}.recharge-pay-fade-enter-from,.recharge-pay-fade-leave-to{opacity:0;transform:translateY(8px)}.recharge-pay-form{padding:0 20px}.recharge-pay-section{margin-bottom:24px}.recharge-pay-section-title{margin:0 0 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#a78bfa}.recharge-pay-fields{display:flex;flex-direction:column;gap:12px}.recharge-pay-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.recharge-pay-section .field>span{display:block;margin-bottom:4px;font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.recharge-pay-section select.auth-input-glass{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-right:40px}.recharge-pay-save-row{margin-bottom:20px}.recharge-pay-save-label{display:flex;align-items:center;gap:10px;font-size:13px;color:#94a3b8;cursor:pointer}.recharge-pay-save-label input[type=checkbox]{width:18px;height:18px;accent-color:#7f13ec}.recharge-pay-submit{width:100%;margin-bottom:12px}.recharge-pay-secure{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;font-size:11px;color:#64748b}.recharge-pay-secure .material-symbols-outlined{font-size:14px}.recharge-select-page{padding-top:16px;padding-bottom:100px}.recharge-select-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;position:sticky;top:0;background:#191022e6;z-index:20;border-bottom:1px solid rgba(127,19,236,.2)}.recharge-select-back{width:40px;height:40px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;color:#e9d5ff;background:#7f13ec33}.recharge-select-title{margin:0;font-size:16px;font-weight:700;color:#f3f4f6}.recharge-select-placeholder{width:40px}.recharge-select-summary{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;margin:0 16px 16px;background:#7f13ec1f;border-radius:16px;border:1px solid rgba(168,85,247,.25)}.recharge-select-coins{font-size:20px;font-weight:800;color:#fbbf24}.recharge-select-amount{font-size:22px;font-weight:800;color:#f3f4f6}.recharge-select-section-title{margin:0 0 12px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#a78bfa}.recharge-select-card-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;margin-bottom:10px;background:#37224b66;border-radius:12px;border:1px solid rgba(168,85,247,.2);cursor:pointer;transition:all .2s ease}.recharge-select-card-item:hover,.recharge-select-card-item.selected{border-color:#a855f780;background:#7f13ec26}.recharge-select-card-item .card-info{display:flex;align-items:center;justify-content:flex-start;gap:14px;text-align:left;flex:1;min-width:0;margin-left:4px}.recharge-select-card-item .card-info>div{text-align:left;flex:0 1 auto}.recharge-select-card-item .card-icon{width:38px;height:26px;border-radius:6px;background:#7f13ec33;display:flex;align-items:center;justify-content:center}.recharge-select-card-item .card-icon .material-symbols-outlined{font-size:16px;color:#a78bfa}.recharge-select-card-item .card-detail{font-size:13px;font-weight:600;color:#f3f4f6;text-align:left}.recharge-select-card-item .card-expiry{font-size:11px;color:#94a3b8;margin-top:1px;text-align:left}.recharge-select-add-card{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px;border:1px dashed rgba(168,85,247,.4);border-radius:14px;background:transparent;color:#a78bfa;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.recharge-select-add-card:hover{background:#7f13ec1a;border-color:#a855f799}.recharge-select-add-card span{text-decoration:none}.recharge-select-add-card .material-symbols-outlined:first-child{font-size:20px}.recharge-select-add-card .material-symbols-outlined:last-child{font-size:18px;color:#64748b}.card-delete-btn{padding:8px;border-radius:9999px;background:transparent;color:#64748b;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.card-delete-btn:hover{color:#ef4444;background:#ef444426}.card-delete-btn .material-symbols-outlined{font-size:18px}.recharge-select-paybar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0));background:linear-gradient(to top,#191022,#191022fa);border-top:1px solid rgba(127,19,236,.2)}.recharge-select-paybar .auth-primary-btn{width:100%}.recharge-select-pay-btn{display:flex;align-items:center;justify-content:center;text-decoration:none;color:inherit}.preview-box{height:180px;border-radius:10px;border:1px dashed #7e22ce;background:linear-gradient(135deg,#27173a,#1d132a);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;overflow:hidden;position:relative}.template-preview-media-34{height:auto;aspect-ratio:3 / 4}.preview-tag{margin:0;font-size:12px;font-weight:700;position:absolute;left:10px;bottom:8px;background:#00000080;color:#f5f3ff;border-radius:8px;padding:3px 8px}.preview-media{width:100%;height:100%;object-fit:cover;display:block}.status-line{display:flex;align-items:center;gap:8px}.detail-summary{display:flex;flex-direction:column;gap:8px}.detail-summary-row{margin:0;line-height:1.35;color:#e5e7eb}.status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:9999px;font-size:12px;font-weight:700}.status-queued{background:#fef3c7;color:#92400e}.status-processing{background:#dbeafe;color:#1e40af}.status-success{background:#dcfce7;color:#166534}.status-failed{background:#fee2e2;color:#b91c1c}.status-unknown{background:#e5e7eb;color:#374151}.wallet-card{border:1px solid #3b2a53;border-radius:12px;padding:12px;background:#1d132a}.editor-panel{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;max-height:90dvh;border-radius:14px 14px 0 0;border-bottom:none;padding:16px 14px calc(14px + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 28px #00000040;z-index:50;display:flex;flex-direction:column;overflow:hidden}.editor-panel .sheet-header{flex-shrink:0}.editor-panel-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.editor-panel .field{gap:8px}.editor-panel .field>span{font-size:12px;color:#cbd5e1;font-weight:600}.editor-panel textarea,.editor-panel input[type=text]{border-radius:10px;padding:10px 12px;line-height:1.45}.editor-panel textarea{min-height:86px;resize:vertical}.editor-panel .hint,.editor-panel .error,.editor-panel .success{margin:2px 0}.editor-panel>.field+.field{margin-top:2px}.generate-submit-wrap{margin-top:4px;padding-bottom:10px}.generate-submit-btn{width:100%}.hidden-file-input{display:none}.video-upload-box{width:100%;min-height:132px;border:1px dashed #4b2e68;border-radius:10px;background:#1d132a;display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden}.video-upload-preview{width:100%;height:100%;max-height:220px;object-fit:cover;display:block}.sheet-handle{width:48px;height:5px;border-radius:9999px;background:#6b7280;margin:0 auto 8px}.sheet-header{position:relative}.sheet-close-btn{position:absolute;right:0;top:-6px;width:30px;height:30px;border-radius:9999px;padding:0;background:#37224b;color:#e9d5ff;display:inline-flex;align-items:center;justify-content:center}.open-creator-btn{position:fixed;left:50%;transform:translate(-50%);bottom:calc(26px + env(safe-area-inset-bottom,0px));width:58px;height:58px;border-radius:9999px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:3px solid #191022;background:linear-gradient(135deg,#a855f7,#7f13ec);box-shadow:0 10px 28px #7e22ce73;z-index:300}.open-creator-btn .material-symbols-outlined{font-size:28px;font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 24}.fab-plus-icon{width:28px;height:28px;display:block}.creator-mask{position:fixed;inset:0;background:#0f172a73;z-index:45}.creator-panel-enter-active,.creator-panel-leave-active{transition:opacity .24s ease}.creator-panel-enter-from,.creator-panel-leave-to{opacity:0}.creator-panel-enter-active .editor-panel,.creator-panel-leave-active .editor-panel{transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .24s ease}.creator-panel-enter-from .editor-panel,.creator-panel-leave-to .editor-panel{transform:translate(-50%) translateY(24px) scale(.98);opacity:0}.wallet-balance{display:flex;flex-direction:column;align-items:center;padding:16px 0 18px}.wallet-balance-icon{width:56px;height:56px;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:#a855f7;background:#a855f72e;margin-bottom:8px}.wallet-coin-svg{width:28px;height:28px;display:block}.wallet-balance-value{margin:0;font-size:32px;line-height:1.05;font-weight:800;color:#f3f4f6}.wallet-page{padding-bottom:170px}.wallet-panel{padding:0;border:none;background:transparent;gap:12px}.wallet-panel .section-title{font-size:16px;margin:0 0 4px}.wallet-card-main{display:flex;flex-direction:column;gap:0;padding-top:8px}.wallet-coins{margin:0;display:inline-flex;align-items:flex-end;gap:1px;font-weight:700;line-height:1;color:#f3f4f6}.wallet-coins-base{font-size:16px;line-height:1;color:#f3f4f6}.wallet-coins-plus{font-size:12px;line-height:1;color:#a78bfa}.wallet-coins-bonus{font-size:12px;line-height:1;color:#a855f7}.wallet-badge{margin-left:auto;font-size:9px;text-transform:uppercase;letter-spacing:.03em;padding:2px 7px;border-radius:9999px;color:#fff;background:#7f13ec}.wallet-card-selected{border-color:#7f13ec;box-shadow:inset 0 0 0 1px #7f13ec}.wallet-pkg-card{position:relative;display:flex;align-items:center;justify-content:space-between;border:2px solid #4b0db8;border-radius:16px;background:#7f13ec14;padding:10px 12px;min-height:70px}.wallet-pkg-card-selected{border-color:#7f13ec;box-shadow:inset 0 0 0 1px #7f13ec,0 10px 24px #7f13ec2e}.wallet-custom-card{cursor:pointer}.wallet-custom-inner{width:100%;padding-left:4px}.wallet-custom-label{display:block;font-size:15px;font-weight:600;color:#e5e7eb;margin-bottom:6px}.wallet-custom-row{display:flex;align-items:center;gap:4px}.wallet-custom-dollar{color:#a855f7;font-size:18px;font-weight:700}.wallet-custom-input{flex:1;min-width:0;background:#00000040;border:1px solid #4b0db8;border-radius:10px;padding:8px 12px;font-size:16px;font-weight:600;color:#e5e7eb;-moz-appearance:textfield}.wallet-custom-input::-webkit-outer-spin-button,.wallet-custom-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.wallet-custom-coins{margin:6px 0 0;font-size:13px}.wallet-pkg-radio{position:absolute;inset:0;opacity:0;pointer-events:none}.wallet-pkg-left{display:inline-flex;align-items:center;gap:10px;min-width:0}.wallet-pkg-icon-wrap{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#a855f7;background:#7f13ec33;flex-shrink:0}.wallet-pkg-icon{width:18px;height:18px;display:block}.wallet-pkg-right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}.wallet-price{margin:0;color:#a855f7;font-size:18px;font-weight:800}.wallet-security-card{border:1px solid #492878;border-radius:14px;padding:14px;background:linear-gradient(135deg,#7f13ec29,#7f13ec0f);margin-top:6px}.wallet-security-head{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px}.wallet-security-head p{margin:0;color:#7f13ec;font-size:11px;font-weight:800;letter-spacing:.14em}.wallet-security-head .material-symbols-outlined{color:#7f13ec;font-size:18px}.wallet-paybar{position:fixed;left:50%;transform:translate(-50%);width:100%;max-width:430px;bottom:calc(58px + env(safe-area-inset-bottom,0px));padding:10px 16px 8px;background:#191022d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid #322848;z-index:32}.wallet-pay-btn{width:100%;border-radius:14px;padding:15px 16px;font-size:14px;font-weight:800;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 12px 30px #7f13ec5c}.wallet-pay-btn .material-symbols-outlined{font-size:16px;font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 24}.asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:0}.asset-card{display:flex;flex-direction:column;gap:6px}.asset-cover{position:relative;border:1px solid #3b2a53;background:#1d132a;border-radius:10px;overflow:hidden;aspect-ratio:4 / 5;text-decoration:none}.asset-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#a855f7;background:linear-gradient(135deg,#7f13ec26,#37415133)}.asset-placeholder-icon{width:22px;height:22px;display:block}.asset-thumb{width:100%;height:100%;object-fit:cover;display:block;background:#1d132a}.asset-ratio{position:absolute;top:6px;left:6px;font-size:10px;color:#fff;background:#00000073;padding:2px 6px;border-radius:9999px}.asset-status{position:absolute;top:6px;right:6px}.asset-time{margin:0;font-size:11px;color:#9ca3af}.asset-action{width:100%;font-size:12px;padding:8px}.template-media{width:100%;aspect-ratio:3 / 4;border-radius:10px;border:1px solid #4b2e68;position:relative;overflow:hidden}.template-media-btn{padding:0;border:none;background:transparent;cursor:pointer}.template-media-el{width:100%;height:100%;object-fit:cover;display:block;background:#1d132a;opacity:0;transition:opacity .24s ease}.template-media-el-loaded{opacity:1}.template-media-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,#1d132a 20%,#2a1e3b,#1d132a 70%);background-size:220% 100%;animation:templateShimmer 1.2s ease-in-out infinite}@keyframes templateShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.template-media-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#27173a,#1d132a);color:#a855f7}.template-cost{position:absolute;top:8px;right:8px;border-radius:8px;background:#00000073;color:#fff;font-size:11px;font-weight:700;padding:4px 6px;display:inline-flex;align-items:center;gap:3px}.processing-panel{border:1px solid #3b2a53;border-radius:12px;background:#1d132a;padding:16px;text-align:center}.progress-ring{--progress: 0%;position:relative;width:112px;height:112px;border-radius:9999px;padding:6px;background:conic-gradient(#7f13ec var(--progress),#322848 0);margin:0 auto 12px;display:flex;align-items:center;justify-content:center;transition:background .45s ease}.progress-ring:before{content:"";width:100%;height:100%;border-radius:9999px;background:#1d132a;display:block;z-index:0}.progress-ring>.progress-value{position:absolute;z-index:1}.progress-value{font-size:22px;font-weight:700;color:#f3f4f6}.processing-title{margin:0 0 6px;font-weight:700;color:#f3f4f6}.progress-bar-track{width:100%;height:8px;border-radius:9999px;background:#322848;overflow:hidden;margin-top:8px}.progress-bar-fill{height:100%;border-radius:9999px;background:#7f13ec;width:0;transition:width .45s ease}.processing-cards{display:flex;flex-direction:column;gap:8px;margin:12px 0 6px}.processing-card{border:1px solid #3b2a53;border-radius:10px;background:#241833;padding:10px;display:flex;justify-content:space-between;gap:8px;text-align:left}.processing-card span{color:#9ca3af;font-size:12px}.processing-card b{color:#f3f4f6;font-size:13px}.option-row{display:flex;gap:8px;flex-wrap:wrap}.option-pill{flex:1;min-width:72px;background:#2a1e3b;border:1px solid #4b2e68;color:#d8b4fe;border-radius:10px;padding:9px 0;font-size:12px}.option-pill-active{background:#7f13ec;border-color:#7f13ec;color:#fff}.ratio-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.ratio-pill{min-width:62px;background:#2a1e3b;border:1px solid #4b2e68;color:#d8b4fe;border-radius:10px;padding:9px 0;font-size:11px}.ratio-pill-active{background:#7f13ec;border-color:#7f13ec;color:#fff}.detail-result-card{border:1px solid #3b2a53;border-radius:12px;background:#1d132a;padding:10px}.detail-image,.detail-video{width:100%;height:100%;border-radius:10px;border:1px solid #4b2e68;margin-bottom:0;object-fit:cover;display:block}.detail-image{background:#1d132a;opacity:0;transition:opacity .22s ease}.detail-image-ready{opacity:1}.detail-video{background:#0f172a}.detail-title{margin:0 0 8px;font-weight:700;color:#f3f4f6}.detail-meta p{margin:4px 0;color:#cbd5e1;font-size:13px}.detail-actions{display:flex;gap:8px;margin-top:8px}.detail-actions button{flex:1}.detail-result-fallback{display:flex;align-items:center;justify-content:center;color:#a855f7;background:linear-gradient(135deg,#27173a,#1d132a)}.detail-media-wrap{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:10px;overflow:hidden;margin-bottom:8px;background:#1d132a}.detail-media-wrap .detail-image{margin-bottom:0}.detail-loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#cbd5e1;background:#1d132a;font-size:13px;font-weight:600}.detail-loading-overlay .material-symbols-outlined{font-size:20px;color:#cbd5e1;animation:detailLoadingSpin 1s linear infinite}@keyframes detailLoadingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.detail-grid{border:1px solid #3b2a53;border-radius:10px;background:#1d132a;overflow:hidden}.detail-row{display:grid;grid-template-columns:minmax(110px,42%) minmax(0,58%);align-items:start;gap:10px;padding:10px;border-bottom:1px solid #312244;font-size:13px}.detail-row:last-child{border-bottom:none}.detail-row span{color:#9ca3af}.detail-row b{color:#f3f4f6;text-align:right;white-space:normal;word-break:break-word}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stats-card{border:1px solid #3b2a53;border-radius:10px;background:#1d132a;padding:10px;display:flex;flex-direction:column;gap:4px}.stats-card span{color:#9ca3af;font-size:12px}.stats-card b{color:#f3f4f6}.modal-icon{width:56px;height:56px;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;color:#a855f7;background:#7e22ce33}.highlight{color:#a855f7}.auth-screen{min-height:100dvh;width:100%;max-width:430px;margin:0 auto;padding:72px 24px 24px;display:flex;flex-direction:column;position:relative}.auth-back-btn{position:absolute;left:24px;top:24px;width:40px;height:40px;border-radius:9999px;padding:0;background:#7f13ec33;color:#e9d5ff;border:1px solid rgba(127,19,236,.4);display:inline-flex;align-items:center;justify-content:center;z-index:10}.auth-back-btn .material-symbols-outlined{font-size:22px}.auth-login-bg{background:radial-gradient(circle at top right,#1e1233,#0f0a1a)}.auth-register-bg{background:radial-gradient(circle at top right,#2a0a52,#0f0716)}.auth-login-wrap{display:flex;flex-direction:column;min-height:calc(100dvh - 48px)}.auth-logo-wrap{margin:24px auto 28px;position:relative;width:100px;height:100px}.auth-logo-box{width:88px;height:88px;border-radius:28px;background:linear-gradient(135deg,#7f13ec,#a855f7);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 36px #7f13ec52;transform:rotate(4deg)}.auth-logo-box .material-symbols-outlined{font-size:46px;font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 24}.auth-logo-float{position:absolute;right:-2px;bottom:2px;width:34px;height:34px;border-radius:9999px;border:1px solid rgba(127,19,236,.45);background:#1a1325;display:flex;align-items:center;justify-content:center}.auth-logo-float .material-symbols-outlined{font-size:18px;color:#a855f7}.auth-title-wrap{text-align:center;margin-bottom:24px}.auth-title{margin:0 0 8px;font-size:34px;line-height:1.1;color:#fff;font-weight:800}.auth-title.register{font-size:30px}.auth-subtitle{margin:0;color:#94a3b8;font-size:13px}.auth-bonus-text{margin:12px 0 0;color:#a78bfa;font-size:13px}.auth-bonus-text b{color:#c4b5fd}.auth-form-wrap{display:flex;flex-direction:column;gap:10px}.auth-label{color:#94a3b8;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-top:4px}.auth-input-glass,.auth-input-card{width:100%;border-radius:12px;border:1px solid rgba(127,19,236,.32);color:#fff;font-size:14px;outline:none;transition:.2s ease}.auth-input-glass{background:#1a1325a3;padding:14px}.auth-input-card{background:#1a0d28;border-color:#ffffff1f;padding:13px 14px}.auth-input-glass:focus,.auth-input-card:focus{border-color:#7f13ec;box-shadow:0 0 0 2px #7f13ec33}.auth-password-wrap{position:relative}.auth-password-wrap input{padding-right:42px}.auth-eye-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:9999px;padding:0;background:transparent;color:#94a3b8}.auth-eye-btn .material-symbols-outlined{font-size:18px}.auth-primary-btn{width:100%;margin-top:12px;border-radius:12px;padding:13px 14px;font-size:15px;font-weight:800;color:#fff;background:#7f13ec;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 14px 26px #7f13ec52}.auth-primary-btn .material-symbols-outlined{font-size:18px}.auth-primary-btn:active{transform:scale(.985)}.auth-social-wrap{margin-top:auto;padding-bottom:8px}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0 16px}.auth-divider .line{flex:1;height:1px;background:#253041}.auth-divider span{color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.auth-social-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-social-btn{border:1px solid #2b3546;border-radius:12px;background:transparent;color:#e2e8f0;font-size:14px;font-weight:700;padding:12px 0}.auth-social-btn:hover{background:#1e293b59}.auth-switch-text{text-align:center;font-size:13px;color:#94a3b8;margin:18px 0 0}.auth-switch-below-btn{margin-top:20px;margin-bottom:0}.auth-switch-link,.auth-link{margin-left:2px;margin-right:2px;color:#a855f7;font-weight:700;text-decoration:none;cursor:pointer}.auth-link:hover,.auth-switch-link:hover{text-decoration:underline}.auth-register-wrap{width:100%;max-width:360px;margin:12px auto}.auth-register-logo{width:62px;height:62px;margin:8px auto 24px;border-radius:18px;border:1px solid rgba(127,19,236,.4);background:#7f13ec29;display:flex;align-items:center;justify-content:center}.auth-register-logo .material-symbols-outlined{color:#a855f7;font-size:34px}.auth-form-wrap.register{gap:8px}.auth-check-row{display:flex;align-items:flex-start;gap:8px;color:#a78bfa;font-size:12px;line-height:1.45;margin-top:6px}.me-login-area{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 24px 32px;background:#24183399;border-radius:16px;margin:0 4px;border:1px solid #322848}.me-login-area .me-login-prompt-icon{width:64px;height:64px;border-radius:9999px;background:#7f13ec2e;color:#a855f7;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.me-login-area .me-login-prompt-icon svg{width:32px;height:32px}.me-login-title{margin:0 0 8px;font-size:18px;font-weight:700;color:#f3f4f6}.me-login-hint{margin:0 0 20px;font-size:14px;color:#9ca3af;max-width:260px;line-height:1.45}.me-login-btn{padding:10px 24px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#7f13ec,#a855f7);border:none;border-radius:10px;cursor:pointer;-webkit-tap-highlight-color:transparent}.me-login-btn:hover,.me-login-btn:focus{background:linear-gradient(135deg,#6d28d9,#9333ea)}.me-page{display:flex;flex-direction:column;gap:14px;padding-bottom:16px}.me-login-prompt{display:flex;flex-direction:column;align-items:center;padding:48px 24px;text-align:center}.me-login-prompt-icon{width:72px;height:72px;border-radius:9999px;background:#7f13ec2e;color:#a855f7;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.me-login-prompt-icon svg{width:36px;height:36px}.me-login-prompt-title{margin:0 0 8px;font-size:20px;font-weight:700;color:#f3f4f6}.me-login-prompt-hint{margin:0 0 24px;font-size:14px;color:#9ca3af;max-width:280px}.me-login-prompt-btn{padding:12px 28px;font-size:15px;font-weight:700;border-radius:12px;background:linear-gradient(135deg,#7f13ec,#a855f7);color:#fff;border:none}.me-profile-row{display:flex;align-items:center;gap:12px;width:100%;padding:8px 0 2px}.me-avatar{width:72px;height:72px;border-radius:9999px;display:flex;align-items:center;justify-content:center;background:#7f13ec2e;border:2px solid rgba(127,19,236,.45);color:#e9d5ff}.me-avatar-icon{width:34px;height:34px;display:block}.me-profile-text{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.me-profile-subrow{display:flex;align-items:center;justify-content:space-between;gap:10px}.me-profile-id{margin:0;color:#f3f4f6;font-size:20px;font-weight:800}.me-member-badge{display:inline-flex;width:fit-content;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#7f13ec;border-radius:9999px;padding:3px 8px;font-weight:700}.me-signout-inline{background:transparent;border:1px solid rgba(239,68,68,.45);color:#ef4444;border-radius:9999px;padding:4px 10px;font-size:12px;font-weight:700}.me-balance-card{position:relative;border-radius:14px;background:linear-gradient(135deg,#8b1cf0,#7f13ec 60%,#6d28d9);padding:14px;color:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.me-balance-card:after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:9999px;background:#ffffff1f}.me-balance-label{margin:0 0 4px;color:#ffffffd6;font-size:12px;font-weight:600}.me-balance-value{margin:0;font-size:30px;line-height:1;font-weight:800}.me-topup-btn{border-radius:10px;background:#fff;color:#7f13ec;padding:8px 12px;font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:5px;z-index:1}.me-topup-btn .material-symbols-outlined{font-size:16px}.me-topup-icon{width:16px;height:16px;display:block}.me-section{display:flex;flex-direction:column;gap:6px}.me-section-title{margin:0 2px 2px;color:#9ca3af;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.me-about-desc{margin:0 2px 2px;color:#9ca3af;font-size:13px;line-height:1.5}.me-menu-item{background:#241833;border:1px solid #3b2a53;border-radius:12px;color:#f3f4f6;display:flex;align-items:center;justify-content:space-between;padding:12px;font-size:14px;font-weight:600}.me-menu-left{display:inline-flex;align-items:center;gap:10px}.me-menu-icon{color:#a855f7;width:20px;height:20px;display:block;flex-shrink:0}.me-chevron-icon{color:#9ca3af;width:20px;height:20px;display:block;flex-shrink:0}.help-page,.contact-page,.privacy-page{display:flex;flex-direction:column;gap:10px}.help-card{gap:6px}.help-q{margin:0;color:#f3f4f6;font-weight:700;font-size:14px}.help-a{margin:0;color:#cbd5e1;font-size:13px;line-height:1.45}.help-contact-btn{margin-top:4px}.help-company,.contact-company{margin-top:24px;margin-bottom:0;color:#6b7280;font-size:12px;text-align:center}.contact-email{margin-top:8px;margin-bottom:0;text-align:center}.contact-email a,.privacy-link{color:#6b7280;text-decoration:none}.contact-email a:hover,.privacy-link:hover{color:#9ca3af}.privacy-panel{gap:8px}.privacy-heading{margin:0;color:#f3f4f6;font-size:14px;font-weight:700}.privacy-text{margin:0;color:#cbd5e1;font-size:13px;line-height:1.5}