:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#app{box-sizing:border-box;width:100%;max-width:100%;min-height:100vh;display:flex}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}:root{--bg:#1a1a2e;--surface:#252538;--surface-hover:#2d2d45;--surface-light:#363650;--primary:#ff8c42;--primary-hover:#ff9f5a;--primary-glow:#ff8c424d;--text:#fff;--text-secondary:#a0a0b0;--text-muted:#6a6a80;--border:#3a3a55;--radius:12px;--radius-lg:16px}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}.app{flex-direction:column;width:100%;height:100vh;display:flex}.header{z-index:1000;padding:0 16px;padding-top:env(safe-area-inset-top,0px);height:calc(56px + env(safe-area-inset-top,0px));background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.logo{align-items:center;gap:12px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--primary), #ff6b35);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.logo-text{font-size:18px;font-weight:700}.nav-tabs{background:var(--bg);border-radius:20px;gap:8px;padding:4px;display:flex}.nav-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:16px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .2s}.nav-tab:hover{color:var(--text)}.nav-tab.active{background:var(--primary);color:#fff}.header-actions{align-items:center;gap:12px;display:flex}.btn-text{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:13px;transition:color .2s}.btn-text:hover{color:var(--text)}.contact-link{align-items:center;gap:4px;display:flex}.credits{border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;padding:4px 8px;font-size:13px;transition:all .2s}.credits:hover{color:var(--primary);border-color:var(--border);background:var(--surface)}.btn-upgrade{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.btn-upgrade:hover{background:var(--primary-hover);box-shadow:0 0 20px var(--primary-glow)}.avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.login-icon{justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:none}.mobile-menu-toggle{width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;justify-content:center;align-items:center;display:none}.mobile-menu-toggle:hover{background:var(--bg)}.mobile-menu-overlay{z-index:1001;opacity:0;visibility:hidden;background:#00000080;transition:all .3s;position:fixed;inset:0}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu-drawer{background:var(--surface);z-index:1002;flex-direction:column;width:260px;max-width:80vw;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-4px 0 24px #0000004d}.mobile-menu-drawer.active{transform:translate(0)}.mobile-menu-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.mobile-menu-title{color:var(--text);font-size:16px;font-weight:600}.mobile-menu-close{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.mobile-menu-close:hover{background:var(--bg);color:var(--text)}.mobile-menu-nav{flex-direction:column;gap:4px;padding:12px;display:flex;overflow-y:auto}.mobile-menu-item{border-radius:var(--radius);color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;padding:12px 16px;font-size:14px;transition:all .2s;display:flex}.mobile-menu-item:hover,.mobile-menu-item.active{background:var(--bg);color:var(--text)}.mobile-menu-item.active{color:var(--primary)}.mobile-only{display:none}.desktop-only{display:block}.mobile-tool-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px;display:none}.mobile-tool-title{color:var(--text);font-size:16px;font-weight:600}.mobile-tool-close{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.mobile-tool-close:hover{background:var(--bg);color:var(--text)}.mobile-tool-footer{border-top:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;gap:10px;padding:16px;display:none}.mobile-tool-cost{color:var(--text-secondary);text-align:center;margin:0;font-size:12px}.btn-generate-mobile{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);border-radius:var(--radius);color:#fff;cursor:pointer;border:none;width:100%;padding:14px 24px;font-size:15px;font-weight:600;transition:all .2s;display:none}.btn-generate-mobile:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ff8c4259}.btn-generate-mobile:disabled{opacity:.6;cursor:not-allowed}.mobile-generate,.mobile-tool-overlay,.mobile-results-overlay{display:none}.mobile-results-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px;display:none}.mobile-results-title{color:var(--text);font-size:16px;font-weight:600}.mobile-results-close{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.mobile-results-close:hover{background:var(--bg);color:var(--text)}.mobile-results-trigger{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;margin-top:12px;padding:12px 14px;font-size:14px;transition:all .2s;display:none}.mobile-results-trigger-left,.mobile-results-trigger-right{align-items:center;gap:8px;display:flex}.mobile-results-trigger-right{color:var(--text-secondary);font-size:13px}.mobile-results-trigger:hover{border-color:var(--primary)}.auth-overlay{z-index:2000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.auth-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:420px;padding:32px;position:relative}.auth-close{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:24px;display:flex;position:absolute;top:16px;right:16px}.auth-close:hover{color:var(--text)}.auth-title{color:var(--text);margin-bottom:8px;font-size:22px;font-weight:700}.auth-subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:13px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field label{color:var(--text-secondary);font-size:13px}.auth-field input,.auth-field textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);resize:vertical;outline:none;padding:12px 14px;font-family:inherit;font-size:14px}.auth-field input:focus,.auth-field textarea:focus{border-color:var(--primary)}.auth-error{color:#ff6b6b;margin-top:-4px;font-size:13px}.auth-submit{background:var(--primary);border-radius:var(--radius);color:#fff;cursor:pointer;border:none;padding:14px;font-size:15px;font-weight:600;transition:all .2s}.auth-submit:hover:not(:disabled){background:var(--primary-hover)}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-switch{text-align:center;color:var(--text-secondary);margin-top:20px;font-size:13px}.auth-switch-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:13px}.auth-switch-btn:hover{text-decoration:underline}.success-toast{z-index:3000;color:#fff;border-radius:var(--radius);white-space:nowrap;background:#2ecc71;padding:14px 32px;font-size:15px;font-weight:600;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #2ecc7166}.polish-toast{border-radius:var(--radius);color:var(--primary);text-align:center;background:#ff955226;border:1px solid #ff95524d;margin:10px 0;padding:10px 14px;font-size:13px}.polish-toast.video{margin:10px 20px}.polished-preview{border-radius:var(--radius);background:#ff95520f;border:1px dashed #ff955240;margin:10px 0;padding:12px}.polished-preview.video{margin:10px 20px}.polished-label{color:var(--primary);margin-bottom:6px;font-size:12px;font-weight:600;display:inline-block}.polished-text{color:var(--text-secondary);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.main{padding:calc(56px + env(safe-area-inset-top,0px)) 12px 12px;flex:1;grid-template-rows:1fr;grid-template-columns:minmax(0,2fr) minmax(0,3fr) minmax(0,5fr);gap:12px;width:100%;min-height:0;display:grid;overflow:hidden}@media (width>=1981px){.main{max-width:1800px;margin:0 auto}}.panel-left{flex-direction:column;gap:8px;width:100%;height:100%;min-height:0;display:flex;overflow-y:auto}.panel-center{flex-direction:column;gap:10px;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.panel-center-scroll{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:10px;min-height:0;display:flex;overflow-y:auto}.panel-center-scroll::-webkit-scrollbar{display:none}.mode-selector{gap:8px;margin-bottom:0;display:flex}.mode-hint{color:var(--text-secondary);border-radius:var(--radius);background:#ff955214;border:1px dashed #ff955240;min-height:42px;margin:0;padding:6px 8px;font-size:12px;line-height:1.5}.mode-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;flex:1;padding:8px 12px;font-size:13px;transition:all .2s}.mode-btn:hover{border-color:var(--primary);color:var(--text)}.mode-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.panel-right{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;gap:12px;width:100%;height:100%;min-height:0;padding:12px;display:flex;overflow-y:auto}.panel-left::-webkit-scrollbar{display:none}.panel-center::-webkit-scrollbar{display:none}.panel-right::-webkit-scrollbar{display:none}.panel-left,.panel-center,.panel-right{scrollbar-width:none;-ms-overflow-style:none}.panel-placeholder{color:var(--text-secondary);text-align:center;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:40px;display:flex}.panel-placeholder h3{color:var(--text);font-size:18px}.section{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);flex-shrink:0;padding:10px}.section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:600}.model-list{flex-direction:column;gap:6px;display:flex}.model-btn{background:var(--bg);border-radius:var(--radius);cursor:pointer;text-align:left;border:2px solid #0000;flex-direction:column;gap:1px;padding:8px 10px;transition:all .2s;display:flex}.model-btn:hover{border-color:var(--border)}.model-btn.active{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.model-btn.disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}.model-name{color:var(--text);font-size:12px;font-weight:600}.model-desc{color:var(--text-muted);font-size:10px}.model-cost{color:var(--primary);font-size:10px}.model-badges{justify-content:space-between;align-items:center;gap:4px;margin-top:2px;display:flex}.model-badge{white-space:nowrap;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:500}.model-badge.multi-image{color:#fff;background:var(--success,#10b981)}.model-status-line{align-items:center;gap:6px;margin-top:4px;display:flex}.mini-status-bars{flex:1;align-items:flex-end;gap:1px;height:16px;display:flex}.mini-status-bar{border-radius:1px;flex:1;min-width:1px}.mini-status-bar.status-success{background-color:#10b981}.mini-status-bar.status-partial{background-color:#f59e0b}.mini-status-bar.status-fail{background-color:#ef4444}.mini-status-bar.status-empty{background-color:#3b82f6}.model-24h-rate{white-space:nowrap;font-size:10px;font-weight:600}.model-24h-rate.rate-high{color:#10b981}.model-24h-rate.rate-medium{color:#f59e0b}.model-24h-rate.rate-low{color:#ef4444}.model-btn-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.model-btn-desc{color:var(--text-muted);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;display:-webkit-box;overflow:hidden}.size-list{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.size-btn{background:var(--bg);border-radius:var(--radius);cursor:pointer;text-align:center;border:2px solid #0000;flex-direction:column;align-items:center;gap:1px;padding:6px 4px;transition:all .2s;display:flex}.size-btn:hover{border-color:var(--border)}.size-btn.active{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.size-label{color:var(--text);font-size:11px;font-weight:600}.size-desc{color:var(--text-muted);font-size:9px}.quality-list{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.quality-btn{background:var(--bg);border-radius:var(--radius);cursor:pointer;text-align:center;border:2px solid #0000;flex-direction:column;align-items:center;gap:1px;padding:8px 6px;transition:all .2s;display:flex}.quality-btn:hover{border-color:var(--border)}.quality-btn.active{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.quality-name{color:var(--text);font-size:12px;font-weight:600}.quality-desc{color:var(--text-muted);font-size:9px}.style-list{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.style-btn{background:var(--bg);border-radius:var(--radius);cursor:pointer;text-align:center;border:2px solid #0000;flex-direction:column;align-items:center;gap:1px;padding:8px 6px;transition:all .2s;display:flex}.style-btn:hover{border-color:var(--border)}.style-btn.active{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.style-name{color:var(--text);font-size:12px;font-weight:600}.style-desc{color:var(--text-muted);font-size:9px}.count-list{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.count-btn{background:var(--bg);border-radius:var(--radius);color:var(--text);cursor:pointer;border:2px solid #0000;padding:8px 4px;font-size:11px;font-weight:600;transition:all .2s}.count-btn:hover{border-color:var(--border)}.count-btn.active{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.model-loading{text-align:center;color:var(--text-muted);padding:20px;font-size:13px}.model-empty{text-align:center;color:var(--text-muted);padding:24px 20px;font-size:13px;line-height:1.6}.model-empty p{color:var(--text);margin-bottom:4px;font-weight:500}.param-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.param-options:has(.count){grid-template-columns:repeat(4,minmax(0,1fr))}.param-btn{background:var(--bg);border-radius:var(--radius);color:var(--text);cursor:pointer;text-align:center;border:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:44px;padding:8px 6px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.param-btn:hover{border-color:var(--border)}.param-btn.active{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.param-btn-label{line-height:1.2}.param-input{flex-direction:column;gap:6px;display:flex}.param-text,.param-textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);resize:none;padding:8px 10px;font-size:12px}.param-text:focus,.param-textarea:focus{border-color:var(--primary);outline:none}.param-list{flex-direction:column;gap:10px;display:flex}.param-item{flex-direction:column;gap:6px;display:flex}.param-label{color:var(--text-secondary);font-size:12px;font-weight:600}.param-select{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);cursor:pointer;outline:none;padding:8px 10px;font-size:12px}.param-select:focus{border-color:var(--primary)}.param-range-wrap{align-items:center;gap:10px;display:flex}.param-range{appearance:none;background:var(--border);border-radius:2px;outline:none;flex:1;height:4px}.param-range::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:14px;height:14px}.param-range::-moz-range-thumb{background:var(--primary);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.param-range-value{text-align:right;min-width:24px;color:var(--text-secondary);font-size:12px}.param-checkbox{color:var(--text);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:inline-flex}.param-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.points-section{border-radius:var(--radius);background:#ff6b3514;border:1px solid #ff6b3533;flex-direction:column;gap:6px;padding:10px;display:flex}.points-info{justify-content:space-between;align-items:center;font-size:12px;display:flex}.points-label{color:var(--text-secondary)}.points-value{color:var(--text);font-weight:600}.points-warning{color:#ff4757;font-size:12px;font-weight:600}.upload-box{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;justify-content:center;align-items:center;min-height:120px;padding:24px;transition:all .2s;display:flex}.upload-box.compact{padding:12px}.upload-box:hover{border-color:var(--primary);background:#ff8c420d}.upload-label{cursor:pointer;color:var(--text-secondary);flex-direction:column;align-items:center;gap:8px;width:100%;display:flex;position:relative}.upload-label.compact{flex-flow:wrap;justify-content:center;gap:8px}.upload-badge{color:#fff;background:#ff5e5e;border-radius:10px;padding:2px 7px;font-size:11px;font-weight:500;line-height:1.4;position:absolute;top:-8px;right:-6px}.upload-badge.optional{background:#7c8798}.upload-box.required{background:#ff5e5e08;border-color:#ff5e5e73}.upload-icon{width:48px;height:48px}.upload-icon.small{width:20px;height:20px}.upload-text{font-size:16px;font-weight:500}.upload-text.small{font-size:13px}.upload-hint{color:var(--text-muted);font-size:12px}.upload-hint.small{font-size:11px}.upload-preview{border-radius:var(--radius);border:2px solid var(--border);position:relative;overflow:hidden}.upload-preview.compact{max-height:120px}.upload-preview img{object-fit:cover;width:100%;height:100%}.upload-preview-list{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;display:grid}.upload-preview-list.compact{max-height:160px;overflow-y:auto}.upload-preview-item{aspect-ratio:1;border-radius:var(--radius);border:2px solid var(--border);position:relative;overflow:hidden}.upload-preview-item img{object-fit:cover;width:100%;height:100%}.upload-preview-add{aspect-ratio:1;border:2px dashed var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text-secondary);justify-content:center;align-items:center;transition:all .2s;display:flex}.upload-preview-add:hover{border-color:var(--primary);background:#ff8c420d}.upload-preview-item img{cursor:zoom-in}.btn-delete{color:#fff;cursor:pointer;background:#ff4757e6;border:none;border-radius:6px;padding:6px 12px;font-size:12px;position:absolute;top:8px;right:8px}.input-group{flex-direction:column;gap:8px;display:flex}.input-label{color:var(--text-secondary);font-size:13px;font-weight:600}.input-textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);resize:vertical;outline:none;padding:12px;font-family:inherit;font-size:14px;transition:all .2s}.input-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.input-textarea.negative{background:#ff47570d;border-color:#ff47574d}.input-textarea.negative:focus{border-color:#ff4757;box-shadow:0 0 0 3px #ff475733}.examples{flex-direction:column;gap:8px;display:flex}.examples-label{color:var(--text-secondary);font-size:12px}.example-tags{flex-wrap:wrap;gap:8px;display:flex}.example-tag{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:8px 12px;font-size:12px;transition:all .2s}.example-tag:hover{border-color:var(--primary);color:var(--primary)}.error-text{color:#ff6b6b;padding:8px 0;font-size:13px}.btn-generate{background:linear-gradient(135deg, var(--primary), #ff6b35);border-radius:var(--radius);color:#fff;cursor:pointer;border:none;width:100%;margin-top:auto;padding:16px;font-size:16px;font-weight:700;transition:all .2s}.btn-generate:hover:not(:disabled){box-shadow:0 8px 25px var(--primary-glow);transform:translateY(-2px)}.btn-generate:disabled{opacity:.6;cursor:not-allowed}.btn-generate .btn-points{opacity:.9;margin-left:8px;font-size:13px;font-weight:500}.cost-hint{text-align:center;color:var(--text-secondary);margin-top:10px;font-size:12px}.cost-hint b{color:var(--primary)}.cost-hint-error{color:#ff4d4f;margin-left:4px}.cost-hint-detail{color:var(--text-secondary);margin-left:4px;font-size:11px}.loading{justify-content:center;align-items:center;gap:8px;display:flex}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.results-title{color:var(--text-secondary);font-size:14px;font-weight:600}.empty{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.empty-icon{opacity:.5;width:48px;height:48px}.empty-login-btn{background:var(--primary);border-radius:var(--radius);color:#fff;cursor:pointer;border:none;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.empty-login-btn:hover{box-shadow:0 8px 20px var(--primary-glow);transform:translateY(-2px)}.generating{color:var(--text);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.loading-ring{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.loading-ring.small{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:#fff;width:18px;height:18px;display:inline-block}.results-grid{gap:10px;width:100%;display:grid}.grid-count-1{grid-template-columns:1fr;justify-items:center}.grid-count-1 .result-item{aspect-ratio:1;width:100%;max-width:520px}.grid-count-2{grid-template-columns:repeat(2,1fr)}.grid-count-2 .result-item{aspect-ratio:1}.grid-count-3{grid-template-columns:repeat(3,1fr)}.grid-count-3 .result-item{aspect-ratio:1}.grid-count-4{grid-template-columns:repeat(2,1fr)}.grid-count-4 .result-item{aspect-ratio:1}.grid-count-many{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.grid-count-many .result-item{aspect-ratio:1}.video-results{flex-direction:column;gap:12px;display:flex}.video-result-item{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.video-result-item video{background:#000;width:100%;height:auto;display:block}.video-download{text-align:center;color:var(--primary);border-top:1px solid var(--border);padding:10px;font-size:13px;text-decoration:none;display:block}.video-download:hover{background:#8b5cf61a}.prompt-actions{justify-content:flex-end;display:flex}.btn-random{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;padding:8px 14px;font-size:12px;transition:all .2s;display:inline-flex}.btn-random:hover{border-color:var(--primary);color:var(--primary)}.panel-center-scroll .polished-preview.video,.panel-center-scroll+.polish-toast.video{margin:10px 0}.video-center .panel-center-scroll{flex:1;min-height:0}.result-item{border-radius:var(--radius);border:2px solid var(--border);cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.result-item:hover{border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow)}.result-item img{object-fit:cover;width:100%;height:100%;display:block}.result-overlay{opacity:0;pointer-events:none;background:#0000008c;justify-content:center;align-items:center;gap:10px;transition:opacity .2s;display:flex;position:absolute;inset:0}.result-item:hover .result-overlay,.result-overlay:hover{opacity:1}.result-action-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;pointer-events:auto;padding:8px 14px;font-size:13px;transition:all .2s}.result-action-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}@media (hover:none){.result-overlay{opacity:1;background:#00000059}}.image-preview-modal{z-index:5000;background:#000000e6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.image-preview-modal img{object-fit:contain;border-radius:var(--radius);max-width:100%;max-height:90vh}.image-preview-close{background:var(--surface);border:1px solid var(--border);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:50%;font-size:24px;line-height:1;transition:all .2s;position:absolute;top:20px;right:24px}.image-preview-close:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-active,.modal-leave-active{transition:opacity .3s}.modal-enter-from .auth-modal,.modal-leave-to .auth-modal{opacity:0;transform:scale(.96)translateY(20px)}.modal-enter-active .auth-modal,.modal-leave-active .auth-modal{transition:opacity .3s,transform .3s cubic-bezier(.34,1.56,.64,1)}@media (width<=768px){.modal-enter-from .auth-modal.contact-modal,.modal-leave-to .auth-modal.contact-modal{opacity:0;transform:translateY(100%)}.modal-enter-active .auth-modal.contact-modal,.modal-leave-active .auth-modal.contact-modal{transition:opacity .3s,transform .35s cubic-bezier(.32,.72,0,1)}}.preview-enter-from,.preview-leave-to{opacity:0}.preview-enter-active,.preview-leave-active{transition:opacity .25s}.preview-enter-from .image-preview-modal img,.preview-leave-to .image-preview-modal img{opacity:0;transform:scale(.92)}.preview-enter-active .image-preview-modal img,.preview-leave-active .image-preview-modal img{transition:opacity .25s,transform .25s cubic-bezier(.34,1.56,.64,1)}.tools-page{flex:1;width:100%;min-width:0;padding:80px 32px 24px;overflow-y:auto}.tools-header{margin-bottom:24px}.tools-page-title{color:var(--text);margin-bottom:8px;font-size:28px;font-weight:700}.tools-page-subtitle{color:var(--text-secondary);font-size:14px}.tools-grid-large{grid-template-columns:repeat(5,1fr);gap:20px;width:100%;display:grid}.tool-card{background:var(--surface);border-radius:var(--radius);cursor:pointer;border:1px solid var(--border);transition:all .3s;overflow:hidden}.tool-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 10px 30px #0000004d}.tool-card-image{width:100%;height:140px;position:relative;overflow:hidden}.tool-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.tool-card:hover .tool-card-image img{transform:scale(1.05)}.tool-card-hot{color:#fff;background:linear-gradient(135deg,#ff4757,#ff6348);border-radius:4px;padding:4px 8px;font-size:10px;font-weight:700;position:absolute;top:8px;right:8px}.tool-card-info{padding:12px}.tool-card-name{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:600}.tool-card-desc{color:var(--text-muted);font-size:12px;line-height:1.4}@media (width<=1024px){.main{grid-template-columns:200px minmax(0,1fr) 280px;gap:12px;padding:12px}.panel-left,.panel-center,.panel-right,.section{padding:12px}.model-btn{padding:10px}.count-btn{padding:8px}.upload-label{padding:24px}.example-tags{gap:6px}.example-tag{padding:6px 10px;font-size:11px}}@media (width<=768px){html,body{height:auto;overflow:auto}.app{height:auto;min-height:100vh}.header{padding:env(safe-area-inset-top,0px) 12px 0;height:calc(56px + env(safe-area-inset-top,0px))}.logo-text{font-size:14px}.nav-tabs{display:none}.mobile-menu-toggle{display:flex}.contact-link-text,.history-link-text,.login-text,.logout-text{display:none}.login-icon{display:flex}.header-actions{gap:8px}.btn-upgrade{padding:6px 12px;font-size:12px}.main{padding:calc(56px + env(safe-area-inset-top,0px)) 12px 12px;grid-template-rows:auto;grid-template-columns:1fr;gap:12px;overflow:visible}.panel-left{grid-template-columns:repeat(3,1fr);gap:8px;height:auto;min-height:auto;display:grid;overflow:visible}.panel-left .section{padding:10px}.panel-left .section-title{margin-bottom:8px;font-size:10px}.model-list{gap:4px}.model-btn{padding:6px}.model-name{font-size:11px}.model-desc{font-size:9px}.size-list{grid-template-columns:repeat(3,1fr);gap:4px}.size-btn{padding:6px;font-size:11px}.count-list{gap:4px}.count-btn{padding:6px;font-size:11px}.panel-center{gap:12px;min-height:auto;overflow:visible}.panel-right{min-height:auto;overflow:visible}.panel-left.image-panel,.panel-left.video-panel{background:var(--surface);border:1px solid var(--border);z-index:1003;opacity:0;visibility:hidden;pointer-events:none;height:85vh;min-height:auto;max-height:700px;padding:0 0 env(safe-area-inset-bottom,0px) 0;border-bottom:none;border-radius:16px 16px 0 0;flex-direction:column;gap:0;transition:transform .35s cubic-bezier(.32,.72,0,1),opacity .35s,visibility .35s;display:flex;position:fixed;inset:auto 0 0;overflow:hidden auto;transform:translateY(100%);box-shadow:0 -4px 24px #0000004d}.panel-left.image-panel.mobile-open,.panel-left.video-panel.mobile-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.mobile-tool-overlay{z-index:1002;opacity:0;visibility:hidden;background:#00000080;transition:all .3s;display:block;position:fixed;inset:0}.mobile-tool-overlay.active{opacity:1;visibility:visible}.panel-left.image-panel .mobile-tool-header,.panel-left.image-panel .mobile-tool-footer,.panel-left.video-panel .mobile-tool-header,.panel-left.video-panel .mobile-tool-footer{background:var(--surface);z-index:2;display:flex;position:sticky}.panel-left.image-panel .mobile-tool-header,.panel-left.video-panel .mobile-tool-header{top:0}.panel-left.image-panel .mobile-tool-footer,.panel-left.video-panel .mobile-tool-footer{bottom:0}.panel-left.image-panel .mobile-only,.panel-left.video-panel .mobile-only{display:block}.panel-left.image-panel .mode-selector-mobile,.panel-left.video-panel .mode-selector-mobile{border-bottom:1px solid var(--border);flex-shrink:0;padding:12px 16px;display:flex}.panel-left.image-panel .upload-mobile,.panel-left.video-panel .upload-mobile{border-bottom:1px solid var(--border);flex-shrink:0;padding:12px 16px}.panel-left.image-panel .section,.panel-left.video-panel .section{border-bottom:1px solid var(--border);margin:0;padding:12px 16px}.panel-left.image-panel .section-title,.panel-left.video-panel .section-title{font-size:12px}.panel-left.image-panel .model-list,.panel-left.video-panel .model-list{gap:6px}.panel-left.image-panel .model-btn,.panel-left.video-panel .model-btn{padding:8px}.panel-left.image-panel .model-name,.panel-left.video-panel .model-name{font-size:12px}.panel-left.image-panel .model-desc,.panel-left.video-panel .model-desc{font-size:10px}.panel-center.image-center .mode-selector,.panel-center.image-center .mode-hint,.panel-center.image-center>.upload-box,.panel-center.image-center>.upload-preview-list,.panel-center.video-center .mode-selector,.panel-center.video-center .mode-hint,.panel-center.video-center>.upload-box,.panel-center.video-center>.uploaded-preview{display:none}.panel-center.image-center .mobile-only.mobile-tool-summary,.panel-center.video-center .mobile-only.mobile-tool-summary{display:flex}.mobile-tool-summary{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;justify-content:space-between;align-items:center;padding:10px 12px}.mobile-tool-summary-left{align-items:center;gap:6px;display:flex;overflow:hidden}.mobile-tool-summary-mode{color:var(--text);white-space:nowrap;font-size:13px;font-weight:600}.mobile-tool-summary-dot{color:var(--text-secondary)}.mobile-tool-summary-model{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mobile-tool-summary-model.empty{color:var(--error)}.mobile-tool-summary-action{color:var(--primary);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;font-size:12px;display:flex}.desktop-generate{display:none}.mobile-generate{justify-content:center;align-items:center;display:flex}.btn-generate-mobile{display:block}.desktop-only{display:none}.mobile-results-overlay{z-index:1003;opacity:0;visibility:hidden;background:#00000080;transition:opacity .35s,visibility .35s;display:block;position:fixed;inset:0}.mobile-results-overlay.active{opacity:1;visibility:visible}.panel-right.image-results,.panel-right.video-results{background:var(--surface);border:1px solid var(--border);z-index:1004;opacity:0;visibility:hidden;pointer-events:none;height:85vh;min-height:auto;max-height:700px;padding:0 0 env(safe-area-inset-bottom,0px) 0;border-bottom:none;border-radius:16px 16px 0 0;flex-direction:column;gap:0;transition:transform .35s cubic-bezier(.32,.72,0,1),opacity .35s,visibility .35s;display:flex;position:fixed;inset:auto 0 0;overflow:hidden auto;transform:translateY(100%);box-shadow:0 -4px 24px #0000004d}.panel-right.image-results.mobile-open,.panel-right.video-results.mobile-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.panel-right.image-results .mobile-results-header,.panel-right.video-results .mobile-results-header{background:var(--surface);z-index:2;display:flex;position:sticky;top:0}.panel-right.image-results .results-title,.panel-right.video-results .results-title{display:none}.panel-right.image-results .empty,.panel-right.image-results .generating,.panel-right.image-results .results-grid,.panel-right.video-results .empty,.panel-right.video-results .generating,.panel-right.video-results .video-results{padding:16px}.panel-right.image-results .results-grid{grid-template-columns:repeat(2,1fr);gap:10px}.mobile-results-trigger{display:flex}.upload-label{padding:20px}.upload-icon{width:36px;height:36px}.upload-text{font-size:14px}.input-textarea{min-height:80px;padding:12px}.example-tags{gap:6px}.example-tag{padding:6px 10px;font-size:11px}.btn-generate{padding:12px 24px;font-size:14px}.panel-right{min-height:300px}.grid-count-1 .result-item{max-width:100%}.grid-count-3,.grid-count-many,.tools-grid-large{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.logo-icon{width:28px;height:28px;font-size:12px}.logo-text{display:none}.nav-tab{padding:5px 10px;font-size:11px}.panel-left{grid-template-columns:1fr;min-height:auto;overflow:visible}.size-list{grid-template-columns:repeat(5,1fr)}.grid-count-1,.grid-count-2,.grid-count-3,.grid-count-4,.grid-count-many{grid-template-columns:1fr}.grid-count-1 .result-item{max-width:100%}.auth-modal{padding:24px}.auth-overlay{padding:12px}.auth-modal.contact-modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;flex-direction:column;width:100%;max-width:100%;max-height:calc(100vh - 24px);margin-top:auto;display:flex}.contact-tabs{gap:6px}.contact-tab{white-space:nowrap;padding:8px 10px;font-size:13px}.contact-qr{max-width:180px;max-height:180px}.contact-thread{max-height:240px}}.user-center-modal{max-width:480px}.user-center-back{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:12px;padding:0;font-size:13px;display:flex}.user-center-back:hover{color:var(--primary)}.user-center-header{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:14px;margin-bottom:16px;padding:16px;display:flex}.user-center-avatar{background:linear-gradient(135deg, var(--primary) 0%, #ff6b35 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;font-weight:700;display:flex}.user-center-name{color:var(--text);margin:0 0 4px;font-size:16px;font-weight:600}.user-center-email{color:var(--text-secondary);margin:0;font-size:13px}.user-center-menu{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.user-center-menu-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:12px;padding:14px;transition:all .2s;display:flex}.user-center-menu-item:hover{border-color:var(--primary);background:#ff95520d}.menu-content{flex-direction:column;flex:1;gap:2px;display:flex}.menu-title{color:var(--text);font-size:14px;font-weight:500}.menu-desc{color:var(--text-secondary);font-size:12px}.menu-arrow{color:var(--text-secondary);flex-shrink:0}.user-center-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.user-center-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:4px;padding:12px;display:flex}.user-center-stat .stat-value{color:var(--text);font-size:15px;font-weight:700}.user-center-stat .stat-label{color:var(--text-secondary);font-size:12px}.history-modal{flex-direction:column;width:90%;max-width:720px;max-height:85vh;display:flex}.history-tabs{gap:8px;margin-bottom:16px;display:flex}.history-tab{border-radius:var(--radius);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;padding:8px 16px;font-size:14px}.history-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.history-list{scrollbar-width:none;-ms-overflow-style:none;flex:1;min-height:0;overflow-y:auto}.history-list::-webkit-scrollbar{display:none}.history-empty{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.history-empty .empty-icon{opacity:.4;width:48px;height:48px}.history-items{flex-direction:column;gap:12px;display:flex}.history-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.history-item-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.history-item-mode{color:var(--primary);background:#ff955226;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:500}.history-item-model{color:var(--text-secondary);font-size:13px}.history-item-time{color:var(--text-muted);margin-left:auto;font-size:12px}.history-item-code{color:var(--text-secondary);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#0000000f;border-radius:4px;max-width:120px;padding:2px 6px;font-family:monospace;font-size:11px;overflow:hidden}.history-item-code:hover{color:var(--primary);background:#ff955226}.history-item-prompt{color:var(--text);white-space:pre-wrap;word-break:break-word;margin:0 0 10px;font-size:13px;line-height:1.5}.history-item-source{border:1px dashed var(--border);border-radius:var(--radius);background:#8b5cf60d;align-items:flex-start;gap:8px;margin-bottom:10px;padding:8px;display:flex}.history-source-label{color:var(--text-secondary);flex-shrink:0;font-size:12px;line-height:48px}.history-source-list{flex-wrap:wrap;gap:8px;display:flex}.history-source-thumb{border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;flex-shrink:0;width:48px;height:48px;overflow:hidden}.history-source-thumb img{object-fit:cover;width:100%;height:100%;display:block}.history-item-results{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.history-item-running{border:1px dashed var(--primary);border-radius:var(--radius);color:var(--primary);background:#8b5cf61a;align-items:center;gap:8px;margin-bottom:10px;padding:12px;font-size:13px;display:flex}.history-thumb-wrap{border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;width:80px;height:80px;position:relative;overflow:hidden}.history-item-thumb{object-fit:cover;width:100%;height:100%;display:block}.history-thumb-overlay{opacity:0;pointer-events:none;background:#0000008c;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:opacity .2s;display:flex;position:absolute;inset:0}.history-thumb-wrap:hover .history-thumb-overlay,.history-thumb-overlay:hover{opacity:1}.history-thumb-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;pointer-events:auto;padding:4px 8px;font-size:11px;transition:all .2s}.history-thumb-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}@media (hover:none){.history-thumb-overlay{opacity:1;background:#00000059}}.history-item-video{border-radius:var(--radius);border:1px solid var(--border);width:100%;max-width:320px}.history-item-footer{justify-content:space-between;align-items:center;font-size:12px;display:flex}.history-item-cost{color:var(--primary);font-weight:500}.history-item-error{color:#ff5e5e}.history-load-more{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;margin-top:12px;padding:12px;font-size:14px;transition:all .2s}.history-load-more:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.points-log-list{scrollbar-width:none;-ms-overflow-style:none;max-height:50vh;overflow-y:auto}.points-log-list::-webkit-scrollbar{display:none}.points-log-items{flex-direction:column;gap:10px;display:flex}.points-log-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:12px;display:flex}.points-log-main{flex-direction:column;gap:4px;display:flex}.points-log-title{color:var(--text);font-size:14px}.points-log-time{color:var(--text-muted);font-size:12px}.points-log-value{color:var(--text);flex-shrink:0;font-size:16px;font-weight:700}.points-log-value.income{color:#2ecc71}.points-log-value.expense{color:#ff5e5e}.profile-info-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.profile-info-label{color:var(--text-secondary);font-size:14px}.profile-info-value{color:var(--text);font-size:14px;font-weight:500}.auth-success{color:#2ecc71;margin-top:-4px;font-size:13px}.history-link{align-items:center;gap:6px;display:flex}.recharge-modal{width:90%;max-width:560px}.recharge-tabs{border-bottom:1px solid var(--border);gap:8px;margin-bottom:20px;padding-bottom:12px;display:flex}.recharge-tab{border-radius:var(--radius);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;padding:8px 16px;font-size:14px;transition:all .2s}.recharge-tab.active,.recharge-tab:hover{background:var(--primary);border-color:var(--primary);color:#fff}.recharge-content{max-height:420px;overflow-y:auto}.recharge-packages{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:20px;display:grid}.recharge-package{border:2px solid var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;background:var(--surface);padding:16px;transition:all .2s}.recharge-package:hover,.recharge-package.active{border-color:var(--primary);background:var(--surface-hover)}.package-points{color:var(--primary);margin-bottom:4px;font-size:20px;font-weight:700}.package-name{color:var(--text-secondary);margin-bottom:8px;font-size:13px}.package-price{color:var(--text);font-size:16px;font-weight:600}.recharge-order{background:var(--surface);border-radius:var(--radius);margin-bottom:16px;padding:16px}.recharge-order p{color:var(--text-secondary);margin-bottom:12px;font-size:14px}.order-created{margin-top:12px}.recharge-empty{text-align:center;color:var(--text-secondary);padding:40px 0}.recharge-list{flex-direction:column;gap:10px;display:flex}.recharge-list-item{background:var(--surface);border-radius:var(--radius);padding:14px}.recharge-list-main{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.recharge-list-title{color:var(--text);font-weight:500}.recharge-list-points{color:var(--primary);font-weight:700}.recharge-list-points.out{color:#ff6b6b}.recharge-list-meta{color:var(--text-secondary);gap:12px;font-size:13px;display:flex}.recharge-status{border-radius:4px;padding:2px 8px;font-size:12px}.recharge-status.paid{color:#2ecc71;background:#2ecc7133}.recharge-status.unpaid{color:#ff6b6b;background:#ff6b6b33}.avatar{cursor:pointer}.mode-selector.tool-active{background:var(--surface);border:1px solid var(--primary);border-radius:var(--radius);justify-content:center;align-items:center;gap:12px;padding:8px 16px}.tool-active-name{color:var(--primary);font-weight:600}.tool-active-mode{color:var(--text-secondary);font-size:13px}.tool-active-clear{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:100px;padding:4px 10px;font-size:12px}.tool-active-clear:hover{border-color:var(--primary);color:var(--primary)}.contact-modal{width:90%;max-width:480px}.contact-tabs{border-bottom:1px solid var(--border);gap:8px;margin-bottom:20px;padding-bottom:12px;display:flex}.contact-tab{border-radius:var(--radius);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;flex:1;padding:8px 16px;font-size:14px;transition:all .2s}.contact-tab.active,.contact-tab:hover{background:var(--primary);border-color:var(--primary);color:#fff}.contact-content{flex-direction:column;gap:12px;display:flex}.contact-qr-wrap{text-align:center;background:var(--surface);border-radius:var(--radius);padding:16px}.contact-qr{border-radius:var(--radius);max-width:220px;max-height:220px}.contact-qr-tip{color:var(--text-secondary);margin-top:12px;font-size:13px}.contact-empty{text-align:center;color:var(--text-secondary);padding:40px 0}.contact-info{color:var(--text-secondary);background:var(--surface);border-radius:var(--radius);padding:8px 12px;font-size:14px}.contact-info strong{color:var(--text);margin-right:8px}.contact-thread{flex-direction:column;gap:16px;max-height:400px;padding-right:4px;display:flex;overflow-y:auto}.contact-thread-item{flex-direction:column;gap:10px;display:flex}.contact-thread-header{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.contact-thread-status{border-radius:100px;padding:2px 8px;font-size:11px}.contact-thread-status.pending{color:var(--primary);background:#ff8c4226}.contact-thread-status.replied{color:#52c41a;background:#52c41a26}.contact-bubble{flex-direction:column;gap:4px;max-width:90%;display:flex}.contact-bubble-user{align-self:flex-end;align-items:flex-end}.contact-bubble-platform{align-self:flex-start;align-items:flex-start}.contact-bubble-label{color:var(--text-muted);font-size:11px}.contact-bubble-content{border-radius:var(--radius);word-break:break-word;padding:10px 14px;font-size:14px;line-height:1.5}.contact-bubble-user .contact-bubble-content{background:var(--primary);color:#fff;border-bottom-right-radius:4px}.contact-bubble-platform .contact-bubble-content{background:var(--surface);color:var(--text);border-bottom-left-radius:4px}.contact-bubble-time{color:var(--text-muted);text-align:right;margin-top:4px;font-size:11px}.contact-pending-box{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;gap:12px;padding:16px;display:flex}.contact-pending-title{color:var(--text);margin:0;font-size:15px}.contact-pending-content{color:var(--text-secondary);background:var(--bg);border-radius:var(--radius);word-break:break-word;padding:12px;font-size:14px;line-height:1.6}.contact-pending-tip{color:var(--text-muted);font-size:12px}