.project-manager{margin-bottom:6px;min-height:auto}.project-manager .content{padding:6px 10px}.current-project{display:flex;flex-direction:column;gap:4px}.project-info{padding-bottom:2px}.project-name{font-size:13px;font-weight:600;color:#ffffff;margin-bottom:2px}.project-meta{display:flex;gap:8px;font-size:10px;color:#9a9aaa}.project-meta .status{padding:2px 8px;background:#2a2a3a;border-radius:4px;color:#5e9fff}.project-stats{display:flex;flex-direction:column;gap:8px}.project-stats .stat{display:flex;justify-content:space-between;font-size:13px}.project-stats .label{color:#9a9aaa}.project-stats .value{color:#ffffff;font-weight:500}.no-project{text-align:center;padding:20px;color:#9a9aaa}.no-project p{margin-bottom:12px}.btn.primary{background:#5e9fff;color:white;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s}.btn.primary:hover{background:#4d8dee}.project-list-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.project-list{background:#2a2a3a;border-radius:8px;width:90%;max-width:600px;max-height:70vh;display:flex;flex-direction:column;box-shadow:0 10px 40px rgba(0,0,0,.5)}.list-header{padding:16px 20px;border-bottom:1px solid #3a3a4a;display:flex;justify-content:space-between;align-items:center}.list-header h3{margin:0;color:#ffffff;font-size:18px}.list-content{padding:16px;overflow-y:auto;flex:1}.project-item{background:#1a1a2a;border-radius:6px;padding:12px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;transition:background .2s}.project-item:hover{background:#222233}.project-item-info .name{font-size:14px;font-weight:600;color:#ffffff;margin-bottom:4px}.project-item-info .meta{font-size:12px;color:#9a9aaa}.project-item-actions{display:flex;gap:8px}.btn.small{border-radius:4px;border:1px solid #3a3a4a;background:transparent;color:#ffffff;cursor:pointer;transition:all .2s}.btn.small:hover{background:#3a3a4a}.btn.small.danger{color:#ff6b6b;border-color:#ff6b6b}.btn.small.danger:hover{background:#ff6b6b;color:white}.empty-list{text-align:center;padding:40px;color:#9a9aaa}.story-text{font-size:11px;color:#9a9aaa;line-height:1.3;background:#1a1a2a;padding:4px 6px;border-radius:4px;margin-top:4px;cursor:pointer;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:3em;transition:all .2s}.story-text:hover{background:#222233;color:#ffffff}.version-history{padding:2px}.version-history h3{margin-bottom:20px;color:var(--text)}.version-history h4{margin:16px 0 12px;color:var(--text-secondary);font-size:14px;font-weight:500}.loading-state{padding:40px;text-align:center;color:var(--muted)}.current-version{background:var(--panel-2);border-radius:8px;padding:6px;margin-bottom:20px}.asset-preview-image img{width:100%;max-height:260px;object-fit:contain;border-radius:4px;background:var(--panel);cursor:zoom-in}.asset-info{margin-top:12px;padding-top:12px;border-top:1px solid var(--stroke)}.info-label{font-size:12px;color:var(--muted);margin-bottom:4px}.info-value{font-size:13px;color:var(--text-secondary);line-height:1.5}.version-list{flex:1;overflow-y:auto}.no-versions{padding:40px;background:var(--panel-2);border-radius:8px;border:1px dashed var(--stroke)}.versions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.version-item{background:var(--panel-2);border-radius:8px}.version-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.version-item.active{border-color:var(--success);background:var(--success-bg)}.version-header{justify-content:space-between;margin-bottom:8px;font-size:12px}.version-number{color:var(--text-secondary);font-weight:500}.slot-badge{padding:2px 6px;background:var(--primary-bg);color:var(--primary);border-radius:4px;font-size:11px}.active-badge{background:var(--success);border-radius:4px}.version-preview{width:100%;aspect-ratio:1;background:var(--panel);border-radius:4px;overflow:hidden;margin-bottom:8px}.version-preview img{width:100%;height:100%;object-fit:cover}.media-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;opacity:.5}.version-meta{font-size:11px;margin-bottom:8px}.created-time{margin-bottom:4px}.activate-btn,.rating{font-size:12px}.activate-btn{width:100%;padding:6px 12px;background:var(--primary);color:white;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.activate-btn:hover{background:var(--primary-hover)}.vh-zoom-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000}.vh-zoom-content{position:relative;max-width:95vw;max-height:95vh}.vh-zoom-content img{max-width:95vw;max-height:90vh;object-fit:contain;border-radius:6px;box-shadow:0 10px 30px rgba(0,0,0,.4);cursor:zoom-out}.vh-zoom-hint{position:absolute;bottom:-28px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.8);font-size:12px}.no-resource-hint{border:1px dashed var(--stroke);color:var(--muted);text-align:center}.composite-preview,.no-resource-hint{padding:12px;background:var(--panel-2);border-radius:6px;font-size:13px}.preview-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--stroke)}.preview-item:last-child{border-bottom:none}.preview-label{color:var(--muted);font-weight:500}.preview-value{color:var(--text)}.video-composite-tab{height:100%;display:flex;flex-direction:column}.model-hint{margin-top:4px;font-size:12px;color:var(--muted)}.mode-hint{margin-top:8px;padding:8px;background:var(--panel-2);border-left:3px solid var(--warning);border-radius:4px;color:var(--warning)}.control-group{padding:12px 16px;display:flex;align-items:center;gap:12px;min-height:48px;background:var(--panel-2);border-radius:6px}.control-group label{flex-shrink:0;margin:0;line-height:1.4}.control-group select{padding:8px;border:#9ca3af}.control-group input{flex:1}.range-beauty{display:flex;align-items:center;gap:12px}.range-input{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:var(--panel-3);outline:none}.range-input::-webkit-slider-runnable-track{height:6px;background:var(--panel-3);border-radius:999px}.range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary);border:2px solid white;margin-top:-5px;box-shadow:0 2px 6px rgba(0,0,0,.2)}.range-input::-moz-range-track{height:6px;background:var(--panel-3);border-radius:999px}.range-input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--primary);border:2px solid white;box-shadow:0 2px 6px rgba(0,0,0,.2)}.value-badge{padding:2px 8px;font-size:12px;color:white;background:var(--primary);border-radius:999px;white-space:nowrap}.mini-hint{font-size:12px;color:var(--muted)}.voice-row{flex-wrap:wrap;align-items:center}.voice-row .voice-select{flex:1 1 520px;min-width:360px}.voice-row .action-buttons{margin-left:auto;display:flex;gap:8px}@media (max-width:1280px){.voice-row .voice-select{flex-basis:100%;min-width:0}.voice-row .action-buttons{width:100%;justify-content:flex-end;margin-top:8px}}.voice-combobox{position:relative;flex:1 1 520px;min-width:360px;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--panel-2);border:1px solid var(--stroke);border-radius:6px;color:var(--text);cursor:pointer;user-select:none}.voice-combobox:hover{border-color:var(--primary);box-shadow:0 0 0 3px rgba(91,140,255,.1)}.voice-combobox .caret{color:var(--muted);margin-left:8px}.voice-chip{display:inline-flex;align-items:center;gap:8px;flex:1;min-width:0}.voice-chip .voice-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-chip .voice-meta{font-size:12px;color:var(--muted)}.voice-badge{font-size:11px;padding:2px 6px;border-radius:999px;background:var(--badge);color:var(--text-2)}.voice-dropdown{position:absolute;z-index:1000;left:0;right:0;top:calc(100% + 8px);background:var(--panel);border:1px solid var(--stroke);border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.35);overflow:hidden}.voice-search{padding:10px 12px;border-bottom:1px solid var(--stroke)}.voice-search input{width:100%;padding:8px 10px;background:var(--panel-2);border:1px solid var(--stroke);border-radius:6px;color:var(--text)}.voice-list{max-height:320px;overflow-y:auto}.voice-item{padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.voice-item:hover{background:var(--panel-2)}.voice-item .left{display:flex;flex-direction:column}.voice-item .voice-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-item .voice-meta{font-size:12px;color:var(--muted)}.voice-empty{padding:12px;text-align:center}.voice-empty,.voice-placeholder{color:var(--muted)}.version-history{display:flex;flex-direction:column;height:100%;background:var(--panel-2);border-radius:8px;overflow:hidden}.preview-area{flex:1;display:flex;flex-direction:column;border-bottom:1px solid #e5e7eb}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--panel-3);border-bottom:1px solid var(--stroke)}.preview-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text)}.version-badge{padding:4px 8px;background:var(--primary);color:white;border-radius:4px;font-size:12px;font-weight:500}.preview-content{flex:1;align-items:center;justify-content:center;padding:20px;background:var(--panel)}.preview-empty{text-align:center;color:var(--muted)}.empty-hint{font-size:14px;margin-top:8px}.preview-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.preview-image img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:zoom-in}.preview-audio{display:flex;flex-direction:column;align-items:center;gap:16px}.audio-icon{font-size:64px;animation:pulse 2s infinite}.audio-info{font-size:14px;color:#6b7280}.preview-video{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.preview-video video{max-width:100%;max-height:calc(100% - 30px);width:auto;height:auto;object-fit:contain;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);max-height:600px}.video-info{font-size:14px;color:#6b7280}.version-list{height:300px;display:flex;flex-direction:column;background:var(--panel-2)}.version-list-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--panel-3);border-bottom:1px solid var(--stroke)}.version-list-header h3{margin:0;font-size:14px;font-weight:600;color:var(--text)}.version-count{font-size:12px;color:var(--muted)}.version-items{flex:1;overflow-y:auto;padding:8px}.no-versions{padding:24px;text-align:center;color:var(--muted);font-size:14px}.version-item{display:flex;justify-content:space-between;align-items:center;padding:12px;margin-bottom:8px;background:var(--panel);border:1px solid var(--stroke);border-radius:6px;transition:all .2s;cursor:pointer}.version-item.active,.version-item:hover{background:var(--panel-3);border-color:var(--primary)}.version-info{flex:1}.version-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.version-number{font-size:14px;font-weight:600;color:var(--text)}.active-badge{padding:2px 6px;background:var(--ok);color:white;border-radius:3px;font-size:11px;font-weight:500}.version-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.upload-badge{padding:2px 6px;background:var(--muted);color:white;border-radius:3px;font-size:11px}.rating{display:flex;gap:2px;margin-top:4px}.star{color:var(--stroke);font-size:12px}.star.filled{color:var(--warn)}.version-actions{display:flex;gap:8px}.btn-activate{width:32px;height:32px;border-radius:6px;border:1px solid #d1d5db;background:white;color:#10b981;font-size:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-activate:hover{background:#10b981;color:white;border-color:#10b981}.loading{color:#6b7280;font-size:14px}.slot-selector{display:flex;gap:8px}.slot-btn{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:white;color:#6b7280;cursor:pointer;transition:all .2s;font-size:14px}.slot-btn:hover{border-color:#3b82f6;color:#3b82f6}.slot-btn.active{background:#3b82f6;color:white;border-color:#3b82f6}.text-hint{margin-top:8px;font-size:12px;color:#9ca3af}.btn-link{padding:4px 8px;margin-left:8px;background:transparent;border:none;color:#3b82f6;font-size:12px;cursor:pointer;text-decoration:underline}.range-labels{display:flex;justify-content:space-between;margin-top:4px;font-size:12px;color:#9ca3af}.mode-indicator{display:flex;align-items:center;gap:12px}.mode-badge{padding:6px 12px;background:#eff6ff;color:#3b82f6;border-radius:6px;font-size:14px;font-weight:500}.mode-hint{font-size:12px;color:#9ca3af}.image-zoom-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000}.image-zoom-content{position:relative;max-width:95vw;max-height:95vh}.image-zoom-content img{max-width:95vw;max-height:90vh;object-fit:contain;border-radius:6px;box-shadow:0 10px 30px rgba(0,0,0,.4);cursor:zoom-out}.image-zoom-hint{position:absolute;bottom:-28px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.8);font-size:12px}.tab-workbench{display:flex;flex-direction:column;height:100%;background:var(--panel);border-radius:var(--radius);border:1px solid var(--stroke);overflow:hidden}.tab-navigation{display:flex;background:var(--panel-2);border-bottom:1px solid var(--stroke);padding:0 16px;gap:8px}.tab-button{padding:12px 24px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;position:relative}.tab-button:hover:not(.disabled){color:var(--text);background:rgba(91,140,255,.1)}.tab-button.active{color:var(--primary);border-bottom-color:var(--primary);background:var(--panel)}.tab-button.disabled{color:var(--stroke);cursor:not-allowed;opacity:.5}.tab-button.disabled:hover{background:transparent}.tab-content{overflow:hidden;padding:20px;background:var(--panel)}.tab-panel{display:flex;gap:20px;height:100%}.settings-section{flex:1;min-width:400px;overflow-y:auto;padding-right:20px}.preview-section{flex:1;display:flex;flex-direction:column;min-width:400px}.settings-group{margin-bottom:24px}.settings-group h3{font-size:16px;font-weight:600;color:var(--text);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--stroke)}.form-group{margin-bottom:16px}.form-group label{font-size:14px;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:var(--panel-2);transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(91,140,255,.1)}.form-group textarea{min-height:100px}.btn-group{display:flex;gap:12px;margin-top:20px}.btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{background:#2563eb}.btn-secondary{background:var(--panel-2);color:var(--text);border-color:var(--stroke)}.btn-secondary:hover{background:var(--panel-3)}.btn:disabled{opacity:.5;cursor:not-allowed}.sub-tabs{display:flex;gap:16px;margin-bottom:20px;padding-bottom:12px}.sub-tab-button{padding:6px 12px;background:transparent;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:14px;cursor:pointer;transition:all .2s}.sub-tab-button:hover{border-color:#3b82f6;color:#3b82f6}.sub-tab-button.active{background:#3b82f6;color:white;border-color:#3b82f6}.shot-detail-container{display:flex;flex-direction:column;height:100%;gap:12px}.label-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.label-with-action label{margin:0}.label-with-action .btn{padding:4px 8px;font-size:12px}.action-buttons{align-items:center}.action-buttons .btn{padding:4px 8px;font-size:12px}.input-with-action{display:flex;gap:8px;align-items:center}.input-with-action input{flex:1}.input-with-action .btn{flex-shrink:0;padding:6px 10px;min-width:32px}.shot-detail-header{display:flex;justify-content:space-between;align-items:center;padding:4px 6px;background:var(--panel-2);border-radius:8px;border:1px solid var(--stroke)}.header-left{display:flex;align-items:center;gap:16px}.header-left h2{margin:0;font-size:18px;font-weight:600;color:var(--text)}.header-right{display:flex;gap:8px}.shot-detail-body{flex:1;overflow:hidden;padding:2px;min-height:0}.settings-panel{background:var(--panel-2);border-radius:8px;border:1px solid var(--stroke);overflow-y:auto;padding:16px}.settings-content{display:flex;flex-direction:column;gap:20px}.settings-section{padding-bottom:20px}.settings-section:last-child{border-bottom:none}.section-title{font-size:14px;font-weight:600;margin:0 0 12px;color:var(--text)}.section-header{display:flex;justify-content:space-between;align-items:center}.form-group,.section-header{margin-bottom:12px}.form-group label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px 12px;background:var(--panel);border:1px solid var(--stroke);border-radius:6px;color:var(--text);font-size:14px}.form-group textarea{resize:vertical;min-height:60px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.image-slots{display:flex;flex-direction:column;gap:12px}.image-slot-item{padding:12px;background:var(--panel);border-radius:6px;border:1px solid var(--stroke)}.slot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.slot-name{font-weight:500;color:var(--text)}.preview-panel{background:var(--panel-2);border-radius:8px;border:1px solid var(--stroke);overflow:hidden}.preview-content,.preview-panel{display:flex;flex-direction:column}.preview-content{height:100%}.preview-tabs{display:flex;gap:2px;padding:12px 16px;background:var(--panel);border-bottom:1px solid var(--stroke)}.preview-tabs .tab{padding:8px 16px;background:transparent;border:none;color:var(--muted);cursor:pointer;border-radius:6px;transition:all .2s;font-size:14px}.preview-tabs .tab:hover{background:var(--panel-2);color:var(--text)}.preview-tabs .tab.active{background:var(--primary);color:white}.tab-content{flex:1;padding:16px;overflow-y:auto}.current-preview{display:flex;flex-direction:column;gap:20px}.video-player{background:black;border-radius:8px;overflow:hidden}.video-info{padding:12px;background:var(--panel);border-radius:6px;margin-top:12px}.video-info p{margin:4px 0;font-size:13px;color:var(--text-2)}.keyframes-section{margin-top:20px}.keyframes-section h4{margin:0 0 12px;font-size:14px;color:var(--text)}.keyframes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.keyframe-item{text-align:center}.keyframe-item .placeholder,.keyframe-item img{width:100%;height:80px;object-fit:cover;border-radius:6px;background:var(--panel);display:flex;align-items:center;justify-content:center;border:1px solid var(--stroke)}.keyframe-item p{margin-top:6px;font-size:12px;color:var(--muted)}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.history-header h4{margin:0;font-size:14px;color:var(--text)}.history-items{display:flex;flex-direction:column;gap:12px}.history-item{display:grid;grid-template-columns:120px 1fr auto;gap:12px;padding:12px;background:var(--panel);border-radius:8px;border:1px solid var(--stroke)}.history-item .thumbnail{position:relative;border-radius:6px;overflow:hidden}.history-item .thumbnail img{width:100%;height:68px;object-fit:cover}.history-item .duration{position:absolute;bottom:4px;right:4px;background:rgba(0,0,0,.7);color:white;padding:2px 6px;border-radius:4px;font-size:11px}.history-info{display:flex;flex-direction:column;gap:4px;font-size:12px}.info-row{display:flex;gap:8px}.info-row .label{color:var(--muted)}.status.completed{color:var(--ok)}.status.generating{color:var(--warn)}.status.failed{color:var(--danger)}.history-actions{display:flex;flex-direction:column;gap:6px}.assets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.assets-header h4{margin:0;font-size:14px;color:var(--text)}.assets-actions{display:flex;gap:8px}.assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:24px}.asset-item{background:var(--panel);border-radius:8px;border:1px solid var(--stroke);overflow:hidden;transition:all .2s}.asset-item.selected{border-color:var(--primary)}.asset-image{position:relative;padding-top:75%;background:var(--panel-3)}.asset-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.selected-badge{position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--primary);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px}.asset-info{padding:8px}.asset-prompt{font-size:12px;color:var(--text);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-time{font-size:11px;color:var(--muted);margin:0}.asset-actions{padding:0 8px 8px;display:flex;gap:4px}.candidates-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--stroke)}.candidates-section h4{margin:0 0 12px;font-size:14px;color:var(--text)}.candidates-list .hint{color:var(--muted);font-size:13px;text-align:center;padding:20px}.view-mode-switcher{display:flex;gap:4px;padding:8px;background:var(--panel);border-radius:6px;margin-bottom:16px}.mode-btn{padding:6px 14px;background:transparent;border:none;color:var(--muted);cursor:pointer;border-radius:4px;transition:all .2s;font-size:13px}.mode-btn:hover{background:var(--panel-2);color:var(--text)}.mode-btn.active{background:var(--primary);color:white}.video-display{margin-bottom:20px}.video-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}.video-column{display:flex;flex-direction:column;gap:8px}.video-column h5{margin:0;font-size:14px;color:var(--text);padding:8px;background:var(--panel);border-radius:6px 6px 0 0;text-align:center}.video-column video{width:100%;max-height:280px;height:auto;object-fit:contain;background:black;border-radius:0}.video-placeholder{height:280px;background:var(--panel);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:2px dashed var(--stroke);border-radius:6px}.video-placeholder span{color:var(--muted);font-size:13px}.video-meta{display:flex;gap:8px;padding:8px;background:var(--panel);border-radius:0 0 6px 6px;font-size:12px;align-items:center}.badge,.video-meta{color:var(--text-2)}.badge{padding:2px 8px;background:var(--badge);border-radius:4px;font-size:11px}.badge.primary{background:var(--primary);color:white}.video-single{display:flex;flex-direction:column;gap:16px}.video-single video{width:100%;max-height:600px;height:auto;object-fit:contain;background:black;border-radius:8px}.video-single .video-info{padding:16px;background:var(--panel);border-radius:6px}.video-single .video-info h5{margin:0 0 12px;font-size:14px;color:var(--text)}.video-single .video-info p{margin:6px 0;font-size:13px;color:var(--text-2)}.subtitle-editor{padding:16px;background:var(--panel);border-radius:6px}.subtitle-editor h5{margin:0 0 12px;font-size:14px;color:var(--text)}.subtitle-editor textarea{width:100%;padding:8px 12px;background:var(--panel-2);border:1px solid var(--stroke);border-radius:6px;color:var(--text);font-size:13px;resize:vertical;margin-bottom:12px}.subtitle-controls{display:flex;gap:8px;align-items:center}.subtitle-controls select{padding:6px 12px;background:var(--panel-2);border:1px solid var(--stroke);border-radius:4px;color:var(--text);font-size:13px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state p{color:var(--muted);margin-bottom:16px}.btn.small{padding:4px 12px;font-size:12px}.btn.tiny{padding:2px 8px;font-size:11px}.btn.full-width{width:100%}.action-buttons{display:flex;gap:8px}.action-buttons .btn{flex:1}.prompt-preview{display:inline-flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--stroke);border-radius:10px;padding:6px 10px;cursor:pointer;max-width:720px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.prompt-preview:hover{background:var(--panel-2);border-color:var(--primary)}.prompt-preview.open{border-color:var(--primary);box-shadow:0 0 0 2px rgba(0,0,0,.02)}.prompt-preview__icon{width:16px;height:16px;opacity:.9}.prompt-preview__label{font-size:12px;color:var(--muted)}.prompt-preview__text{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:560px}.prompt-preview__chevron{margin-left:auto;color:var(--muted);transition:transform .2s ease}.prompt-preview.open .prompt-preview__chevron{transform:rotate(90deg)}.prompt-card{background:var(--panel-2);border:1px solid var(--stroke);border-radius:10px;padding:12px;box-shadow:0 6px 14px rgba(0,0,0,.06)}.prompt-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.prompt-card__title{font-weight:600;font-size:13px}.prompt-card__hint{color:var(--muted);font-size:12px}.prompt-card textarea{width:100%;padding:8px 10px;background:var(--panel);border:1px solid var(--stroke);border-radius:8px;color:var(--text);resize:vertical}.prompt-card__footer{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.member-overlay{position:fixed;inset:0;background:radial-gradient(1000px 600px at 20% 10%,rgba(99,102,241,.15),transparent 60%),radial-gradient(800px 500px at 80% 90%,rgba(236,72,153,.15),transparent 60%),rgba(0,0,0,.55);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10000}.member-container{width:60vw;max-width:98vw;background:linear-gradient(180deg,#0b1020,#0f172a);border-radius:16px;border:1px solid rgba(255,255,255,.06);box-shadow:0 30px 70px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden;position:relative;height:80vh;max-height:92vh;display:flex;flex-direction:column}.member-header{padding:18px 20px;background:linear-gradient(90deg,#6366f1,#8b5cf6 50%,#ec4899);color:#fff;border-bottom:1px solid rgba(255,255,255,.2);box-shadow:inset 0 -1px 0 rgba(255,255,255,.12)}.member-header,.member-topbar{display:flex;align-items:center;justify-content:space-between}.member-topbar{gap:12px;padding:12px 16px;margin:12px 16px 0;background:linear-gradient(180deg,rgba(17,24,39,.8),rgba(17,24,39,.6));border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 8px 22px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06)}.member-topbar-left,.member-topbar-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.member-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:linear-gradient(180deg,rgba(31,41,55,.9),rgba(17,24,39,.9));border:1px solid rgba(255,255,255,.06);box-shadow:0 2px 8px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06);color:#e5e7eb}.member-chip svg{color:#a5b4fc}.member-chip-text{font-size:14px;font-weight:600;letter-spacing:.2px}.member-status{font-size:13px;padding:6px 12px;border-radius:999px;background:rgba(107,114,128,.15);color:#e5e7eb;border:1px solid rgba(255,255,255,.06);font-weight:600;letter-spacing:.3px;transition:all .3s ease}.member-status.on{background:linear-gradient(135deg,rgba(34,197,94,.25),rgba(16,185,129,.25));color:#86efac;border:1px solid rgba(34,197,94,.6);box-shadow:0 0 12px rgba(34,197,94,.4),0 0 24px rgba(34,197,94,.2),inset 0 1px 0 rgba(255,255,255,.15);animation:memberGlow 2.5s ease-in-out infinite;position:relative}.member-status.on:before{content:"●";margin-right:6px;color:#22c55e;font-size:10px;animation:memberPulse 1.5s ease-in-out infinite}.member-status.off{background:rgba(239,68,68,.12);color:#fca5a5;border-color:rgba(239,68,68,.3)}@keyframes memberGlow{0%,to{box-shadow:0 0 12px rgba(34,197,94,.4),0 0 24px rgba(34,197,94,.2),inset 0 1px 0 rgba(255,255,255,.15)}50%{box-shadow:0 0 16px rgba(34,197,94,.6),0 0 32px rgba(34,197,94,.35),0 0 48px rgba(34,197,94,.15),inset 0 1px 0 rgba(255,255,255,.25)}}@keyframes memberPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.member-points{font-size:14px;color:#e5e7eb}.member-buy-points{position:relative;display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)) padding-box,linear-gradient(135deg,#34d399,#10b981) border-box;color:#fff;font-size:14px;font-weight:700;letter-spacing:.2px;padding:10px 16px;min-width:140px;border-radius:999px;cursor:pointer;box-shadow:0 10px 24px rgba(16,185,129,.28),inset 0 1px 0 rgba(255,255,255,.2);transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;overflow:hidden;animation:breathe 3.2s ease-in-out infinite}.member-buy-points:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 14px 30px rgba(16,185,129,.36),inset 0 1px 0 rgba(255,255,255,.28)}.member-buy-points:active{transform:translateY(0) scale(.99);box-shadow:0 8px 18px rgba(16,185,129,.28)}.member-buy-points:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:radial-gradient(60% 60% at 50% 50%,rgba(255,255,255,.24),rgba(255,255,255,0) 70%);opacity:0;transition:opacity .25s ease;pointer-events:none}.member-buy-points:hover:before{opacity:.55}.member-buy-points:after{content:"";position:absolute;top:0;left:-120%;width:55%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.38),rgba(255,255,255,0));transform:skewX(-20deg);pointer-events:none;transition:transform .6s ease}.member-buy-points:hover:after{animation:buySheen 1.1s ease}@keyframes buySheen{0%{transform:translateX(0) skewX(-20deg)}to{transform:translateX(320%) skewX(-20deg)}}@keyframes breathe{0%,to{box-shadow:0 10px 24px rgba(16,185,129,.28),inset 0 1px 0 rgba(255,255,255,.2);transform:translateY(0) scale(1)}50%{box-shadow:0 16px 34px rgba(16,185,129,.36),0 0 0 2px rgba(52,211,153,.22),inset 0 1px 0 rgba(255,255,255,.26);transform:translateY(-1px) scale(1.01)}}.member-buy-points .icon{display:inline-flex;width:18px;height:18px;margin-right:4px;filter:drop-shadow(0 1px 0 rgba(0,0,0,.12))}.member-history-points{position:relative;display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)) padding-box,linear-gradient(135deg,#60a5fa,#3b82f6) border-box;color:#fff;font-size:14px;font-weight:700;letter-spacing:.2px;padding:10px 16px;min-width:140px;border-radius:999px;cursor:pointer;box-shadow:0 10px 24px rgba(59,130,246,.28),inset 0 1px 0 rgba(255,255,255,.2);transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;overflow:hidden}.member-history-points:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 14px 30px rgba(59,130,246,.36),inset 0 1px 0 rgba(255,255,255,.28)}.member-history-points:active{transform:translateY(0) scale(.99);box-shadow:0 8px 18px rgba(59,130,246,.28)}.member-history-points:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:radial-gradient(60% 60% at 50% 50%,rgba(255,255,255,.24),rgba(255,255,255,0) 70%);opacity:0;transition:opacity .25s ease;pointer-events:none}.member-history-points:hover:before{opacity:.55}.member-history-points:after{content:"";position:absolute;top:0;left:-120%;width:55%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.38),rgba(255,255,255,0));transform:skewX(-20deg);pointer-events:none;transition:transform .6s ease}.member-history-points:hover:after{animation:historySheen 1.1s ease}@keyframes historySheen{0%{transform:translateX(0) skewX(-20deg)}to{transform:translateX(320%) skewX(-20deg)}}.member-history-points .icon{display:inline-flex;width:18px;height:18px;margin-right:4px;filter:drop-shadow(0 1px 0 rgba(0,0,0,.12))}.member-title{font-size:18px;font-weight:600}.member-close{border:none;background:rgba(255,255,255,.15);color:#fff;width:28px;height:28px;border-radius:6px;cursor:pointer;transition:transform .2s ease,background .2s ease}.member-tabs{display:flex;gap:8px;padding:12px 16px 0;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(17,24,39,.7),rgba(17,24,39,.5))}.member-tab{border:none;background:rgba(31,41,55,.7);color:#c7d2fe;padding:9px 12px;font-size:14px;border-radius:8px 8px 0 0;cursor:pointer;box-shadow:0 1px 0 rgba(0,0,0,.2)}.member-tab.active{background:#111827;color:#e5e7eb;border-bottom:2px solid #6366f1;box-shadow:0 6px 18px rgba(79,70,229,.18)}.member-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:18px;flex:1;overflow:auto}.member-plan{position:relative;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:24px 16px 16px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,rgba(30,41,59,.9),rgba(17,24,39,.9));box-shadow:0 10px 25px rgba(0,0,0,.35);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;overflow:hidden}.member-plan-name{font-size:30px;font-weight:600;color:#e5e7eb;padding-right:72px}.member-plan-price{display:flex;align-items:baseline;gap:6px;margin-top:2px}.member-plan-price .price{font-size:30px;font-weight:800;color:#f8fafc}.member-plan-price .period{font-size:14px;color:#9ca3af}.member-plan-benefits{margin:0;padding-left:18px;color:#d1d5db;font-size:17px;line-height:1.8;flex:1}.member-plan-action{margin-top:auto;margin-bottom:160px;align-self:center;display:inline-flex;align-items:center;justify-content:center;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#ec4899);color:#fff;font-size:17px;font-weight:600;padding:13px 22px;min-width:220px;border-radius:12px;cursor:pointer;box-shadow:0 6px 16px rgba(79,70,229,.25);transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.member-plan-badge{position:absolute;top:10px;right:10px;padding:4px 8px;font-size:12px;font-weight:600;color:#1f2937;background:linear-gradient(180deg,#fef08a,#fde047);border-radius:999px;box-shadow:0 4px 10px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.6);pointer-events:none;z-index:1}.member-plan:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(0,0,0,.55);border-color:rgba(255,255,255,.12)}.member-plan-action:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(79,70,229,.35)}.member-plan.popular{background:linear-gradient(180deg,rgba(31,41,55,.96),rgba(30,41,59,.9));border-color:rgba(99,102,241,.28)}.member-plan.popular .member-plan-price .price{background:linear-gradient(90deg,#4f46e5,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}.member-plan.premium{background:linear-gradient(180deg,rgba(30,41,59,.96),rgba(17,24,39,.92));border-color:rgba(14,165,233,.4);box-shadow:0 12px 28px rgba(14,165,233,.18),0 0 0 1px rgba(14,165,233,.28),inset 0 1px 0 rgba(255,255,255,.06);animation:pulseGlow 2.2s ease-in-out infinite}.member-plan.premium .member-plan-price .price{background:linear-gradient(90deg,#0ea5e9,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}.member-recommend{position:absolute;top:10px;right:10px;left:auto;width:auto;text-align:center;padding:5px 12px;background:linear-gradient(90deg,#f59e0b,#ef4444);color:#ffffff;font-size:12px;font-weight:800;letter-spacing:1.2px;border-radius:999px;border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 18px rgba(239,68,68,.35),0 0 0 2px rgba(239,68,68,.25);text-shadow:0 1px 0 rgba(0,0,0,.12);pointer-events:none;z-index:2}.member-recommend:after{content:"";position:absolute;inset:0;border-radius:999px;background:linear-gradient(120deg,rgba(255,255,255,.6),rgba(255,255,255,0) 40%);mix-blend-mode:screen;transform:translateX(-120%);animation:recommendSheen 2.8s ease-in-out infinite}@keyframes recommendSheen{0%,60%{transform:translateX(-120%);opacity:0}70%{opacity:1}to{transform:translateX(120%);opacity:0}}@keyframes pulseGlow{0%,to{box-shadow:0 14px 32px rgba(14,165,233,.22),0 0 0 2px rgba(14,165,233,.35),inset 0 1px 0 rgba(255,255,255,.6)}50%{box-shadow:0 18px 40px rgba(14,165,233,.32),0 0 0 3px rgba(14,165,233,.5),inset 0 1px 0 rgba(255,255,255,.8)}}.member-plan.enterprise{background:linear-gradient(180deg,rgba(17,24,39,.96),rgba(15,23,42,.9));border-style:dashed;border-color:rgba(148,163,184,.28)}.member-plan.enterprise .member-plan-action{background:linear-gradient(135deg,#111827,#374151);box-shadow:0 6px 16px rgba(17,24,39,.25)}.member-plan-benefits li{position:relative;list-style:none;margin-left:0;padding-left:18px}.member-plan-benefits li:before{content:"✓";position:absolute;left:0;top:0;color:#22c55e;font-weight:700}@media (max-width:1024px){.member-plans{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.member-plans{grid-template-columns:1fr}}.topup-overlay{position:fixed;inset:0;background:radial-gradient(1000px 600px at 30% 20%,rgba(99,102,241,.2),transparent 60%),radial-gradient(800px 500px at 70% 80%,rgba(139,92,246,.18),transparent 60%),radial-gradient(600px 400px at 50% 50%,rgba(236,72,153,.15),transparent 65%),rgba(0,0,0,.7);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10050;animation:overlayFadeIn .3s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.topup-container{width:680px;max-width:94vw;background:linear-gradient(165deg,rgba(15,23,42,.98),rgba(11,16,32,.98) 50%,rgba(15,23,42,.98));color:#e5e7eb;border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 50px 100px rgba(0,0,0,.8),0 0 0 1px rgba(99,102,241,.1),inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(99,102,241,.05);overflow:hidden;position:relative;animation:containerSlideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes containerSlideUp{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.topup-container:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:radial-gradient(circle at 50% -50%,rgba(99,102,241,.15),transparent 70%);pointer-events:none;z-index:0}.topup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,rgba(99,102,241,.12),rgba(139,92,246,.08) 50%,rgba(236,72,153,.1));border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:1}.topup-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.5) 50%,transparent)}.topup-title{font-size:20px;font-weight:800;letter-spacing:.5px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe 50%,#ddd6fe);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(99,102,241,.3)}.topup-close{border:none;background:rgba(255,255,255,.1);color:#e5e7eb;width:32px;height:32px;border-radius:10px;cursor:pointer;transition:all .2s ease;font-size:18px;display:flex;align-items:center;justify-content:center}.topup-close:hover{background:rgba(255,255,255,.18);transform:rotate(90deg) scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.3)}.topup-topbar{display:flex;justify-content:space-between;gap:12px;padding:16px 24px;background:linear-gradient(180deg,rgba(17,24,39,.6),rgba(17,24,39,.3));border-bottom:1px solid rgba(255,255,255,.05);position:relative;z-index:1}.topbar-left,.topup-topbar{align-items:center}.topbar-chip{gap:10px;padding:8px 16px;border-radius:999px;background:linear-gradient(135deg,rgba(31,41,55,.95),rgba(17,24,39,.95));border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 12px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.08);color:#e5e7eb;transition:all .3s ease}.topbar-chip:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.12)}.topbar-chip svg{color:#a5b4fc;filter:drop-shadow(0 0 8px rgba(165,180,252,.4))}.topbar-chip-text{font-size:14px;font-weight:600;letter-spacing:.3px}.topup-body{padding:32px 28px;position:relative;z-index:1}.topup-input-section{display:flex;flex-direction:column;gap:24px}.input-label{font-size:16px;font-weight:700;color:#e5e7ff;margin-bottom:-8px;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.input-label:before{content:"💰";font-size:18px;filter:drop-shadow(0 0 8px rgba(255,215,0,.3))}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,rgba(99,102,241,.4),rgba(139,92,246,.3),rgba(236,72,153,.2));border-radius:16px;opacity:0;transition:opacity .3s ease;pointer-events:none;filter:blur(8px)}.input-wrapper:focus-within:before{opacity:1}.input-prefix{position:absolute;left:22px;font-size:28px;font-weight:800;background:linear-gradient(135deg,#a5b4fc,#c7d2fe);-webkit-background-clip:text;background-clip:text;color:transparent;pointer-events:none;z-index:1}.amount-input{width:100%;background:linear-gradient(135deg,rgba(31,41,55,.98),rgba(17,24,39,.98));border:2px solid rgba(255,255,255,.12);border-radius:14px;padding:22px 24px 22px 58px;font-size:32px;font-weight:800;color:#f1f5f9;outline:none;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 24px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.2);position:relative;z-index:1}.amount-input:focus{border-color:rgba(99,102,241,.8);box-shadow:0 0 0 4px rgba(99,102,241,.15),0 12px 32px rgba(99,102,241,.25),inset 0 1px 0 rgba(255,255,255,.12);transform:translateY(-2px)}.amount-input::placeholder{color:#64748b;font-size:18px;font-weight:600}.quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-btn{position:relative;background:linear-gradient(135deg,rgba(31,41,55,.95),rgba(17,24,39,.95));border:1.5px solid rgba(255,255,255,.1);color:#cbd5e1;padding:14px 12px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08)}.quick-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(139,92,246,.15));opacity:0;transition:opacity .3s ease}.quick-btn:hover{background:linear-gradient(135deg,rgba(45,55,72,1),rgba(30,41,59,1));border-color:rgba(99,102,241,.6);color:#e0e7ff;transform:translateY(-3px) scale(1.02);box-shadow:0 8px 20px rgba(99,102,241,.3),0 0 0 3px rgba(99,102,241,.1),inset 0 1px 0 rgba(255,255,255,.15)}.quick-btn:hover:before{opacity:1}.quick-btn:active{transform:translateY(-1px) scale(.98)}.conversion-info{position:relative;background:linear-gradient(135deg,rgba(99,102,241,.12),rgba(139,92,246,.1),rgba(236,72,153,.08));border:1px solid rgba(99,102,241,.3);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:20px;box-shadow:0 8px 24px rgba(99,102,241,.15),inset 0 1px 0 rgba(255,255,255,.1);overflow:hidden}.conversion-info:before{content:"";position:absolute;top:-50%;right:-10%;width:200px;height:200px;background:radial-gradient(circle,rgba(139,92,246,.2),transparent 70%);border-radius:50%;filter:blur(40px);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(-20px,20px)}}.conversion-rate{display:flex;align-items:center;gap:12px;color:#c7d2fe;font-size:15px;font-weight:700;position:relative;z-index:1}.conversion-rate svg{color:#a78bfa;filter:drop-shadow(0 0 8px rgba(167,139,250,.5));animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.points-result{display:flex;align-items:baseline;gap:12px;padding-top:16px;border-top:1px solid rgba(99,102,241,.25);position:relative;z-index:1}.result-label{color:#e0e7ff;font-size:16px;font-weight:700}.result-value{background:linear-gradient(135deg,#6ee7b7,#34d399 50%,#10b981);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:40px;font-weight:900;letter-spacing:1px;text-shadow:0 0 30px rgba(110,231,183,.6);filter:drop-shadow(0 0 20px rgba(110,231,183,.4));animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{filter:drop-shadow(0 0 20px rgba(110,231,183,.4))}50%{filter:drop-shadow(0 0 30px rgba(110,231,183,.6))}}.result-unit{color:#a5b4fc;font-size:18px;font-weight:700}.topup-footer{display:flex;justify-content:flex-end;gap:14px;padding:20px 24px 24px;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,transparent,rgba(11,16,32,.4));position:relative;z-index:1}.topup-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.4) 50%,transparent)}.topup-btn{border:none;padding:14px 28px;border-radius:12px;cursor:pointer;font-weight:700;font-size:15px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.topup-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width .6s,height .6s}.topup-btn:active:after{width:300px;height:300px}.topup-btn.ghost{background:rgba(31,41,55,.8);color:#e5e7eb;border:1.5px solid rgba(255,255,255,.12);box-shadow:0 4px 12px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08)}.topup-btn.ghost:hover{background:rgba(45,55,72,.9);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.4);border-color:rgba(255,255,255,.2)}.topup-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);color:#fff;border:1.5px solid rgba(255,255,255,.2);box-shadow:0 12px 28px rgba(99,102,241,.45),0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.2);min-width:140px;position:relative}.topup-btn.primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}.topup-btn.primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 16px 36px rgba(99,102,241,.55),0 0 0 2px rgba(139,92,246,.3),inset 0 1px 0 rgba(255,255,255,.3)}.topup-btn.primary:hover:before{opacity:1}.topup-btn.primary:active{transform:translateY(-1px) scale(.98)}.points-history-overlay{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.points-history-container{background:linear-gradient(145deg,#1a1d2e,#22263c);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.5);width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.points-history-header{padding:24px 28px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.points-history-title{font-size:22px;font-weight:600;background:linear-gradient(135deg,#ffffff,#a0aec0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.points-history-close{background:rgba(255,255,255,.05);border:none;border-radius:8px;width:32px;height:32px;color:rgba(255,255,255,.6);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.points-history-close:hover{background:rgba(255,255,255,.1);color:rgba(255,255,255,.9)}.points-history-topbar{padding:16px 28px;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(255,255,255,.05)}.topbar-left{display:flex;gap:12px;flex-wrap:wrap}.topbar-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(255,255,255,.05);border-radius:20px;font-size:13px;color:rgba(255,255,255,.85)}.topbar-chip svg{color:rgba(255,255,255,.5)}.topbar-chip-text{font-weight:500}.points-history-body{flex:1;overflow-y:auto;padding:20px 28px}.transactions-list{display:flex;flex-direction:column;gap:12px}.transaction-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:12px;transition:all .2s}.transaction-item:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}.transaction-left{flex:1;min-width:0}.transaction-description{font-size:15px;font-weight:500;color:rgba(255,255,255,.9);margin-bottom:6px;word-break:break-word}.transaction-date{font-size:13px;color:rgba(255,255,255,.5)}.transaction-right{text-align:right;margin-left:16px;flex-shrink:0}.transaction-amount{font-size:18px;font-weight:600;margin-bottom:4px}.transaction-positive{color:#10b981}.transaction-negative{color:#ef4444}.transaction-balance{font-size:12px;color:rgba(255,255,255,.5)}.empty-message,.error-message,.loading-message,.no-more-message{text-align:center;padding:40px 20px;color:rgba(255,255,255,.5);font-size:14px}.error-message{color:#ef4444}.load-more-btn{width:100%;margin-top:16px;padding:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:rgba(255,255,255,.8);font-size:14px;cursor:pointer;transition:all .2s}.load-more-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}.points-history-footer{padding:20px 28px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:12px}.transaction-stats{font-size:13px;color:rgba(255,255,255,.6)}.points-history-btn{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.points-history-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:white}.points-history-btn.primary:hover{box-shadow:0 4px 12px rgba(102,126,234,.4);transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.points-history-body::-webkit-scrollbar{width:8px}.points-history-body::-webkit-scrollbar-track{background:rgba(255,255,255,.03);border-radius:4px}.points-history-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:4px}.points-history-body::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.15)}