*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;overflow:hidden}.app-container{display:flex;min-height:100vh;position:relative}.video-background{background:#0a0a0f;height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.video-item{height:auto;left:50%;min-height:100%;min-width:100%;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}.video-overlay{background:#0a0a0f80;bottom:0;left:0;position:absolute;right:0;top:0;z-index:2}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0f99;border-right:1px solid #ffffff14;display:flex;flex-direction:column;min-height:100vh;padding:1rem 0;width:80px;z-index:100}.sidebar-top{border-bottom:1px solid #ffffff14;margin-bottom:1rem;padding:0 1rem 2rem}.logo{color:#fff;font-size:.85rem;font-weight:600;letter-spacing:1px;line-height:1.3;text-align:center}.nav-menu{flex:1 1;gap:.5rem;padding:0 .5rem}.nav-item,.nav-menu{display:flex;flex-direction:column}.nav-item{align-items:center;background:#0000;border:none;border-radius:12px;color:#ffffff80;cursor:pointer;justify-content:center;padding:.8rem;transition:all .3s}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.active{background:#ffffff1f;color:#fff}.nav-icon{font-size:1.4rem;margin-bottom:.3rem}.nav-label{font-size:.7rem;text-align:center}.user-info{align-items:center;border-radius:8px;color:#ffffff80;cursor:pointer;display:flex;flex-direction:column;font-size:.75rem;gap:.5rem;padding:.5rem;transition:all .3s}.user-info:hover{background:#ffffff14;color:#fff}.avatar{font-size:1.5rem}.user-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0fe6;border:1px solid #ffffff14;border-radius:8px;bottom:70px;box-shadow:0 4px 12px #0000004d;left:10px;padding:.5rem;position:absolute;width:120px;z-index:1000}.user-menu-item{background:#0000;border:none;border-radius:4px;color:#ffffffb3;cursor:pointer;display:block;font-size:.8rem;padding:.5rem;text-align:left;transition:all .3s;width:100%}.user-menu-item:hover{background:#ffffff14;color:#fff}.sidebar-bottom{border-top:1px solid #ffffff14;padding:1rem;position:relative}.profile-page{margin:0 auto;max-width:800px}.profile-page .back-btn{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.5rem;transition:all .3s}.profile-page .back-btn:hover{background:#ffffff26}.profile-container{display:flex;flex-direction:column;gap:2rem}.profile-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;padding:2rem}.profile-header{align-items:center;display:flex;gap:2rem;margin-bottom:2rem}.profile-avatar{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;flex-shrink:0;height:100px;justify-content:center;overflow:hidden;width:100px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{color:#ffffff80;font-size:3rem}.profile-info{flex:1 1}.profile-name{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.profile-phone{color:#fff9;font-size:.95rem;margin:0}.profile-actions{display:flex;gap:1rem;justify-content:center}.profile-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem}.section-title{border-bottom:1px solid #ffffff1a;margin:0 0 1.5rem;padding-bottom:1rem}.info-list{display:flex;flex-direction:column;gap:1rem}.info-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:1rem 0}.info-item:last-child{border-bottom:none}.info-label{color:#fff9;font-size:.9rem}.info-value{color:#fff;font-size:.9rem;font-weight:500}.profile-error,.profile-loading{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border-top-color:#4a86f7}.error-text{color:#ff6b6be6;font-size:1rem}.btn{border-radius:8px;font-weight:500;padding:.875rem 2rem}.btn-primary{background:#4a86f7}.btn-primary:hover:not(:disabled){background:#3a76e7;box-shadow:0 4px 12px #4a86f74d;transform:translateY(-2px)}.btn-secondary{background:#ffffff1a;color:#fff}.btn-secondary:hover{background:#ffffff26}.btn:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{align-items:center;animation:overlayFade .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.modal-container{animation:modalSlide .3s ease;background:#1a1a2e;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 25px 80px #0000004d;max-width:400px;padding:2rem;position:relative;width:90%}.modal-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s;width:32px}.modal-close:hover{background:#fff3;transform:rotate(90deg)}.modal-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.modal-form{display:flex;flex-direction:column;gap:1.25rem}.form-group label{color:#fffc}.modal-input{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:.95rem;outline:none;padding:.75rem 1rem;transition:all .3s}.modal-input:focus{background:#ffffff26;border-color:#4a86f7}.form-hint,.modal-input::placeholder{color:#ffffff80}.form-hint{font-size:.8rem;text-align:center}.modal-actions{display:flex;gap:1rem;margin-top:.5rem}.modal-actions .btn{flex:1 1}.main-content{flex:1 1;overflow-y:auto;padding:2rem}.page{animation:fadeIn .5s ease;min-height:calc(100vh - 4rem)}.home-page{align-items:center;display:flex;flex-direction:column;gap:3rem;justify-content:center}.hero-section{margin-top:2rem;text-align:center}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#e0e0ff,#fff);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;letter-spacing:4px;margin-bottom:.8rem}.hero-subtitle{color:#fff9;font-size:1.1rem;letter-spacing:2px;margin-bottom:2rem}.cta-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff40;border-radius:30px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:1px;padding:1rem 3rem;transition:all .3s}.cta-button:hover{background:#ffffff26;border-color:#fff6;box-shadow:0 10px 30px #ffffff14;transform:translateY(-2px)}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:1.5rem;transition:all .3s}.glass-card:hover{background:#ffffff0f;border-color:#ffffff26;box-shadow:0 10px 40px #0006;transform:translateY(-4px)}.cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);max-width:1400px;padding:0 2rem;width:100%}.feature-card{cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:180px;overflow:hidden;position:relative}.feature-card:before{background:linear-gradient(135deg,#ffffff0f,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.card-content{flex:1 1}.card-icon{font-size:2.5rem;margin-bottom:1rem}.card-title{color:#fff;font-size:1.15rem;font-weight:600;margin-bottom:.5rem}.card-desc{color:#ffffff80;font-size:.85rem}.card-arrow{color:#ffffff4d;font-size:1.5rem;text-align:right;transition:transform .3s}.feature-card:hover .card-arrow{transform:translate(5px,-5px)}.ai-generate-page{margin:0 auto;max-width:900px}.page-title{color:#fff;font-size:2rem;font-weight:600;margin-bottom:2rem}.create-card{padding:2.5rem}.input-area{margin-bottom:1.5rem}.input-area label,.model-selector label,.option-group label{color:#ffffffe6;display:block;font-size:.95rem;font-weight:500;margin-bottom:.6rem}.input-area textarea{background:#fffffff2;border:1px solid #0000001a;border-radius:10px;color:#000;font-family:inherit;font-size:1rem;min-height:100px;padding:1rem;resize:vertical;transition:border-color .3s,box-shadow .3s;width:100%}.input-area textarea:focus{background:#fff;border-color:#00000040;box-shadow:0 0 0 3px #0000001a;outline:none}.input-area textarea::placeholder{color:#0006}.model-selector{background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;margin-bottom:1.5rem;padding:1rem}.model-selector select{appearance:none;background:#ffffffe6;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #0000001a;border-radius:8px;color:#000;cursor:pointer;font-size:1rem;padding:.7rem;transition:all .3s;width:100%}.model-selector select:focus{border-color:#0003;box-shadow:0 0 0 3px #0000001a;outline:none}.model-selector .model-hint{color:#fff6;display:block;font-size:.8rem;font-style:italic;margin-top:.5rem}.options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.option-group{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;padding:1rem}.option-group select{appearance:none;background:#ffffffe6;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:1px solid #0000001a;border-radius:6px;color:#000;cursor:pointer;font-family:inherit;font-size:.9rem;padding:.6rem;width:100%}.option-group select:focus{border-color:#0003;box-shadow:0 0 0 3px #00000014;outline:none}.btn{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;padding:.7rem 1.5rem;transition:all .3s}.btn-primary{background:#ffffff26;border:1px solid #ffffff40;color:#fff}.btn-primary:hover{background:#ffffff40;border-color:#fff6;box-shadow:0 8px 25px #ffffff1a;transform:translateY(-2px)}.generate-btn{font-size:1.1rem;letter-spacing:.5px;padding:1.1rem}.loading{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;margin-right:.5rem;width:18px}.placeholder-page{align-items:center;display:flex;justify-content:center}.placeholder-page .glass-card{padding:4rem;text-align:center}.placeholder-text{font-size:1.1rem;margin-top:1rem}.storyboard-page{margin:0 auto;max-width:1200px}.storyboard-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);padding:1rem}.feature-page{margin:0 auto;max-width:900px}.feature-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.feature-title{color:#fff;font-size:1.8rem;font-weight:600;margin:0}.feature-tag{background:#ffffff26;border-radius:20px;color:#fffc;font-size:.8rem;font-weight:500;padding:.4rem 1rem}.feature-tag.full{background:#64c8964d;color:#fff}.feature-card-large{padding:2.5rem}.feature-hint{background:#ffffff0d;border-left:3px solid #fff3;border-radius:8px;color:#fff9;font-size:.9rem;margin-top:1.5rem;padding:1rem}.asset-preview{margin-top:2rem}.asset-preview h3{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.asset-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.asset-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:1rem;text-align:center;transition:all .3s}.asset-item:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.asset-placeholder{font-size:2.5rem;margin-bottom:.5rem}.asset-item span{color:#ffffffb3;font-size:.85rem}.storyboard-card{cursor:pointer;flex-direction:column;justify-content:space-between;min-height:220px;position:relative}.card-tag{background:#ffffff26;border-radius:20px;color:#fffc;font-size:.75rem;font-weight:500;padding:.3rem .8rem;position:absolute;right:1rem;top:1rem}.tab-navigation{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem}.tab-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffff80;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;padding:.8rem 1.2rem;transition:all .3s}.tab-button:hover{background:#ffffff14;color:#fffc}.tab-button.active{background:#ffffff26;color:#fff}.tab-icon{font-size:1.1rem}.tab-label{white-space:nowrap}.tab-content{animation:fadeIn .3s ease}.placeholder-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-secondary{background:#ffffff14;border:1px solid #ffffff26;color:#fffc}.btn-secondary:hover{background:#ffffff1f;border-color:#ffffff40}.profile-sections{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem}.profile-item{align-items:center;background:#ffffff0d;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:all .3s}.profile-item:hover{background:#ffffff14}.profile-item span:first-child{color:#fffc;font-size:.95rem}.profile-item span:last-child{color:#fff6;font-size:1.2rem}.project-actions{display:flex;gap:1rem;margin-bottom:1.5rem}.project-actions .btn{padding:.75rem 1.5rem}.project-list{margin-bottom:2rem}.project-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.project-list-title{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.btn-sm{font-size:.85rem;padding:.5rem 1rem}.empty-state{background:#ffffff08;border:1px dashed #ffffff26;border-radius:12px;color:#ffffff80;padding:3rem;text-align:center}.project-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.project-item{cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:0}.project-content{flex:1 1;padding:1.2rem}.project-desc{color:#ffffff80;font-size:.85rem;line-height:1.4;margin-bottom:.8rem;min-height:40px}.project-meta{align-items:center;color:#fff6;display:flex;font-size:.8rem;gap:1rem}.project-status{background:#64c89633;border-radius:12px;color:#fffc;font-size:.75rem;margin-left:auto;padding:.25rem .6rem}.project-footer{background:#ffffff0d;border-radius:0 0 16px 16px;border-top:1px solid #ffffff14;display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.2rem}.project-name{color:#fff;font-size:.95rem;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.project-actions-bar{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr 1fr;width:100%}.btn-action{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;flex-shrink:0;font-size:.8rem;height:36px}.btn-action:hover{transform:translateY(-1px)}.btn-start{background:linear-gradient(135deg,#64c89640,#64c89626);border:1px solid #64c89659;color:#ffffffe6}.btn-start:hover{background:linear-gradient(135deg,#64c89666,#64c89640);border-color:#64c89680;box-shadow:0 4px 12px #64c89640}.btn-edit{background:linear-gradient(135deg,#4facfe40,#00f2fe26);border:1px solid #4facfe59;color:#ffffffe6}.btn-edit:hover{background:linear-gradient(135deg,#4facfe66,#00f2fe40);border-color:#4facfe80;box-shadow:0 4px 12px #4facfe40}.btn-delete{background:linear-gradient(135deg,#ff6b6b40,#ff6b6b26)!important;border:1px solid #ff6b6b59!important;color:#ffffffe6!important;display:flex!important}.btn-delete:hover{background:linear-gradient(135deg,#ff6b6b66,#ff6b6b40)!important;border-color:#ff6b6b80!important;box-shadow:0 4px 12px #ff6b6b40!important}.quick-actions-section{margin-top:2rem}.section-title{font-size:1.1rem;font-weight:600;margin-bottom:1rem}.form-modal-overlay{align-items:center;animation:overlayFade .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.form-modal{animation:modalSlide .3s ease;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0f0f19f2;border:1px solid #ffffff1a;border-radius:20px;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;position:relative;width:100%}.form-close{background:#0000;border:none;color:#ffffff80;cursor:pointer;font-size:1.8rem;line-height:1;position:absolute;right:1rem;top:1rem;transition:color .3s}.form-close:hover{color:#fff}.form-title{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.project-form{display:flex;flex-direction:column;gap:1.2rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group label{display:block;margin-bottom:.5rem}.form-group select,.form-group textarea{background:#fffffff2;border:1px solid #0000001a;border-radius:10px;color:#000;font-family:inherit;font-size:1rem;padding:.9rem 1rem;transition:all .3s;width:100%}.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#00000040;box-shadow:0 0 0 3px #0000001a;outline:none}.form-group textarea::placeholder{color:#0006}.form-group textarea{min-height:80px;resize:vertical}.content-textarea{font-family:Consolas,Monaco,monospace;line-height:1.6;min-height:300px}.char-count{color:#fff6;float:right;font-size:.8rem;font-weight:400}.number-input-wrapper{align-items:center;display:flex;gap:.5rem}.number-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:44px;justify-content:center;transition:all .3s;width:40px}.number-btn:hover:not(:disabled){background:#fff3;border-color:#ffffff4d}.number-btn:disabled{cursor:not-allowed;opacity:.3}.number-input{background:#fffffff2;border:1px solid #0000001a;border-radius:10px;color:#000;flex:1 1;font-size:1rem;font-weight:600;padding:.9rem 1rem;text-align:center}.number-input:focus{background:#fff;border-color:#00000040;box-shadow:0 0 0 3px #0000001a;outline:none}.voice-select-wrapper{align-items:center;display:flex;gap:.75rem}.voice-select{appearance:none;background:#fffffff2;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #0000001a;border-radius:10px;color:#000;cursor:pointer;flex:1 1;font-size:1rem;padding:.9rem 1rem;transition:all .3s}.voice-select:focus{background:#fff;border-color:#00000040;box-shadow:0 0 0 3px #0000001a;outline:none}.btn-voice-library{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.9rem 1.25rem;transition:all .3s;white-space:nowrap}.btn-voice-library:hover{background:linear-gradient(135deg,#7c8eee,#8659b0);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.confirm-content{padding:1.5rem 0;text-align:center}.confirm-text{color:#ffffffe6;font-size:1.1rem;line-height:1.5;margin-bottom:.75rem}.confirm-hint{color:#ffffff80;font-size:.9rem;margin-bottom:1rem}.confirm-count{border-top:1px solid #ffffff1a;color:#667eeae6;font-size:1rem;margin-top:1rem;padding-top:1rem}.count-number{color:#667eeae6;font-size:1.5rem;font-weight:700;margin:0 .25rem}.storyboard-manage-page{background:linear-gradient(135deg,#0f0f1a,#1a1a2e 50%,#16213e);min-height:100vh;padding:0}.storyboard-header{background:#667eea26;border-bottom:1px solid #667eea40}.storyboard-actions-bar{flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.btn-batch-import{background:linear-gradient(135deg,#1abc9c,#16a085);color:#fff}.btn-batch-import:hover{background:linear-gradient(135deg,#48c9b0,#1abc9c)}.btn-batch-generate{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.btn-batch-generate:hover{background:linear-gradient(135deg,#5dade2,#3498db)}.btn-batch-video{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.btn-batch-video:hover{background:linear-gradient(135deg,#a569bd,#9b59b6)}.btn-synthesize{background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff}.btn-synthesize:hover{background:linear-gradient(135deg,#ec407a,#e91e63)}.btn-refresh{background:linear-gradient(135deg,#ff9800,#f57c00)}.btn-refresh:hover{background:linear-gradient(135deg,#ffb74d,#ff9800)}.storyboard-table-header{align-items:center;background:linear-gradient(135deg,#3498db33,#2980b926);border-bottom:2px solid #3498db4d;color:#fffffff2;display:flex;font-size:.95rem;font-weight:600;gap:1rem;padding:1rem 2rem}.col-index{flex-shrink:0;width:60px}.col-main{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.sub-columns{grid-gap:1rem;color:#ffffffb3;display:grid;font-size:.85rem;font-weight:500;gap:1rem;grid-template-columns:180px 200px 200px}.col-actions-header{flex-shrink:0;text-align:center;width:280px}.storyboard-list-container{padding:1.5rem 2rem}.storyboard-list{display:flex;flex-direction:column;gap:1.5rem}.storyboard-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;display:flex;overflow:hidden;transition:all .3s}.storyboard-card:hover{background:#ffffff0f;border-color:#3498db4d;box-shadow:0 10px 40px #0006;transform:translateY(-2px)}.storyboard-index{align-items:center;background:linear-gradient(135deg,#3498db33,#2980b926);border-right:1px solid #ffffff14;display:flex;justify-content:center;width:60px}.index-number{color:#3498dbe6;font-size:1.3rem;font-weight:700}.storyboard-main{display:flex;flex:1 1;flex-direction:column;gap:1rem;padding:1.25rem}.storyboard-content-section{background:#0003;border-left:3px solid #3498db80;border-radius:10px;padding:1rem}.section-label{color:#3498dbcc;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.content-text{color:#ffffffd9;font-size:.95rem;line-height:1.7;margin:0;white-space:pre-wrap;word-break:break-all}.storyboard-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:180px 200px 200px}.storyboard-cell{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;padding:.75rem}.characters-list{display:flex;flex-wrap:wrap;gap:.5rem}.character-item{align-items:center;display:flex;flex-direction:column;gap:.35rem}.character-thumb{object-fit:cover}.character-thumb,.character-thumb-placeholder{border:2px solid #3498db4d;border-radius:8px;height:50px;width:50px}.character-thumb-placeholder{align-items:center;background:linear-gradient(135deg,#3498db33,#2980b926);display:flex;font-size:1.5rem;justify-content:center}.character-name{color:#ffffffb3;font-size:.75rem;text-align:center;white-space:nowrap}.empty-cell{color:#fff6;font-size:.8rem;padding:1rem 0;text-align:center}.scene-container{display:flex;flex-direction:column;gap:.5rem}.scene-image{border:2px solid #3498db4d;border-radius:8px;height:120px;object-fit:cover;width:100%}.scene-placeholder{align-items:center;background:linear-gradient(135deg,#3498db1a,#2980b90d);border:2px dashed #3498db4d;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;height:120px;justify-content:center;width:100%}.placeholder-icon{font-size:2rem}.placeholder-text{color:#fff6;font-size:.8rem}.scene-name{color:#fff9;font-size:.8rem;text-align:center}.video-container{align-items:center;background:#0000004d;border-radius:8px;display:flex;height:120px;justify-content:center;overflow:hidden;width:100%}.video-player{height:100%;object-fit:cover;width:100%}.video-success{align-items:center;color:#2ecc71e6;display:flex;flex-direction:column;gap:.5rem}.success-icon{font-size:2rem}.video-failed{align-items:center;color:#e74c3ce6;display:flex;flex-direction:column;gap:.5rem;padding:.5rem;text-align:center}.video-failed p{font-size:.8rem;margin:0}.btn-retry{background:#e74c3c4d;border:1px solid #e74c3c80;border-radius:6px;color:#ffffffe6;cursor:pointer;font-size:.75rem;padding:.35rem .75rem;transition:all .3s}.btn-retry:hover{background:#e74c3c80}.retry-hint{color:#ffffff80;font-size:.75rem}.video-placeholder{align-items:center;color:#fff6;display:flex;flex-direction:column;gap:.5rem}.storyboard-actions{border-top:1px solid #ffffff0f;display:flex;gap:.75rem;padding-top:.5rem}.btn-action{flex:1 1;font-weight:600;padding:.7rem 1rem}.btn-edit-storyboard{background:linear-gradient(135deg,#3498db4d,#2980b933);border:1px solid #3498db66;color:#fffffff2}.btn-edit-storyboard:hover{background:linear-gradient(135deg,#3498db73,#2980b94d)}.btn-generate-single{background:linear-gradient(135deg,#2ecc714d,#27ae6033);border:1px solid #2ecc7166;color:#fffffff2}.btn-generate-single:hover{background:linear-gradient(135deg,#2ecc7173,#27ae604d)}@media (max-width:1400px){.storyboard-grid,.sub-columns{grid-template-columns:160px 180px 180px}}@media (max-width:1200px){.storyboard-card{flex-direction:column}.storyboard-index{border-bottom:1px solid #ffffff14;border-right:none;height:40px;width:100%}.storyboard-grid{grid-template-columns:1fr}.sub-columns{grid-template-columns:1fr 1fr 1fr}.storyboard-actions{flex-direction:column}.storyboard-actions-bar{justify-content:center}}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.form-actions .btn{min-width:100px}.loading-container{align-items:center;color:#fff9;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff1a;border-top-color:#667eeacc;height:40px;margin-bottom:1rem;width:40px}.asset-manage-page{-ms-overflow-style:none;background:linear-gradient(135deg,#0f0f1a,#1a1a2e 50%,#16213e);height:calc(100vh - 4rem);min-height:0;min-height:auto;overflow-y:auto;padding:0;scrollbar-width:none}.asset-manage-page::-webkit-scrollbar{display:none}.asset-manage-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border-bottom:1px solid #ffffff14;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.5rem;position:sticky;top:0;z-index:100}.asset-tabs{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:.5rem;padding:.35rem}.asset-tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffff80;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.4rem;padding:.6rem 1.2rem;transition:all .3s;white-space:nowrap}.asset-tab-btn:hover{background:#ffffff14;color:#fffc}.asset-tab-btn.active{background:#4a86f766;box-shadow:0 2px 8px #4a86f74d;color:#fff}.tab-icon{font-size:1rem}.asset-header-right{flex-shrink:0}.asset-count{color:#ffffff80;font-size:.85rem}.asset-manage-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:1.5rem}.asset-loading-scroll{align-items:center;color:#666;display:flex;flex-direction:column;font-size:14px;gap:.75rem;grid-column:1/-1;justify-content:center;padding:2rem}.asset-manage-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;cursor:pointer;overflow:hidden;transition:all .3s}.asset-manage-card:hover{background:#ffffff12;border-color:#fff3;box-shadow:0 12px 40px #0006;transform:translateY(-4px)}.asset-media{aspect-ratio:16/9;background:#0000004d;overflow:hidden;width:100%}.asset-image,.asset-video{height:100%;object-fit:cover;transition:transform .3s;width:100%}.asset-manage-card:hover .asset-image,.asset-manage-card:hover .asset-video{transform:scale(1.05)}.asset-fallback{align-items:center;background:#0006;bottom:0;display:none;justify-content:center;left:0;position:absolute;right:0;top:0}.fallback-icon{font-size:3rem;opacity:.5}.asset-type-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border-radius:6px;color:#ffffffe6;font-size:.75rem;font-weight:500;left:.6rem;padding:.25rem .6rem;position:absolute;top:.6rem}.asset-play-overlay{align-items:center;background:#00000080;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:50px;justify-content:center;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s;width:50px}.asset-manage-card:hover .asset-play-overlay{opacity:1}.asset-manage-action-overlay{display:flex;flex-direction:row;gap:6px;left:8px;opacity:0;pointer-events:none;position:absolute;top:8px;transition:opacity .2s ease;z-index:10}.asset-manage-card:hover .asset-manage-action-overlay{opacity:1;pointer-events:auto}.asset-media{position:relative}.asset-info{padding:.85rem 1rem}.asset-name{color:#fff;font-size:.95rem;font-weight:600;margin-bottom:.35rem}.asset-desc,.asset-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-desc{color:#ffffff80;font-size:.8rem;margin-bottom:.5rem}.asset-meta{align-items:center;color:#fff6;display:flex;flex-wrap:wrap;font-size:.75rem;gap:.4rem;justify-content:space-between}.asset-meta-tag{border-radius:3px;font-size:.7rem;padding:.1rem .4rem}.asset-meta-model{background:#6366f126;color:#818cf8e6}.asset-meta-resolution{background:#10b98126;color:#34d399e6}.asset-meta-ratio{background:#f59e0b26;color:#fbbf24e6}.asset-meta-duration{background:#ef444426;color:#f87171e6}.asset-source{background:#4a86f733;border-radius:4px;color:#4a86f7e6;font-size:.7rem;padding:.15rem .5rem}.asset-loading{align-items:center;color:#ffffff80;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem}.asset-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#4a86f7;height:40px;width:40px}.asset-error{align-items:center;color:#ff6b6be6;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem}.error-icon{font-size:2.5rem}.retry-btn{background:#4a86f74d;border:1px solid #4a86f780;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:.6rem 1.5rem;transition:all .3s}.retry-btn:hover{background:#4a86f780}.asset-empty{align-items:center;color:#fff6;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem}.empty-icon{font-size:3rem}.asset-empty p{font-size:1rem;margin:0}.asset-pagination{align-items:center;display:flex;gap:.4rem;justify-content:center;padding:1.5rem}.page-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;cursor:pointer;font-size:.85rem;padding:.5rem .9rem;transition:all .3s}.page-btn:hover:not(:disabled):not(.active){background:#ffffff1a;border-color:#fff3}.page-btn.active{background:#4a86f766;border-color:#4a86f799;color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.3}.page-ellipsis{color:#ffffff4d;padding:0 .3rem}.page-info{color:#fff6;font-size:.8rem;margin-left:1rem}@media (max-width:768px){.asset-manage-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:1rem}.asset-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.asset-tab-btn{font-size:.8rem;padding:.5rem .8rem}}.character-list-page{background:linear-gradient(135deg,#0f0f1a,#1a1a2e 50%,#16213e);min-height:100vh;padding:0}.character-header{background:#667eea1a;border-bottom:1px solid #667eea33}.character-actions-bar{flex-wrap:wrap;justify-content:flex-end}.btn-recognize{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.btn-recognize:hover{background:linear-gradient(135deg,#a569bd,#9b59b6)}.btn-import{background:linear-gradient(135deg,#1abc9c,#16a085);color:#fff}.btn-import:hover{background:linear-gradient(135deg,#48c9b0,#1abc9c)}.btn-generate-all{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.btn-generate-all:hover{background:linear-gradient(135deg,#5dade2,#3498db)}.btn-refresh-list{background:linear-gradient(135deg,#e67e22,#d35400);color:#fff}.btn-refresh-list:hover{background:linear-gradient(135deg,#eb984e,#e67e22)}.character-main-content{margin:0 auto;max-width:1600px;padding:2rem}.character-section-header{align-items:center;border-bottom:2px solid #667eea4d;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.section-title{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0}.section-title:before{content:"🎭";font-size:1.8rem}.btn-add-character{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.btn-add-character:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.character-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}.character-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-direction:column;transition:all .3s}.character-card:hover{background:#ffffff0f;border-color:#667eea4d;box-shadow:0 15px 40px #0006;transform:translateY(-4px)}.character-image-section{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-bottom:1px solid #ffffff14;display:flex;height:280px;justify-content:center;overflow:hidden;position:relative;width:100%}.character-image-section:before{background:radial-gradient(circle at center,#667eea26 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.character-image{height:100%;object-fit:cover;transition:transform .3s;width:100%}.character-card:hover .character-image{transform:scale(1.05)}.character-image-placeholder{align-items:center;background:linear-gradient(135deg,#667eea33,#764ba233);border:3px solid #667eea4d;border-radius:50%;display:flex;height:120px;justify-content:center;width:120px}.placeholder-icon{font-size:4rem;opacity:.5}.character-info{flex:1 1;gap:.75rem;padding:1.25rem}.character-header{margin-bottom:.25rem}.character-name{color:#fff;display:flex;flex-wrap:wrap;font-size:1.05rem;font-weight:600;gap:.25rem;margin:0}.character-name .label{color:#ffffff80;font-weight:400}.character-name .value{color:#667eeae6;font-weight:700}.character-detail{align-items:center;display:flex;flex-wrap:wrap;font-size:.9rem;gap:.5rem}.character-detail .label{color:#ffffff80}.character-detail .value{color:#fffc;font-weight:500}.audio-value{background:#667eea26;border-radius:20px;gap:.5rem;padding:.35rem .75rem}.audio-value,.play-btn{align-items:center;display:flex}.play-btn{background:#0000;border:none;cursor:pointer;font-size:.9rem;padding:0;transition:transform .3s}.play-btn:hover{transform:scale(1.2)}.character-description{background:#0003;border-radius:8px;color:#ffffffb3;flex:1 1;font-size:.9rem;line-height:1.6;padding:.75rem}.character-description .label{color:#ffffff80;font-weight:500}.desc-text{display:inline;margin:0}.character-actions{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);margin-top:.5rem}.btn-card{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.35rem;justify-content:center;padding:.6rem .5rem;transition:all .3s}.btn-card:hover{box-shadow:0 6px 15px #0000004d;transform:translateY(-2px)}.btn-edit{background:linear-gradient(135deg,#ff9f434d,#ff9f4326);border:1px solid #ff9f4366;color:#fffffff2}.btn-edit:hover{background:linear-gradient(135deg,#ff9f4373,#ff9f4340)}.btn-delete{background:linear-gradient(135deg,#ff6b6b4d,#ff6b6b26);border:1px solid #ff6b6b66;color:#fffffff2}.btn-delete:hover{background:linear-gradient(135deg,#ff6b6b73,#ff6b6b40)}.btn-generate{background:linear-gradient(135deg,#667eea4d,#764ba226);border:1px solid #667eea66;color:#fffffff2}.btn-generate:hover{background:linear-gradient(135deg,#667eea73,#764ba240)}@media (max-width:1400px){.character-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}}@media (max-width:768px){.character-main-content{padding:1rem}.character-grid{grid-template-columns:1fr}.character-actions-bar{justify-content:center}.character-section-header{align-items:stretch;flex-direction:column;gap:1rem}.btn-add-character{width:100%}.form-row{grid-template-columns:1fr}.project-actions{flex-direction:column}.project-actions .btn{width:100%}.form-modal{margin:1rem;max-height:calc(100vh - 2rem)}.project-footer{padding:.75rem}.project-name{font-size:.85rem}.btn-action{font-size:.75rem;height:32px}}.project-detail-page{background:linear-gradient(135deg,#0f0f1a,#1a1a2e);min-height:100vh;padding:0}.detail-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border-bottom:1px solid #ffffff14;display:flex;gap:1.5rem;padding:1.2rem 2rem;position:sticky;top:0;z-index:100}.btn-back{background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:all .3s;white-space:nowrap}.btn-back:hover{background:#ffffff1a;color:#fff}.project-title-header{color:#fff;flex:1 1;font-size:1.3rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;flex-shrink:0;gap:.75rem}.btn-header{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.4rem;padding:.6rem 1.2rem;transition:all .3s}.btn-header:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.btn-new{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-new:hover{background:linear-gradient(135deg,#7c8eee,#8659b0)}.btn-characters{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-characters:hover{background:linear-gradient(135deg,#f3a4fc,#f7687a)}.btn-scenes{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.btn-scenes:hover{background:linear-gradient(135deg,#60b4d6,#12d8fe)}.btn-refresh{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.btn-refresh:hover{background:linear-gradient(135deg,#fb84a8,#fef352)}.episode-table-header{grid-gap:1rem;background:#667eea26;border-bottom:2px solid #667eea4d;color:#ffffffe6;display:grid;font-size:.95rem;font-weight:600;gap:1rem;grid-template-columns:60px 120px 1fr 280px 200px;padding:1rem 2rem}.col-index,.col-title{text-align:center}.episode-list{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 2rem}.episode-card{grid-gap:1rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;display:grid;gap:1rem;grid-template-columns:60px 1fr;overflow:hidden;transition:all .3s}.episode-card:hover{background:#ffffff0f;border-color:#ffffff26;box-shadow:0 10px 40px #0006;transform:translateY(-2px)}.episode-index{align-items:center;background:#667eea33;border-right:1px solid #ffffff14;display:flex;justify-content:center}.episode-number{color:#fffc;font-size:1.5rem;font-weight:700}.episode-main{display:flex;flex-direction:column;gap:1rem;padding:1.2rem}.episode-header{align-items:center;display:flex;gap:1rem}.episode-title{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.episode-status{background:linear-gradient(135deg,#64c8964d,#64c89626);border-radius:20px;color:#ffffffe6;font-size:.8rem;font-weight:500;padding:.3rem .8rem}.episode-content{background:#0003;border-radius:10px;max-height:200px;overflow-y:auto;padding:1rem}.episode-content::-webkit-scrollbar{width:6px}.episode-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.episode-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.episode-text{color:#ffffffbf;font-size:.9rem;line-height:1.8;margin:0;white-space:pre-wrap;word-break:break-all}.episode-meta{align-items:flex-start;border-top:1px solid #ffffff14;display:flex;gap:2rem;justify-content:space-between;padding-top:1rem}.video-link-section{flex:1 1;min-width:0}.link-hint{color:#fff6;font-size:.8rem;margin-bottom:.6rem}.link-actions{display:flex;flex-direction:column;gap:.5rem}.btn-copy{align-items:center;background:linear-gradient(135deg,#4facfe4d,#00f2fe33);border:1px solid #4facfe66;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:.4rem;padding:.6rem 1.2rem;transition:all .3s;width:fit-content}.btn-copy:hover{background:linear-gradient(135deg,#4facfe73,#00f2fe4d);border-color:#4facfe99;transform:translateY(-1px)}.video-url{color:#fff6;font-size:.75rem;max-width:400px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;transition:color .3s;white-space:nowrap}.video-url:hover{color:#4facfecc}.episode-actions{display:flex;flex-direction:column;flex-shrink:0;gap:.5rem}.btn-action{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.4rem;justify-content:center;min-width:130px;padding:.65rem 1.2rem;transition:all .3s}.btn-action:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.btn-delete-episode{background:linear-gradient(135deg,#ff6b6b4d,#ff6b6b26);border:1px solid #ff6b6b66;color:#fff}.btn-delete-episode:hover{background:linear-gradient(135deg,#ff6b6b73,#ff6b6b40)}.btn-edit-episode{background:linear-gradient(135deg,#00f2fe4d,#00f2fe26);border:1px solid #00f2fe66;color:#fff}.btn-edit-episode:hover{background:linear-gradient(135deg,#00f2fe73,#00f2fe40)}.btn-manage{background:linear-gradient(135deg,#64c8964d,#64c89626);border:1px solid #64c89666;color:#fff}.btn-manage:hover{background:linear-gradient(135deg,#64c89673,#64c89640)}@media (max-width:1400px){.episode-table-header{grid-template-columns:60px 100px 1fr 250px 180px}}@media (max-width:1200px){.detail-header{flex-wrap:wrap;padding:1rem}.project-title-header{text-align:center;width:100%}.header-actions{flex-wrap:wrap;justify-content:center;width:100%}.episode-table-header{display:none}.episode-card{grid-template-columns:50px 1fr}.episode-meta{flex-direction:column;gap:1rem}.episode-actions{flex-direction:row;flex-wrap:wrap}.btn-action{flex:1 1;min-width:auto}}.auth-page{padding:1rem}.back-btn{background:#0000;border:none;color:#fff9;cursor:pointer;font-size:1rem;margin-bottom:1.5rem;transition:color .3s}.back-btn:hover{color:#fff}.auth-page-title{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:2rem;text-align:center}.code-input-group{display:flex;gap:.8rem}.code-input-group input{flex:1 1}.send-code-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;padding:.9rem 1.2rem}.send-code-btn:hover:not(:disabled){background:#fff3;border-color:#ffffff4d}.send-code-btn:disabled{opacity:.5}.auth-overlay{align-items:center;animation:overlayFade .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.auth-modal{animation:modalSlide .3s ease;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0f0f19f2;border:1px solid #ffffff1a;border-radius:20px;max-width:420px;padding:2.5rem;position:relative;width:100%}.auth-modal-large{max-width:480px}.auth-close{background:#0000;border:none;color:#ffffff80;cursor:pointer;font-size:1.8rem;line-height:1;position:absolute;right:1rem;top:1rem;transition:color .3s}.auth-close:hover{color:#fff}.auth-tabs{display:flex;gap:1rem;margin-bottom:1.5rem}.auth-tab{background:#0000;border:none;border-bottom:2px solid #ffffff1a;color:#ffffff80;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:.8rem;transition:all .3s}.auth-tab.active{border-bottom-color:#fff;color:#fff}.auth-tab:hover{color:#fffc}.login-method-tabs{background:#ffffff0d;border-radius:8px;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:4px}.method-tab{background:#0000;border:none;border-radius:6px;color:#fff9;cursor:pointer;flex:1 1;font-size:.9rem;padding:.6rem 1rem;transition:all .3s}.method-tab.active{background:#ffffff26;color:#fff}.method-tab:hover:not(.active){color:#ffffffe6}.auth-form{display:flex;flex-direction:column;gap:1.2rem}.form-group{gap:.5rem}.form-group label{color:#ffffffb3;font-size:.9rem;font-weight:500}.form-group input{background:#fffffff2;border:1px solid #0000001a;border-radius:10px;color:#000;font-size:1rem;padding:.9rem 1rem;transition:all .3s}.form-group input:focus{background:#fff;border-color:#00000040;box-shadow:0 0 0 3px #0000001a;outline:none}.form-group input::placeholder{color:#0006}.auth-btn{font-size:1.05rem;margin-top:.5rem;padding:1rem}.auth-divider{align-items:center;color:#ffffff4d;display:flex;gap:1rem;margin:1.5rem 0}.auth-divider:after,.auth-divider:before{background:#ffffff1a;content:"";flex:1 1;height:1px}.auth-social{display:flex;flex-direction:column;gap:.8rem}.social-btn{background:#ffffff0d;border:1px solid #ffffff26;border-radius:10px;color:#fffc;cursor:pointer;font-size:.95rem;padding:.85rem;transition:all .3s}.social-btn:hover{background:#ffffff1a;border-color:#ffffff40;color:#fff}@media (max-width:1200px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sidebar{width:60px}.nav-label{display:none}.cards-grid{grid-template-columns:1fr}.hero-title{font-size:2rem}.options{grid-template-columns:1fr}.auth-modal{margin:1rem;padding:2rem}}.asset-detail-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.asset-detail-modal{background:#1a1a1a;border-radius:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;width:720px}.asset-detail-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:16px 20px}.asset-detail-title{color:#fff;font-size:18px;font-weight:600;margin:0}.asset-detail-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:background .2s;width:32px}.asset-detail-close:hover{background:#fff3}.asset-detail-body{flex:1 1;overflow-y:auto;padding:20px}.asset-detail-preview{align-items:center;background:#111;border-radius:8px;display:flex;justify-content:center;margin-bottom:20px;min-height:200px;padding:12px}.asset-detail-img{object-fit:contain}.asset-detail-img,.asset-detail-video{border-radius:6px;max-height:400px;max-width:100%}.asset-detail-info{display:flex;flex-direction:column;gap:12px}.asset-detail-row{align-items:flex-start;display:flex;gap:12px;padding:8px 0}.asset-detail-label{color:#888;flex-shrink:0;font-size:14px;min-width:70px}.asset-detail-value{color:#ddd;flex:1 1;font-size:14px}.asset-detail-prompt-row{flex-direction:column;gap:8px}.asset-detail-prompt-row .asset-detail-value{background:#222;border-radius:6px;font-size:13px;line-height:1.5;max-height:120px;overflow-y:auto;padding:10px 12px;word-break:break-word}.asset-detail-refs{display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.asset-detail-ref-img,.asset-detail-ref-video{border:1px solid #333;border-radius:6px;height:60px;object-fit:cover;width:60px}.asset-detail-footer{border-top:1px solid #333;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.asset-detail-btn{background:#2a2a2a;border:none;border-radius:6px;color:#ddd;cursor:pointer;font-size:13px;padding:8px 16px;transition:background .2s}.asset-detail-btn:hover{background:#3a3a3a}.asset-detail-btn-danger{background:#4a1a1a;color:#ff6b6b}.asset-detail-btn-danger:hover{background:#5a2a2a}.script-upload-page{animation:fadeIn .4s ease;background:#0a0c1ce6;border-radius:12px;display:flex;flex-direction:column;height:calc(100vh - 4rem);margin-bottom:20px;min-height:calc(100vh - 4rem);overflow:hidden}.script-upload-topbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0e1024d9;border-bottom:1px solid #ffffff12;gap:2rem;padding:.9rem 1.5rem;position:relative}.script-upload-topbar,.topbar-close-btn{align-items:center;display:flex;flex-shrink:0}.topbar-close-btn{background:#ffffff0f;border:1px solid #ffffff26;border-radius:6px;color:#fff9;cursor:pointer;font-size:.85rem;height:32px;justify-content:center;position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);transition:all .2s;width:32px}.topbar-close-btn:hover{background:#ffffff1f;border-color:#ffffff4d;color:#ffffffe6}.breadcrumb{flex-shrink:0;gap:.4rem;white-space:nowrap}.breadcrumb,.breadcrumb-back{align-items:center;display:flex;font-size:.88rem}.breadcrumb-back{background:#0000;border:none;border-radius:6px;color:#ffffff8c;cursor:pointer;gap:.3rem;padding:.3rem .6rem;transition:all .2s}.breadcrumb-back:hover{color:#fff}.breadcrumb-sep{color:#ffffff40;font-size:.8rem}.breadcrumb-current{color:#ffffffd9;font-weight:500}.step-bar{flex:1 1;gap:0;justify-content:center}.step-bar,.step-item{align-items:center;display:flex}.step-item{color:#ffffff4d;font-size:.82rem;gap:.45rem;white-space:nowrap}.step-item.active{color:#fff}.step-item.done{color:#63d2ffcc}.step-num{align-items:center;border:1.5px solid #ffffff40;border-radius:50%;display:flex;flex-shrink:0;font-size:.72rem;font-weight:700;height:22px;justify-content:center;width:22px}.step-item.active .step-num{background:linear-gradient(135deg,#4a5ef7,#6a3de8);border-color:#0000;color:#fff}.step-item.done .step-num{background:#63d2ff33;border-color:#63d2ff80;color:#63d2ffe6}.step-item.clickable{cursor:pointer;transition:opacity .2s}.step-item.clickable:hover{opacity:.75}.step-label{font-weight:500}.step-connector{background:#ffffff26;flex-shrink:0;height:1px;margin:0 .5rem;width:48px}.script-upload-body{display:flex;flex:1 1;min-height:0;overflow:hidden}.script-form-panel{border-right:1px solid #ffffff0f;display:flex;flex:1 1;flex-direction:column;gap:1.25rem;min-width:0;overflow-y:auto;padding:1.5rem 1.75rem}.script-form-panel::-webkit-scrollbar{width:5px}.script-form-panel::-webkit-scrollbar-track{background:#0000}.script-form-panel::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.form-row-inline{align-items:flex-start;display:flex;gap:1rem}.form-field{display:flex;flex-direction:column;gap:.45rem}.form-field.flex1{flex:1 1;min-width:0}.form-label{color:#ffffffb3;font-size:.85rem;font-weight:500}.form-label-hint{color:#ffffff59;font-size:.78rem;font-weight:400;margin-left:.4rem}.form-input{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:.9rem;outline:none;padding:.65rem .9rem;transition:all .2s;width:100%}.form-input:focus{background:#ffffff17;border-color:#6378ff80;box-shadow:0 0 0 2px #6378ff26}.form-input::placeholder{color:#ffffff47}.form-select{appearance:none;background:#ffffff0f;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath fill='rgba(255,255,255,0.4)' d='M5 7 0 2h10z'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;font-size:.88rem;outline:none;padding:.6rem 2rem .6rem .9rem;transition:border-color .2s}.form-select:focus{border-color:#6378ff80}.form-select option{background:#1a1c2e;color:#fff}.number-field{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;display:flex;overflow:hidden;width:120px}.number-field input{background:#0000;border:none;color:#fff;flex:1 1;font-size:.9rem;outline:none;padding:.6rem .75rem;text-align:center;width:60px}.number-field input::placeholder{color:#ffffff47}.number-arrows{border-left:1px solid #ffffff14;display:flex;flex-direction:column}.arrow-btn{background:#0000;border:none;color:#ffffff73;cursor:pointer;font-size:.6rem;line-height:1;padding:.25rem .45rem;transition:color .2s}.arrow-btn:hover{color:#fff}.split-mode-area{display:flex;flex-direction:column;gap:.6rem}.split-mode-tabs{display:flex;gap:.75rem}.split-tab{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:6px;color:#ffffff80;cursor:pointer;font-size:.82rem;padding:.35rem 1rem;transition:all .2s}.split-tab.active{background:#6378ff33;border-color:#6378ff8c;color:#c5cfff}.narrate-options{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;padding:.75rem 1rem}.narrate-radio{align-items:center;color:#ffffffa6;cursor:pointer;display:flex;font-size:.83rem;gap:.4rem;transition:color .2s}.narrate-radio input[type=radio]{accent-color:#6378ff;cursor:pointer;height:14px;width:14px}.narrate-radio:has(input:checked){color:#fff}.script-content-label-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.45rem}.btn-import-file{align-items:center;background:#0000;border:none;color:#63d2ffd9;cursor:pointer;display:flex;font-size:.82rem;gap:.4rem;padding:0;transition:color .2s}.btn-import-file:hover{color:#63d2ff}.script-textarea-wrap{position:relative}.script-textarea{background:#ffffff0a;border:1px solid #ffffff17;border-radius:10px;color:#ffffffd9;font-family:inherit;font-size:.88rem;line-height:1.7;max-height:260px;min-height:160px;outline:none;padding:.9rem 1rem;resize:vertical;transition:border-color .2s;width:100%}.script-textarea:focus{background:#ffffff0d;border-color:#6378ff66}.script-textarea::placeholder{color:#ffffff38}.textarea-footer{align-items:center;display:flex;justify-content:space-between;margin-top:.4rem}.char-count{color:#ffffff4d;font-size:.78rem}.btn-ai-expand{background:#0000;border:none;color:#63d2ffbf;cursor:pointer;font-size:.8rem;transition:color .2s}.btn-ai-expand:hover{color:#63d2ff}.guide-link{align-items:center;color:#6378ffcc;cursor:pointer;display:inline-flex;font-size:.8rem;gap:.3rem;margin-top:.25rem;transition:color .2s}.guide-link:hover{color:#8ca0ff}.genre-recommend{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem}.genre-label{color:#fff6;flex-shrink:0;font-size:.82rem}.genre-tag{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;color:#fff9;cursor:pointer;font-size:.8rem;padding:.25rem .75rem;transition:all .2s}.genre-tag:hover{background:#6378ff33;border-color:#6378ff73;color:#c5cfff}.btn-genre-refresh{background:#0000;border:none;color:#ffffff4d;cursor:pointer;font-size:.9rem;padding:.2rem;transition:color .2s,transform .3s}.btn-genre-refresh:hover{color:#ffffffb3;transform:rotate(180deg)}.style-panel{background:#0c0e1e80;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:360px}.style-panel-scroll{flex:1 1;overflow-y:auto;padding:1.25rem 1rem .5rem}.style-panel-scroll::-webkit-scrollbar{width:4px}.style-panel-scroll::-webkit-scrollbar-track{background:#0000}.style-panel-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.style-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.style-item{aspect-ratio:3/4;background:#1a1c2e;border:2px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:border-color .2s,transform .2s}.style-item:hover{transform:scale(1.04)}.style-item.selected{border-color:#6378ff}.style-item img{height:100%;object-fit:cover;width:100%}.style-item-placeholder{align-items:center;background:linear-gradient(135deg,#1e2040,#2a2c50);display:flex;font-size:1.5rem;height:100%;justify-content:center;opacity:.6;width:100%}.style-badge{border-radius:3px;font-size:.6rem;font-weight:700;left:.25rem;letter-spacing:.5px;padding:.1rem .4rem;position:absolute;top:.25rem}.badge-hot{background:linear-gradient(135deg,#f8344d,#e01c60);color:#fff}.badge-new-style{background:linear-gradient(135deg,#00c6ff,#0072ff);color:#fff}.style-name{background:linear-gradient(0deg,#000000bf,#0000);bottom:0;color:#ffffffe6;font-size:.68rem;left:0;overflow:hidden;padding:.3rem .35rem .35rem;position:absolute;right:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.style-selected-check{align-items:center;background:#6378ff;border-radius:50%;color:#fff;display:flex;font-size:.65rem;height:18px;justify-content:center;position:absolute;right:.3rem;top:.3rem;width:18px}.style-show-more{padding:.6rem 0 .25rem;text-align:center}.btn-show-more{background:#0000;border:none;color:#fff6;cursor:pointer;font-size:.8rem;transition:color .2s}.btn-show-more:hover{color:#ffffffb3}.style-panel-footer{border-top:1px solid #ffffff12;display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem}.ratio-label{color:#ffffff80;font-size:.82rem}.ratio-select{appearance:none;background:#ffffff0f;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath fill='rgba(255,255,255,0.4)' d='M5 7 0 2h10z'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;font-size:.88rem;outline:none;padding:.55rem 2rem .55rem .8rem;width:100%}.ratio-select option{background:#1a1c2e}.script-upload-actions{align-items:center;background:#0e1024e6;border-top:1px solid #ffffff12;display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;padding:.85rem 1.5rem}.btn-save-draft{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;color:#fffc;cursor:pointer;font-size:.92rem;font-weight:500;padding:.7rem 1.8rem;transition:all .2s}.btn-save-draft:hover{background:#ffffff21;border-color:#ffffff40;color:#fff}.save-draft-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.save-draft-spinner{align-items:center;background:#0e1024eb;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;gap:1rem;padding:2rem 2.8rem}.spinner-ring{animation:spin .8s linear infinite;border:3px solid #ffffff1f;border-radius:50%;border-top-color:#7c6ef5;height:44px;width:44px}.spinner-text{color:#ffffffd9;font-size:.95rem;letter-spacing:.04em}.btn-generate-list{background:linear-gradient(135deg,#4a5ef7,#6a3de8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.92rem;font-weight:600;padding:.7rem 1.8rem;transition:all .2s}.btn-generate-list:hover:not(:disabled){background:linear-gradient(135deg,#5b6ef8,#7a4df9);box-shadow:0 6px 20px #4a5ef773;transform:translateY(-2px)}.btn-generate-list:disabled{cursor:not-allowed;opacity:.5}@media (max-width:1100px){.style-panel{width:280px}.style-grid{grid-template-columns:repeat(3,1fr)}}@media (max-height:864px){.script-upload-topbar{padding:.6rem 1.5rem}.script-form-panel{gap:.85rem;padding:1rem 1.75rem}.script-textarea{max-height:180px;min-height:120px}.script-upload-actions{padding:.6rem 1.5rem}}@media (max-width:860px){.script-upload-body{flex-direction:column}.style-panel{border-right:none;border-top:1px solid #ffffff0f;max-height:340px;width:100%}}.character-list-page{animation:fadeIn .4s ease;background:#0a0c1ce6;border-radius:12px;display:flex;flex-direction:column;height:calc(100vh - 4rem);margin-bottom:20px;min-height:calc(100vh - 4rem);overflow:hidden}.cl-tabs{background:#0a0c1cf2;border-bottom:1px solid #ffffff14;display:flex;flex-shrink:0;gap:0;padding:0 1.5rem}.cl-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#ffffff73;cursor:pointer;font-size:.95rem;font-weight:500;padding:.85rem 1.25rem;transition:color .2s;white-space:nowrap}.cl-tab:hover{color:#ffffffbf}.cl-tab.active{border-bottom-color:#fff;color:#fff}.cl-body{flex:1 1;overflow-y:auto;padding:1.5rem 1.5rem 5rem}.cl-body::-webkit-scrollbar{width:4px}.cl-body::-webkit-scrollbar-track{background:#0000}.cl-body::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.cl-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(5,1fr)}@media (max-width:1200px){.cl-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:800px){.cl-grid{grid-template-columns:repeat(2,1fr)}}.cl-card-add{align-items:center;background:#121426d9;border:1px solid #ffffff0f;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:.6rem;justify-content:center;min-height:420px;transition:border-color .2s,background .2s}.cl-card-add:hover{background:#121426cc;border-color:#2ec87880}.cl-add-icon{color:#ffffff80;font-size:2rem;line-height:1}.cl-add-label{color:#2ec878e6;font-size:.9rem;font-weight:600}.cl-add-hint{color:#ffffff4d;font-size:.72rem;line-height:1.4;padding:0 1rem;text-align:center}.cl-card{background:#121426d9;border:1px solid #ffffff0f;border-radius:16px;display:flex;flex-direction:column;min-height:420px;overflow:hidden;position:relative;transition:border-color .25s,box-shadow .25s}.cl-card:hover{border-color:#6378ff4d;box-shadow:0 8px 32px #00000073}.cl-card-actions{display:flex;gap:.3rem;position:absolute;right:.6rem;top:0;z-index:5}.cl-card-action-btn{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:background .2s,color .2s;width:28px}.cl-card-action-btn.active,.cl-card-action-btn:hover{background:#0009;color:#fff}.cl-dropdown{position:relative}.cl-dropdown-menu{animation:dropdownIn .15s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e2032f7;border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 8px 32px #0009;display:flex;flex-direction:column;gap:4px;min-width:150px;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:10}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.cl-dropdown-item{align-items:center;background:#ffffff0f;border:none;border-radius:7px;color:#ffffffd9;cursor:pointer;display:flex;font-size:.8rem;gap:.5rem;padding:.55rem .75rem;transition:background .15s,color .15s;white-space:nowrap}.cl-dropdown-item:hover{background:#ffffff1f;color:#fff}.cl-dropdown-item.danger{color:#ff6464d9}.cl-dropdown-item.danger:hover{background:#ff3c3c26;color:#ff6b6b}.cl-card-top{display:flex;flex-direction:row;flex-shrink:0;height:160px}.cl-card-img-wrap{align-items:center;background:linear-gradient(135deg,#1a1c30,#242640);border-radius:16px 0 0 0;display:flex;flex-shrink:0;justify-content:center;min-width:120px;overflow:hidden;position:relative;width:120px}.cl-card-img-wrap img{height:100%;object-fit:contain;width:100%}.cl-card-img-placeholder{align-items:center;display:flex;font-size:2.5rem;height:100%;justify-content:center;opacity:.25;width:100%}.cl-gen-img-btn{align-items:center;background:linear-gradient(135deg,#1a8a5a,#26c980);border:none;border-radius:14px;bottom:.45rem;box-shadow:0 2px 8px #26c9804d;color:#fff;cursor:pointer;display:flex;font-size:.68rem;font-weight:600;gap:.2rem;left:50%;padding:.25rem .6rem;position:absolute;transform:translateX(-50%);transition:opacity .2s;white-space:nowrap}.cl-gen-img-btn:hover{opacity:.85}.cl-gen-icon{font-size:.6rem}.cl-card-info{overflow:hidden;padding:2.2rem .75rem .6rem}.cl-card-desc-area,.cl-card-info{display:flex;flex:1 1;flex-direction:column;gap:.45rem}.cl-card-desc-area{overflow-y:auto;padding:.5rem .75rem .65rem}.cl-card-desc-area::-webkit-scrollbar{width:3px}.cl-card-desc-area::-webkit-scrollbar-track{background:#0000}.cl-card-desc-area::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.cl-field-box{background:#ffffff0a;border-radius:8px;padding:.45rem .6rem}.cl-field-label{align-items:center;color:#ffffff59;display:flex;font-size:.68rem;gap:.3rem;margin-bottom:.15rem}.cl-field-value{color:#fff;font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-voice-row{align-items:center;display:flex;gap:.5rem}.cl-voice-name{color:#fff9;flex:1 1;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-voice-info{border:1px solid #ffffff40;border-radius:50%;color:#fff6;font-size:.55rem;height:14px;justify-content:center;width:14px}.cl-listen-btn,.cl-voice-info{align-items:center;cursor:pointer;display:flex;flex-shrink:0}.cl-listen-btn{background:#0000;border:none;color:#2dd4a0;font-size:.75rem;font-weight:600;gap:.15rem;transition:color .2s;white-space:nowrap}.cl-listen-btn:hover{color:#5cf0c0}.cl-desc-text{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#ffffff73;display:-webkit-box;font-size:.75rem;line-height:1.55;margin:0;overflow:hidden}.cl-footer{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0c1cf2;border-top:1px solid #ffffff12;bottom:0;display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;padding:.9rem 1.5rem;position:sticky}.cl-footer-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.65rem 1.6rem;transition:all .2s}.cl-footer-btn.secondary{background:#6378ff40;border:1px solid #6378ff66;color:#b4beffe6}.cl-footer-btn.secondary:hover{background:#6378ff66}.cl-footer-btn.primary{background:linear-gradient(135deg,#4a5ef7,#6a3de8);color:#fff}.cl-footer-btn.primary:hover{background:linear-gradient(135deg,#5b6ef8,#7a4df9);box-shadow:0 4px 16px #4a5ef773}.cl-footer-btn:disabled{cursor:not-allowed;opacity:.5}.cl-empty,.cl-loading{color:#ffffff59;flex-direction:column;font-size:.9rem;gap:.75rem;padding:4rem 2rem}.cl-empty,.cl-loading,.cl-loading-more{align-items:center;display:flex;grid-column:1/-1;justify-content:center}.cl-loading-more{color:#ffffff73;font-size:.85rem;gap:.5rem;padding:1.5rem 0}.cl-no-more{color:#ffffff40;font-size:.8rem;grid-column:1/-1;padding:1.5rem 0;text-align:center}.edit-modal-overlay{align-items:center;animation:fadeIn .25s ease;background:#000000bf;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:1000}.edit-modal{animation:slideUp .3s ease;background:#14162a;border-radius:16px;box-shadow:0 24px 64px #0009;display:flex;flex-direction:column;max-height:calc(100vh - 3rem);max-width:1100px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.edit-modal-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;padding:1rem 1.5rem}.edit-modal-back{align-items:center;background:#0000;border:none;color:#fffc;cursor:pointer;display:flex;font-size:.95rem;gap:.3rem;padding:0}.edit-modal-back:hover{color:#fff}.edit-modal-form{flex:1 1;overflow-y:auto;padding:1.25rem 1.5rem}.edit-modal-form::-webkit-scrollbar{width:4px}.edit-modal-form::-webkit-scrollbar-track{background:#0000}.edit-modal-form::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.edit-form-row{display:flex;gap:1rem;margin-bottom:1.25rem}.edit-field{display:flex;flex-direction:column}.edit-field.name-field{flex:1 1;position:relative}.edit-field.voice-field{width:240px}.edit-input{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:.9rem;outline:none;padding:.6rem 4rem .6rem .85rem;transition:border-color .2s;width:100%}.edit-input:focus{border-color:#6378ff80}.edit-input::placeholder{color:#ffffff4d}.edit-char-count{color:#ffffff4d;font-size:.72rem;position:absolute;right:.85rem;top:50%;transform:translateY(-50%)}.voice-select-wrap{align-items:center;display:flex;gap:.5rem}.edit-voice-select{appearance:none;-webkit-appearance:none;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.82rem;outline:none;padding:.55rem .7rem}.edit-voice-select option{background:#1a1c30;color:#fff}.edit-listen-btn{background:#0000;border:none;color:#2dd4a0;cursor:pointer;font-size:.78rem;font-weight:600;transition:color .2s;white-space:nowrap}.edit-listen-btn:hover{color:#5cf0c0}.edit-section{margin-bottom:1.25rem}.edit-section-header{align-items:center;display:flex;gap:.45rem;margin-bottom:.6rem}.edit-section-num{align-items:center;background:linear-gradient(135deg,#4a5ef7,#6a3de8);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.68rem;font-weight:700;height:20px;justify-content:center;width:20px}.edit-section-title{color:#ffffffd9;font-size:.88rem;font-weight:600}.edit-section-label{color:#ffffff80;font-size:.8rem}.edit-image-panel{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:.85rem}.edit-image-carousel{display:flex;gap:.6rem;height:220px}.edit-image-main{align-items:center;background:linear-gradient(135deg,#1a1c30,#242640);border-radius:8px;display:flex;flex:1 1;justify-content:center;overflow:hidden}.edit-image-main img{object-fit:contain}.edit-image-main img,.edit-image-placeholder{height:100%;width:100%}.edit-image-thumbs{display:flex;flex-direction:column;flex-shrink:0;gap:.4rem;overflow-y:auto;width:56px}.edit-image-thumbs::-webkit-scrollbar{width:3px}.edit-image-thumbs::-webkit-scrollbar-track{background:#0000}.edit-image-thumbs::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.edit-thumb-item{border:2px solid #0000;border-radius:6px;cursor:pointer;flex-shrink:0;height:56px;overflow:hidden;transition:border-color .2s;width:56px}.edit-thumb-item:hover{border-color:#6378ff80}.edit-thumb-item img{height:100%;object-fit:cover;width:100%}.edit-image-actions{display:flex;gap:.5rem;margin-top:.6rem}.edit-image-action-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:6px;color:#ffffffb3;cursor:pointer;display:flex;font-size:.72rem;gap:.3rem;padding:.35rem .75rem;transition:background .2s,color .2s}.edit-image-action-btn:hover{background:#ffffff1a;color:#fff}.edit-image-action-btn.small{font-size:.85rem;padding:.35rem .6rem}.points-badge{color:#ffffff80;font-size:.68rem}.edit-textarea{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;color:#ffffffb3;font-family:inherit;font-size:.82rem;line-height:1.55;outline:none;padding:.7rem .85rem;resize:vertical;transition:border-color .2s;width:100%}.edit-textarea:focus{border-color:#6378ff66}.edit-textarea::placeholder{color:#ffffff40}.edit-modal-footer{border-top:1px solid #ffffff0f;display:flex;flex-shrink:0;justify-content:flex-end;padding:.9rem 1.5rem}.edit-save-btn{background:linear-gradient(135deg,#4a5ef7,#6a3de8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.88rem;font-weight:600;padding:.6rem 2rem;transition:background .2s,box-shadow .2s}.edit-save-btn:hover{background:linear-gradient(135deg,#5b6ef8,#7a4df9);box-shadow:0 4px 16px #4a5ef773}.edit-save-btn:disabled{cursor:not-allowed;opacity:.5}.replace-modal-overlay{align-items:center;animation:fadeIn .25s ease;background:#000000bf;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:1000}.replace-modal{animation:slideUp .3s ease;background:#1a1c2e;border-radius:14px;box-shadow:0 24px 64px #0009;display:flex;flex-direction:column;height:520px;max-width:800px;overflow:hidden;width:100%}.replace-modal-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.25rem}.replace-modal-title{color:#ffffffe6;font-size:1rem;font-weight:600}.replace-modal-close{background:#0000;border:none;color:#ffffff80;cursor:pointer;font-size:1rem;line-height:1;padding:.25rem;transition:color .2s}.replace-modal-close:hover{color:#fff}.replace-modal-toolbar{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;flex-shrink:0;gap:1rem;padding:.75rem 1.25rem}.replace-search{flex:1 1;max-width:280px;position:relative}.replace-search input{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:.82rem;outline:none;padding:.45rem .8rem .45rem 2.2rem;transition:border-color .2s;width:100%}.replace-search input:focus{border-color:#6378ff80}.replace-search input::placeholder{color:#ffffff4d}.replace-search .search-icon{font-size:.8rem;left:.7rem;opacity:.5;position:absolute;top:50%;transform:translateY(-50%)}.replace-filters{display:flex;flex:1 1;gap:.5rem;justify-content:flex-end}.replace-filter{align-items:center;cursor:pointer;display:flex;gap:.3rem;-webkit-user-select:none;user-select:none}.replace-filter input[type=checkbox]{appearance:none;-webkit-appearance:none;background:#ffffff0d;border:1px solid #fff3;border-radius:4px;cursor:pointer;height:16px;position:relative;transition:background .15s,border-color .15s;width:16px}.replace-filter input[type=checkbox]:checked{background:#4a5ef7;border-color:#4a5ef7}.replace-filter input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:.65rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.replace-filter span{color:#fff9;font-size:.78rem}.replace-modal-body{flex:1 1;overflow-y:auto;padding:1rem 1.25rem}.replace-modal-body::-webkit-scrollbar{width:4px}.replace-modal-body::-webkit-scrollbar-track{background:#0000}.replace-modal-body::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.replace-grid{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.replace-card{border:2px solid #0000;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:border-color .2s,box-shadow .2s}.replace-card:hover{border-color:#6378ff66;box-shadow:0 4px 16px #0000004d}.replace-card.selected{border-color:#4a5ef7;box-shadow:0 4px 16px #4a5ef74d}.replace-card img{aspect-ratio:3/4;display:block;object-fit:cover;width:100%}.replace-card-placeholder{align-items:center;aspect-ratio:3/4;background:linear-gradient(135deg,#1a1c30,#242640);display:flex;font-size:2rem;justify-content:center;opacity:.3;width:100%}.replace-card-name{background:#ffffff14;color:#fffc;font-size:.75rem;overflow:hidden;padding:.35rem .5rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.replace-card-check{align-items:center;background:#4a5ef7;border-radius:5px;box-shadow:0 2px 8px #4a5ef780;display:flex;height:20px;justify-content:center;position:absolute;right:.4rem;top:.4rem;width:20px}.replace-no-more{color:#ffffff40;font-size:.8rem;padding:1.5rem 0;text-align:center}.replace-loading{flex-direction:column;gap:.5rem}.replace-empty,.replace-loading{align-items:center;color:#ffffff59;display:flex;font-size:.85rem;justify-content:center;padding:3rem 0}.replace-modal-footer{border-top:1px solid #ffffff0f;display:flex;flex-shrink:0;gap:.6rem;justify-content:flex-end;padding:.85rem 1.25rem}.replace-btn{border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1.5rem;transition:all .2s}.replace-btn.confirm{background:linear-gradient(135deg,#4a5ef7,#6a3de8);color:#fff}.replace-btn.confirm:hover{background:linear-gradient(135deg,#5b6ef8,#7a4df9);box-shadow:0 4px 16px #4a5ef773}.replace-btn.confirm:disabled{box-shadow:none;cursor:not-allowed;opacity:.35}.replace-btn.cancel{background:#ffffff14;border:1px solid #ffffff1f;color:#ffffffb3}.replace-btn.cancel:hover{background:#ffffff1f;color:#fff}.shot-manage-page{animation:fadeIn .4s ease;background:#0a0c1ce6;border-radius:12px;display:flex;flex-direction:column;height:calc(100vh - 4rem);margin-bottom:20px;min-height:calc(100vh - 4rem);overflow:hidden}.shot-manage-body{display:flex;flex:1 1;min-height:0;overflow:hidden}.shot-empty-state{align-items:center;color:#ffffff59;display:flex;flex:1 1;flex-direction:column;gap:.75rem;justify-content:center}.shot-empty-icon{font-size:3rem;opacity:.3}.shot-empty-text{color:#ffffff8c;font-size:1rem;margin:0}.shot-empty-hint{color:#ffffff4d;font-size:.82rem;margin:0}.shot-list{display:flex;flex:1 1;flex-direction:column;gap:1rem;min-width:0;overflow-y:auto;padding:1rem 1.25rem;position:relative}.shot-list::-webkit-scrollbar{width:5px}.shot-list::-webkit-scrollbar-track{background:#0000}.shot-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.shot-row{align-items:stretch;background:#121428bf;border:1px solid #ffffff12;border-radius:12px;display:flex;gap:1rem;padding:1rem 1rem 1rem .6rem;transition:border-color .2s}.shot-row:hover{border-color:#6378ff40}.shot-row.highlight{border-color:#6378ff99;box-shadow:0 0 16px #6378ff33}.shot-row-index{align-items:flex-start;color:#ffffff59;display:flex;flex-shrink:0;font-size:.82rem;font-weight:600;justify-content:center;padding-top:.4rem;text-align:center;width:22px}.shot-row-desc{display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;width:280px}.shot-desc-title-row{align-items:center;display:flex;justify-content:space-between}.shot-desc-title{color:#63d278d9;font-size:.78rem;font-weight:600}.btn-shot-edit{background:#0000;border:none;color:#63d278b3;cursor:pointer;font-size:.75rem;padding:0;transition:color .2s}.btn-shot-edit:hover{color:#7dffa8}.btn-shot-edit:disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.shot-desc-text{-webkit-line-clamp:5;-webkit-box-orient:vertical;color:#ffffffa6;display:-webkit-box;font-size:.8rem;line-height:1.6;margin:0;overflow:hidden}.shot-voiceover{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.35rem}.shot-vo-label{color:#fff6;flex-shrink:0;font-size:.72rem;padding-top:.1rem}.shot-vo-icon{color:#63d2ffb3;flex-shrink:0;font-size:.75rem}.shot-vo-text{color:#fff9;font-size:.78rem;font-style:italic}.shot-params{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}.shot-param{background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;color:#ffffff80;font-size:.7rem;padding:.18rem .55rem}.shot-media-col{display:flex;flex:1 1;flex-direction:column;gap:.4rem;min-width:0}.shot-media-col-wide{flex:2 1}.shot-media-header{align-items:center;display:flex;gap:.5rem}.shot-media-label{color:#ffffff80;font-size:.75rem;font-weight:600}.shot-media-actions{align-items:center;display:flex;gap:.4rem;margin-left:auto;padding-right:.5rem}.btn-plus-wrap{align-items:center;display:flex;position:relative}.btn-plus-wrap:after{background:#141628f2;border:1px solid #ffffff1a;border-radius:4px;bottom:calc(100% + 6px);color:#fffc;content:attr(title);font-size:.68rem;left:50%;opacity:0;padding:.25rem .5rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s;white-space:nowrap}.btn-plus-wrap:hover:after{opacity:1}.btn-plus-add{align-items:center;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:4px;color:#ffffff8c;cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;height:22px;justify-content:center;transition:all .2s;width:22px}.btn-plus-add:hover{background:#ffffff1f;border-color:#ffffff4d;color:#fff}.btn-plus-add:disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.btn-continue-create{background:linear-gradient(135deg,#4a5ef7,#6a3de8);border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:.72rem;font-weight:600;margin-left:auto;padding:.28rem .75rem;transition:all .2s;white-space:nowrap}.btn-continue-create:hover{background:linear-gradient(135deg,#5b6ef8,#7a4df9);box-shadow:0 4px 12px #4a5ef766}.btn-continue-create:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.shot-media-preview{background:#ffffff08;border:1px solid #ffffff12;border-radius:8px;display:flex;flex:1 1;flex-direction:column;min-height:140px;overflow:hidden;position:relative}.shot-media-preview img{display:block;max-height:180px;object-fit:cover;width:100%}.shot-media-preview video{aspect-ratio:9/16;background:#000;display:block;margin:0 auto;max-height:240px;object-fit:contain;width:100%}.shot-media-wrapper{display:flex;flex:1 1;flex-direction:column;position:relative}.shot-media-header-overlay{background:linear-gradient(180deg,#121428e6,#0000);border-radius:8px 8px 0 0;left:.4rem;padding:.4rem .5rem;position:absolute;right:calc(1.1rem + 36px);top:0;z-index:2}.shot-media-preview-horiz{align-items:flex-start;display:flex;flex:1 1;flex-direction:row;gap:.4rem;padding:.4rem;position:relative}.shot-media-preview-horiz video{aspect-ratio:9/16;background:#000;border-radius:4px;flex:1 1;height:100%;margin:.1rem 0;min-width:0;object-fit:contain}.shot-media-preview-horiz .shot-media-thumbs{border-left:1px solid #ffffff0f;border-top:none;flex-direction:column;flex-shrink:0;max-height:180px;overflow-y:auto;padding:.3rem .3rem .3rem .4rem}.shot-media-preview-horiz .shot-media-thumbs::-webkit-scrollbar{width:3px}.shot-media-preview-horiz .shot-media-thumbs::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.shot-media-preview-horiz .shot-media-thumb-item{height:36px;width:36px}.shot-media-thumbs-vertical{display:flex;flex-direction:column;gap:.25rem}.shot-media-empty{color:#fff3;flex:1 1;font-size:.8rem;min-height:140px}.shot-media-empty,.shot-media-generating-overlay{align-items:center;display:flex;justify-content:center}.shot-media-generating-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:8px;flex-direction:column;gap:.75rem;inset:0;position:absolute;z-index:10}.shot-media-generating-spinner{animation:shot-spin .8s linear infinite;border:3px solid #ffffff26;border-radius:50%;border-top-color:#6a5de8;height:32px;width:32px}@keyframes shot-spin{to{transform:rotate(1turn)}}.shot-media-generating-text{color:#fffc;font-size:.75rem}.shot-row-generating{position:relative}.shot-media-col-disabled,.shot-row-desc-disabled{opacity:.6;pointer-events:none}.shot-media-thumbs{border-top:1px solid #ffffff0f;display:flex;gap:.3rem;overflow-x:auto;padding:.3rem .4rem}.shot-media-thumb-item{border:1.5px solid #0000;border-radius:5px;cursor:pointer;flex-shrink:0;height:40px;overflow:hidden;transition:border-color .2s;width:40px}.shot-media-thumb-item.active{border-color:#6378ff}.shot-media-thumb-item img{height:100%;object-fit:cover;width:100%}.shot-media-thumb-placeholder{background:linear-gradient(135deg,#1e2040,#2a2c50);height:100%;width:100%}.shot-thumb-list{background:#0c0e1e80;border-left:1px solid #ffffff0f;display:flex;flex-direction:column;flex-shrink:0;gap:.35rem;overflow-y:auto;padding:.75rem .4rem;width:76px}.shot-thumb-list::-webkit-scrollbar{width:3px}.shot-thumb-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.shot-thumb-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;transition:opacity .2s}.shot-thumb-item:hover{opacity:.85}.shot-thumb-img{background:#1a1c2e;border:1.5px solid #0000;border-radius:6px;height:52px;overflow:hidden;transition:border-color .2s;width:52px}.shot-thumb-item.active .shot-thumb-img{border-color:#6378ff}.shot-thumb-img img{height:100%;object-fit:cover;width:100%}.shot-thumb-placeholder{background:linear-gradient(135deg,#1e2040,#2a2c50);height:100%;width:100%}.shot-thumb-label{color:#fff6;font-size:.64rem;white-space:nowrap}.shot-thumb-item.active .shot-thumb-label{color:#6378ffe6}.shot-actions-bar{flex-wrap:wrap;gap:.6rem}.shot-load-more{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e2040d9;border-radius:12px;color:#ffffffb3;display:flex;font-size:.85rem;gap:.5rem;justify-content:center;left:50%;padding:1rem 2rem;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.shot-load-more-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff1a;border-radius:50%;border-top-color:#6378ffb3;height:14px;width:14px}.shot-load-more-done{color:#fff3}.shot-drawer-overlay{background:#0000;inset:0;position:fixed;transition:background .3s ease;z-index:1000}.shot-drawer-overlay.open{background:#0000004d}.shot-drawer{animation:slideInRight .3s ease;background:#1a1c2e;border-left:1px solid #ffffff0f;bottom:0;box-shadow:-8px 0 32px #00000080;display:flex;flex-direction:column;position:absolute;right:0;top:0;width:420px}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.shot-drawer-tabs{align-items:center;background:#121428e6;border-bottom:1px solid #ffffff0f;display:flex;flex-shrink:0;gap:0;padding:.75rem .75rem .75rem 1rem}.shot-drawer-tab{background:#ffffff0d;border:none;border-radius:8px;color:#ffffff80;cursor:pointer;font-size:.82rem;font-weight:600;padding:.45rem 1rem;transition:all .2s}.shot-drawer-tab.active{background:linear-gradient(135deg,#4a5ef7,#6a3de8);color:#fff}.shot-drawer-tab:not(.active):hover{background:#ffffff1a;color:#ffffffb3}.shot-drawer-close{background:#0000;border:none;color:#fff6;cursor:pointer;font-size:1.1rem;margin-left:auto;padding:.25rem;transition:color .2s}.shot-drawer-close:hover{color:#fff}.shot-drawer-body{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1rem}.shot-drawer-body::-webkit-scrollbar{width:4px}.shot-drawer-body::-webkit-scrollbar-track{background:#0000}.shot-drawer-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.shot-drawer-model{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:border-color .2s}.shot-drawer-model:hover{border-color:#6378ff4d}.model-badge{background:linear-gradient(135deg,#4a5ef7,#6a3de8);border-radius:4px;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;padding:.15rem .5rem}.shot-drawer-model-desc{align-items:center;display:flex;flex:1 1;justify-content:space-between;min-width:0}.shot-drawer-model-desc p{color:#ffffff80;font-size:.75rem;line-height:1.4;margin:0}.model-arrow{color:#ffffff4d;flex-shrink:0;font-size:1.2rem}.shot-drawer-prompt{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;padding:.75rem}.shot-drawer-prompt-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.prompt-label{color:#fff9;font-size:.75rem}.prompt-tutorial{background:#0000;border:none;color:#6378ffcc;cursor:pointer;font-size:.72rem;padding:0}.prompt-tutorial:hover{color:#7d8aff}.shot-drawer-prompt-text{background:#0003;border:1px solid #ffffff14;border-radius:8px;color:#ffffffb3;font-family:inherit;font-size:.75rem;line-height:1.6;min-height:150px;padding:.6rem;resize:vertical;width:100%}.shot-drawer-prompt-content{overflow-y:auto;resize:none;word-break:break-word}.shot-prompt-asset-wrapper{display:inline;position:relative}.shot-prompt-asset-tag{border-radius:3px;cursor:pointer;display:inline;font-weight:600;padding:1px 5px;transition:background .15s}.shot-prompt-asset-tag-char{background:#8a64ff59;color:#c4a8ff}.shot-prompt-asset-tag-char:hover{background:#8a64ff8c}.shot-prompt-asset-tag-scene{background:#50c87859;color:#7ae09a}.shot-prompt-asset-tag-scene:hover{background:#50c8788c}.shot-prompt-asset-tag-prop{background:#50a0ff59;color:#90c0ff}.shot-prompt-asset-tag-prop:hover{background:#50a0ff8c}.shot-prompt-asset-tooltip{animation:shot-tooltip-in .15s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e1e32f5;border:1px solid #ffffff1f;border-radius:8px;box-shadow:0 4px 20px #00000080;padding:6px;pointer-events:none;position:fixed;text-align:center;transform:translate(-50%,-100%);z-index:10000}@keyframes shot-tooltip-in{0%{opacity:0;transform:translate(-50%,-100%) translateY(4px)}to{opacity:1;transform:translate(-50%,-100%) translateY(0)}}.shot-prompt-asset-tooltip-name{color:#ffffffd9;font-size:.7rem;margin-bottom:4px;white-space:nowrap}.shot-prompt-asset-tooltip-img{border-radius:4px;display:block;height:auto;max-height:120px;max-width:120px;object-fit:contain;width:auto}.shot-drawer-prompt-text:focus{border-color:#6378ff66;outline:none}.shot-drawer-section{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;padding:.75rem}.shot-drawer-section-header{margin-bottom:.75rem;position:relative}.shot-drawer-section-title{background:linear-gradient(135deg,#4a5ef7,#6a3de8);border-radius:4px 4px 4px 0;color:#fff;display:inline-block;font-size:.72rem;font-weight:600;padding:.15rem .6rem}.shot-drawer-refs{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:repeat(3,1fr)}.shot-drawer-ref-card{align-items:center;background:#0003;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;position:relative}.shot-drawer-ref-img{aspect-ratio:1;background:linear-gradient(135deg,#2a2c4e,#1e2040);width:100%}.shot-drawer-ref-img[src]{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;cursor:pointer;display:block;object-fit:contain;transition:opacity .2s}.shot-drawer-ref-img[src]:hover{opacity:.8}.shot-drawer-ref-label{color:#fff9;font-size:.65rem;padding:.3rem 0;text-align:center}.shot-drawer-ref-overlay{align-items:center;background:#0000008c;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s}.shot-drawer-ref-card:hover .shot-drawer-ref-overlay{opacity:1;pointer-events:auto}.shot-drawer-ref-reupload{background:#0006;border-radius:4px;color:#ffffffd9;font-size:.7rem;left:8px;padding:2px 8px;position:absolute;top:6px}.shot-drawer-ref-actions{display:flex;gap:.5rem}.shot-drawer-ref-action-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:none;border-radius:6px;color:#ffffffe6;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .15s;width:36px}.shot-drawer-ref-action-btn:hover{background:#ffffff40}.shot-drawer-ref-add{align-items:center;border:1px dashed #ffffff26;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:90px;padding:.75rem .4rem;transition:border-color .2s}.shot-drawer-ref-add:hover{border-color:#6378ff66}.shot-drawer-ref-add-icon{color:#fff6;font-size:1.2rem;margin-bottom:.25rem}.shot-drawer-ref-add-text{color:#fff6;font-size:.65rem;line-height:1.3;margin:0;text-align:center}.ref-highlight{color:#63d278}.shot-drawer-ref-add-count{color:#ffffff40;font-size:.6rem;margin:.15rem 0 0}.shot-asset-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.shot-asset-item{align-items:center;display:flex;flex-direction:column;gap:.2rem}.shot-asset-item img{border-radius:4px;cursor:pointer;height:auto;max-height:42px;max-width:42px;object-fit:contain;transition:opacity .2s;width:auto}.shot-asset-item img:hover{opacity:.8}.shot-asset-img-wrapper{align-items:center;background:#fff;border-radius:6px;display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.shot-asset-empty{background:linear-gradient(135deg,#1e2040,#2a2c50);border:1px solid #ffffff0f;border-radius:6px;height:48px;width:48px}.shot-asset-name{color:#fff6;font-size:.62rem;max-width:56px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.shot-drawer-ref-images{display:flex;gap:.6rem}.shot-drawer-ref-img-card{border-radius:8px;flex-shrink:0;height:70px;overflow:hidden;position:relative;width:100px}.shot-drawer-ref-img-card img{height:100%;object-fit:cover;width:100%}.ref-img-badge{background:#0009;border-radius:3px;color:#ffffffb3;font-size:.6rem;padding:.1rem .35rem;position:absolute;right:4px;top:4px}.shot-drawer-ref-img-empty{background:#0003;border-radius:8px;color:#ffffff40;font-size:.7rem;width:100px}.shot-drawer-ref-img-add,.shot-drawer-ref-img-empty{align-items:center;display:flex;flex-shrink:0;height:70px;justify-content:center}.shot-drawer-ref-img-add{border:1px dashed #ffffff26;border-radius:8px;color:#ffffff4d;cursor:pointer;font-size:1.2rem;transition:border-color .2s;width:70px}.shot-drawer-ref-img-add:hover{border-color:#6378ff66}.shot-drawer-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121428f2;border-top:1px solid #ffffff0f;flex-shrink:0;padding:.75rem 1rem}.shot-drawer-params{display:flex;gap:.5rem;margin-bottom:.6rem}.shot-drawer-param-group{flex:1 1}.shot-drawer-param-select{appearance:none;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;color:#ffffffb3;cursor:pointer;font-size:.72rem;padding:.35rem .5rem;text-align:center;width:100%}.shot-drawer-param-select option{background:#1a1c2e;color:#ffffffb3}.shot-drawer-param-select:focus{border-color:#6378ff66;outline:none}.shot-drawer-generate-btn{background:linear-gradient(135deg,#4a5ef7,#6a3de8);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.65rem;transition:all .2s;width:100%}.shot-drawer-generate-btn:hover{box-shadow:0 4px 16px #4a5ef780}.points-badge{font-size:.7rem;margin-left:.25rem;opacity:.8}.image-detail-overlay{align-items:center;animation:fadeIn .25s ease;background:#000000d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.image-detail-modal{animation:scaleIn .3s ease;background:#14141e;border-radius:12px;display:flex;flex-direction:column;height:85vh;max-height:800px;max-width:1200px;overflow:hidden;position:relative;width:90vw}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.image-detail-close{align-items:center;background:#00000080;border:1px solid #ffffff26;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s;width:32px;z-index:10}.image-detail-close:hover{background:#ffffff26;color:#fff}.image-detail-body{display:flex;flex:1 1;min-height:0;overflow:hidden}.image-detail-image-area{align-items:center;background:#0e0e16;display:flex;flex:1 1;justify-content:center;min-width:0;padding:1.5rem}.image-detail-image-area img{border-radius:8px;max-height:100%;max-width:100%;object-fit:contain}.image-detail-image-placeholder{color:#fff3;font-size:.9rem}.image-detail-info{background:#14141e;border-left:1px solid #ffffff0f;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;width:380px}.image-detail-info::-webkit-scrollbar{width:4px}.image-detail-info::-webkit-scrollbar-track{background:#0000}.image-detail-info::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.image-detail-header{align-items:flex-start;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:1.25rem 1.25rem 1rem}.image-detail-title{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .3rem}.image-detail-time{color:#ffffff59;font-size:.72rem;margin:0}.image-detail-download{align-items:center;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:50%;color:#fff9;cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;height:28px;justify-content:center;margin-top:.25rem;transition:all .2s;width:28px}.image-detail-download:hover{background:#ffffff1f;color:#fff}.image-detail-section{border-bottom:1px solid #ffffff0f;padding:1rem 1.25rem}.image-detail-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.image-detail-section-title{color:#ffffff80;font-size:.78rem;font-weight:600}.image-detail-copy{background:#0000;border:none;border-radius:4px;color:#ffffff59;cursor:pointer;font-size:.75rem;padding:.15rem .35rem;transition:all .2s}.image-detail-copy:hover{background:#ffffff14;color:#ffffffb3}.image-detail-section-text{color:#ffffffa6;font-size:.75rem;line-height:1.7;margin:0;white-space:pre-wrap;word-break:break-word}.image-detail-tags{border-bottom:1px solid #ffffff0f;display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem 1.25rem}.image-detail-tag{background:#ffffff0f;border:1px solid #ffffff14;border-radius:4px;color:#ffffff80;font-size:.7rem;padding:.2rem .6rem}.confirm-overlay{align-items:center;animation:confirmFadeIn .2s ease;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:3000}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal{animation:confirmScaleIn .25s ease;background:#1a1c2e;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 12px 48px #0009;max-width:90vw;overflow:hidden;width:420px}@keyframes confirmScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.confirm-body{padding:1.5rem 1.5rem 1rem}.confirm-title{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .75rem}.confirm-message{color:#ffffffb3;font-size:.85rem;line-height:1.7;margin:0;white-space:pre-wrap;word-break:break-word}.confirm-footer{display:flex;gap:.75rem;padding:1rem 1.5rem 1.25rem}.confirm-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:.6rem 1rem;transition:all .2s}.confirm-btn-cancel{background:#ffffff14;border:1px solid #ffffff1a;color:#ffffffb3}.confirm-btn-cancel:hover{background:#ffffff1f;color:#ffffffe6}.confirm-btn-ok{background:linear-gradient(135deg,#4a5ef7,#6a3de8);color:#fff}.confirm-btn-ok:hover{box-shadow:0 4px 16px #4a5ef780}.login-modal-overlay{align-items:center;animation:overlayFade .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.login-notification{align-items:center;animation:notificationSlide .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e28f2;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0006;display:flex;gap:.75rem;justify-content:center;left:50%;min-width:300px;padding:.75rem 1.5rem;position:fixed;top:20px;transform:translateX(-50%);z-index:10001}@keyframes notificationSlide{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.login-notification.success{background:#1e1e28f2;border-color:#4a86f780}.login-notification.error{background:#1e1e28f2;border-color:#ff6b6b80}.notification-icon{flex-shrink:0;font-size:1.2rem}.notification-message{color:#fff;font-size:.9rem;font-weight:500}.login-modal-container{animation:modalSlide .3s ease;background:#1a1a2e;border-radius:16px;box-shadow:0 25px 80px #0000004d;display:grid;grid-template-columns:350px 450px;max-width:90%;overflow:hidden;position:relative;width:800px}.login-modal-brand{min-height:100%}@keyframes modalSlide{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.login-modal-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s;width:36px;z-index:10}.login-modal-close:hover{background:#fff3;transform:rotate(90deg)}.login-modal-brand{background:linear-gradient(135deg,#4a86f71a,#764ba21a);display:flex;flex-direction:column;justify-content:space-between;min-height:500px;overflow:hidden;padding:0;position:relative}.login-modal-video{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.login-modal-brand>.brand-illustration,.login-modal-brand>.brand-logo{position:relative;z-index:1}.brand-logo{align-items:center;display:flex;gap:.75rem;z-index:2}.logo-placeholder{align-items:center;background:#4a86f71a;display:flex;font-size:1.8rem;justify-content:center}.logo-image,.logo-placeholder{border-radius:12px;height:48px;width:48px}.logo-image{object-fit:cover}.logo-text{color:#fff;font-size:1.5rem;font-weight:700}.brand-illustration{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative;z-index:1}.login-modal-form-section{background:#1a1a2e;color:#fff;display:flex;flex-direction:column;padding:2rem 2.5rem}.login-modal-title{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:2rem;text-align:center}.login-type-tabs{border-bottom:1px solid #ffffff1a;display:flex;gap:2rem;margin-bottom:2rem}.login-type-tab{background:#0000;border:none;color:#ffffffb3;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 0;position:relative;transition:color .3s}.login-type-tab:hover{color:#fff}.login-type-tab.active{color:#4a86f7;font-weight:600}.login-type-tab.active:after{background:#4a86f7;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.login-form{gap:1.5rem}.form-group,.login-form{display:flex;flex-direction:column}.input-wrapper{align-items:center;background:#ffffff1a;border:1px solid #0000;border-radius:8px;display:flex;padding:.75rem 1rem;transition:all .3s}.input-wrapper:focus-within{background:#ffffff26;border-color:#4a86f7}.input-icon{color:#fff;font-size:1.1rem;margin-right:.5rem;opacity:.5}.login-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:.95rem;outline:none;padding:.5rem 0}.login-input::placeholder{color:#ffffff80}.code-input-wrapper{padding-right:.5rem}.send-code-btn{background:#4a86f7;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .3s;white-space:nowrap}.send-code-btn:hover:not(:disabled){background:#3a76e7}.send-code-btn:disabled{background:#333;cursor:not-allowed}.login-error{animation:shake .4s ease;background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:8px;color:#ff6b6be6;font-size:.85rem;padding:.75rem;text-align:center}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.agreement-row{align-items:center;display:flex;flex-wrap:wrap;font-size:.75rem;gap:.5rem;justify-content:center;margin:1rem 0}.agreement-text{color:#ffffff80}.agreement-link{color:#4a86f7;font-weight:500;text-decoration:none;transition:color .3s}.agreement-link:hover{color:#3a76e7;text-decoration:underline}.agreement-divider{color:#ffffff4d;margin:0 .25rem}.login-submit-btn{background:#4a86f7;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:1rem;padding:.875rem;transition:all .3s}.login-submit-btn:hover:not(:disabled){background:#3a76e7;box-shadow:0 4px 12px #4a86f74d;transform:translateY(-2px)}.login-submit-btn:disabled{background:#333;cursor:not-allowed}.other-login-section{align-items:center;display:flex;flex-direction:column;margin-top:2rem}.other-login-divider{margin-bottom:1.5rem;position:relative;text-align:center;width:100%}.other-login-divider:before{background:#ffffff1a;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.other-login-divider span{background:#1a1a2e;color:#ffffff80;font-size:.75rem;padding:0 1rem;position:relative}.other-login-icons{display:flex;gap:1.5rem;justify-content:center}.wechat-login-btn{align-items:center;background:#07c160;border:none;border-radius:50%;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .3s;width:48px}.wechat-login-btn:hover{background:#06ad56;box-shadow:0 4px 12px #07c1604d;transform:scale(1.1)}.wechat-icon{height:24px;width:24px}@media (max-width:1024px){.login-modal-container{grid-template-columns:1fr;max-width:500px;min-height:500px;width:90%}.login-modal-brand{display:none}.login-modal-form-section{padding:2rem}.login-modal-close{right:.75rem;top:.75rem}}.manjeban-page{animation:fadeIn .5s ease;height:calc(100vh - 4rem);min-height:calc(100vh - 4rem);overflow-y:auto;padding:2rem;position:relative}.manjeban-page::-webkit-scrollbar{width:4px}.manjeban-page::-webkit-scrollbar-track{background:#0000}.manjeban-page::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.manjeban-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0e1024d9;border-bottom:1px solid #ffffff12;margin:-2rem -2rem 2rem;padding:.9rem 1.5rem}.manjeban-title{color:#ffffffd9;font-weight:500}.manjeban-subtitle{color:#ffffff73;font-size:.9rem;margin:0}.manjeban-create-section.hidden{display:none}.create-float-bar{align-items:center;animation:slideDown .2s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0a14f2;border-bottom:1px solid #ffffff14;display:flex;height:64px;left:80px;padding:0 2rem;position:fixed;right:0;top:0;z-index:200}.manjeban-page.float-bar-visible{padding-top:calc(2rem + 64px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.create-float-item{align-items:center;border-radius:8px;color:#ffffffd9;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;padding:.6rem 1.5rem;transition:background .2s}.create-float-item:hover{background:#ffffff12;color:#fff}.create-float-icon{align-items:center;background:#ffffff14;border-radius:8px;display:flex;flex-shrink:0;font-size:1.2rem;height:36px;justify-content:center;width:36px}.create-float-divider{background:#ffffff1f;height:28px;margin:0 .25rem;width:1px}.manjeban-create-section{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr;margin-bottom:2.5rem}.manjeban-create-card{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#141628bf;background-position:50%;background-size:cover;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:1.25rem;overflow:hidden;padding:1.5rem 1.5rem 1.5rem 1.75rem;position:relative;transition:border-color .3s,box-shadow .3s}.manjeban-create-card:hover{border-color:#6378ff73;box-shadow:0 8px 32px #00000073}.create-card-body{flex:1 1;min-width:0}.create-card-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.6rem}.create-card-title{color:#fff;font-size:1.1rem;font-weight:700;margin:0}.create-card-badge{border-radius:4px;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.15rem .55rem}.badge-new{background:linear-gradient(135deg,#f8344d,#e01c85);color:#fff}.badge-mode{background:#6378ff40;border:1px solid #6378ff80;border-radius:4px;color:#b4beffe6;font-size:.7rem;font-weight:600;padding:.15rem .55rem}.create-card-desc{color:#ffffff80;font-size:.82rem;line-height:1.6;margin:0 0 1.25rem}.btn-create-start{background:linear-gradient(135deg,#4a5ef7,#6a3de8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.65rem 1.6rem;transition:all .25s;white-space:nowrap}.btn-create-start:hover{background:linear-gradient(135deg,#5b6ef8,#7a4df9);box-shadow:0 6px 20px #4a5ef773;transform:translateY(-2px)}.create-card-cover{align-items:center;background:#ffffff0f;border-radius:10px;display:flex;flex-shrink:0;height:120px;justify-content:center;overflow:hidden;width:100px}.create-card-cover img{border-radius:10px;height:100%;object-fit:cover;width:100%}.cover-placeholder{font-size:3rem;opacity:.5}.manjeban-works-section{margin-top:.5rem}.works-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.works-section-tabs{align-items:center;display:flex;gap:.25rem}.works-tab{background:#0000;border:none;color:#ffffff73;cursor:pointer;font-size:1rem;font-weight:600;padding:.45rem 1rem;position:relative;transition:color .2s}.works-tab.active{color:#fff}.works-tab.active:after{background:#fff;border-radius:2px;bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60%}.works-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.25rem}.filter-btn{background:#ffffff14;border:1px solid #0000;border-radius:6px;color:#ffffffa6;cursor:pointer;font-size:.85rem;padding:.4rem 1rem;transition:all .2s;white-space:nowrap}.filter-btn:hover{background:#ffffff1f;color:#fff}.filter-btn.active{background:#6378ff4d;border-color:#6378ff99;color:#fff}.works-search{align-items:center;background:#ffffff12;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:.5rem;margin-left:auto;padding:.4rem .75rem}.works-search input{background:#0000;border:none;color:#fff;font-size:.85rem;outline:none;width:160px}.works-search input::placeholder{color:#ffffff59}.search-icon{color:#fff6;font-size:.9rem}.works-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.works-grid::-webkit-scrollbar{display:none}.work-card{background:#121426cc;border:1px solid #ffffff14;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:313px;overflow:hidden;transition:all .25s;width:100%}.work-card:hover{border-color:#6378ff59;box-shadow:0 10px 30px #00000080;transform:translateY(-3px)}.work-cover{background:#1a1c2e;flex:1 1;overflow:hidden;position:relative;width:100%}.work-cover img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.work-card:hover .work-cover img{transform:scale(1.04)}.work-cover-placeholder{align-items:center;background:linear-gradient(135deg,#1a1c30,#242640);display:flex;font-size:3.5rem;height:100%;justify-content:center;opacity:.4;width:100%}.work-tags{display:flex;flex-wrap:wrap;gap:.35rem;left:.5rem;position:absolute;top:.5rem}.work-tag{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:4px;font-size:.7rem;font-weight:600;padding:.2rem .55rem}.tag-done{background:#2ecc714d;border:1px solid #2ecc7180;color:#a8ffca}.tag-draft{background:#ffb40040;border:1px solid #ffb40073;color:#ffe58a}.tag-type{background:#3c50c859;border:1px solid #6378ff80;color:#b0bcff}.tag-mode{background:#00000073;border:1px solid #fff3;color:#ffffffd9}.tag-fail{background:#dc32324d;border:1px solid #dc323280;color:#faa}.tag-model-image{background:#3c8c3c4d;border:1px solid #3cc85080;color:#a8ffb0}.tag-model-multi{background:#1e64c84d;border:1px solid #3c8cff80;color:#9ad0ff}.works-sentinel{display:flex;justify-content:center;padding:1rem 0 .5rem}.works-load-more{align-items:center;color:#fff6;display:flex;font-size:.85rem;gap:.6rem}.works-no-more{color:#fff3;font-size:.8rem;letter-spacing:.05em}.work-cover-actions{display:none;gap:.35rem;position:absolute;right:.5rem;top:.5rem}.work-card:hover .work-cover-actions{display:flex}.cover-action-btn{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;border:none;border-radius:6px;color:#fffc;cursor:pointer;display:flex;font-size:.85rem;height:28px;justify-content:center;transition:background .2s;width:28px}.cover-action-btn:hover{background:#000000bf;color:#fff}.work-info{padding:.75rem .85rem .85rem}.work-name{color:#fff;font-size:.9rem;font-weight:600;margin:0 0 .3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-date{color:#ffffff59;font-size:.75rem;margin:0}.works-empty{color:#ffffff59;font-size:.95rem;grid-column:1/-1;padding:4rem 2rem;text-align:center}.works-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.4}.works-loading{align-items:center;color:#fff6;display:flex;gap:.75rem;grid-column:1/-1;justify-content:center;padding:3rem}@media (max-width:1100px){.manjeban-create-section{grid-template-columns:1fr}}@media (max-width:1280px){.works-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.works-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.manjeban-page{padding:1rem}.works-grid{grid-template-columns:1fr}.create-card-cover{display:none}}.subject-manage-page{animation:fadeIn .4s ease;background:#0a0c1c99;border-radius:12px;display:flex;flex-direction:column;min-height:calc(100vh - 4rem);overflow:hidden}.subject-sub-tabs{background:#0e1024b3;border-bottom:1px solid #ffffff12;display:flex;flex-shrink:0;gap:0;padding:0 1.5rem}.subject-sub-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#ffffff73;cursor:pointer;font-size:.92rem;font-weight:500;margin-bottom:-1px;padding:.75rem 1.25rem;transition:all .2s;white-space:nowrap}.subject-sub-tab.active{border-bottom-color:#6378ff;color:#fff}.subject-sub-tab:hover:not(.active){color:#ffffffbf}.subject-content{flex:1 1;overflow-y:auto;padding:1.5rem}.subject-content::-webkit-scrollbar{width:5px}.subject-content::-webkit-scrollbar-track{background:#0000}.subject-content::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.character-grid{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.add-character-card{align-items:center;background:#ffffff08;border:1.5px dashed #6378ff59;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.6rem;justify-content:center;min-height:300px;transition:all .2s}.add-character-card:hover{background:#6378ff14;border-color:#6378ff99}.add-character-icon{align-items:center;border:1.5px dashed #63d27899;border-radius:50%;color:#63d278cc;display:flex;font-size:1.5rem;height:44px;justify-content:center;width:44px}.add-character-label{color:#63d278e6;font-size:.95rem;font-weight:600}.add-character-hint{color:#ffffff59;font-size:.78rem;padding:0 1rem;text-align:center}.character-card{background:#121428d9;border:1px solid #ffffff14;border-radius:12px;overflow:hidden;position:relative;transition:border-color .2s,transform .2s}.character-card:hover{border-color:#6378ff59;transform:translateY(-2px)}.character-card-header{display:flex;gap:.3rem;position:absolute;right:.5rem;top:.5rem;z-index:2}.char-action-btn{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;display:flex;font-size:.75rem;height:26px;justify-content:center;transition:background .2s,color .2s;width:26px}.char-action-btn:hover{background:#000000b3;color:#fff}.character-portrait{align-items:flex-end;background:linear-gradient(160deg,#1e2040,#2a2c50);display:flex;justify-content:center;min-height:160px;overflow:hidden;position:relative;width:100%}.character-portrait img{display:block;height:200px;object-fit:cover;object-position:top center;width:100%}.character-portrait-placeholder{align-items:center;display:flex;font-size:4rem;height:160px;justify-content:center;opacity:.3;width:100%}.char-generate-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;border:1px solid #63d27880;border-radius:20px;bottom:.5rem;color:#63d278e6;cursor:pointer;font-size:.75rem;left:50%;padding:.28rem .8rem;position:absolute;transform:translateX(-50%);transition:all .2s;white-space:nowrap}.char-generate-badge.generated{background:#63d27833;border-color:#63d278cc;color:#7dffa8}.char-generate-badge:hover{background:#63d27840;border-color:#63d278cc}.character-info{display:flex;flex-direction:column;gap:.55rem;padding:.85rem .9rem}.character-info-row{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem}.char-info-label{color:#fff6;flex-shrink:0;font-size:.72rem}.char-info-value{color:#fff;font-size:.88rem;font-weight:600}.char-info-hint{color:#ffffff4d;cursor:default;font-size:.7rem}.char-voice-name{color:#ffffff8c;flex:1 1;font-size:.78rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-voice-listen{background:#0000;border:1px solid #63d2ff59;border-radius:12px;color:#63d2ffcc;cursor:pointer;flex-shrink:0;font-size:.7rem;padding:.15rem .55rem;transition:all .2s;white-space:nowrap}.btn-voice-listen:hover{background:#63d2ff1f;border-color:#63d2ff99;color:#63d2ff}.character-bio-block,.character-desc-block{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;padding:.55rem .7rem}.char-section-title{color:#fff6;font-size:.72rem;font-weight:500;margin-bottom:.3rem}.char-bio-text,.char-desc-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#fff9;display:-webkit-box;font-size:.78rem;line-height:1.55;margin:0;overflow:hidden}.subject-empty{color:#ffffff4d;font-size:.95rem;padding:5rem 2rem;text-align:center}.subject-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.35}.final-preview-page{animation:fadeIn .4s ease;background:#0a0c1ce6;border-radius:12px;display:flex;flex-direction:column;height:calc(100vh - 4rem);margin-bottom:20px;min-height:calc(100vh - 4rem);overflow:hidden}.final-preview-body{display:flex;flex:1 1;min-height:0;overflow:hidden}.preview-sidebar{align-items:center;background:#0c0e1e99;border-right:1px solid #ffffff0f;display:flex;flex-direction:column;flex-shrink:0;gap:.4rem;overflow-y:auto;padding:.75rem .4rem;position:relative;width:100px}.preview-sidebar-loading{align-items:center;gap:0;justify-content:center;padding:0}.preview-load-more-spinner{animation:preview-spin .8s linear infinite;border:2px solid #ffffff1a;border-radius:50%;border-top-color:#6378ffb3;height:14px;width:14px}.preview-load-more{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e2040d9;border-radius:12px;color:#ffffffb3;display:flex;font-size:.85rem;gap:.5rem;justify-content:center;padding:1rem 2rem}@keyframes preview-spin{to{transform:rotate(1turn)}}.preview-sidebar::-webkit-scrollbar{width:3px}.preview-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.preview-sidebar-item{align-items:center;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;padding:0 .2rem;transition:opacity .2s;width:100%}.preview-sidebar-item:hover{opacity:.8}.preview-thumb-img{background:linear-gradient(135deg,#1e2040,#2a2c50);border:1.5px solid #ffffff1a;border-radius:8px;height:72px;overflow:hidden;transition:border-color .2s;width:72px}.preview-sidebar-item.active .preview-thumb-img{border-color:#6378ff}.preview-thumb-img img{height:100%;object-fit:cover;width:100%}.preview-thumb-placeholder{background:linear-gradient(135deg,#1a1c30,#252840);height:100%;width:100%}.preview-thumb-full{align-items:center;display:flex;justify-content:center}.preview-thumb-full span{color:#ffffff8c;font-size:.78rem;font-weight:600}.preview-full-item.active .preview-thumb-full{border-color:#6378ff}.preview-thumb-label{color:#ffffffe6;font-size:.65rem;text-align:center;white-space:nowrap}.preview-sidebar-item.active .preview-thumb-label{color:#6378ffe6}.preview-sidebar-divider{border-top:1px solid #ffffff0f;color:#fff;font-size:.65rem;margin-top:.25rem;padding:.3rem 0;text-align:center;width:100%}.final-preview-main{align-items:center;background:#06070f;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;padding:1.5rem 2rem}.preview-player{display:flex;flex-direction:column;gap:0;max-width:680px;width:100%}.preview-player-screen{aspect-ratio:16/9;background:#000;border-radius:10px 10px 0 0;overflow:hidden;position:relative;width:100%}.preview-player-screen video{display:block;height:100%;object-fit:contain;width:100%}.preview-player-placeholder{align-items:center;background:#0c0e1a;display:flex;height:100%;justify-content:center;width:100%}.preview-player-placeholder-text{color:#fff3;font-size:.9rem}.preview-controls{align-items:center;background:#ffffff0a;border:1px solid #ffffff12;border-radius:0 0 10px 10px;border-top:none;display:flex;gap:.6rem;padding:.55rem .75rem}.preview-play-btn{background:#0000;border:none;color:#fffc;cursor:pointer;flex-shrink:0;font-size:.95rem;padding:0 .15rem;transition:color .2s}.preview-play-btn:hover{color:#fff}.preview-progress-bar{background:#ffffff1f;border-radius:2px;cursor:pointer;flex:1 1;height:4px;overflow:hidden;position:relative}.preview-progress-fill{background:linear-gradient(90deg,#4a5ef7,#6a3de8);border-radius:2px;height:100%;transition:width .1s linear}.preview-time{color:#ffffff73;flex-shrink:0;font-size:.72rem;white-space:nowrap}.preview-ctrl-btn{background:#0000;border:none;color:#ffffff80;cursor:pointer;flex-shrink:0;font-size:.9rem;padding:0 .1rem;transition:color .2s}.preview-ctrl-btn:hover{color:#fff}.preview-info-panel{background:#0c0e1e8c;border-left:1px solid #ffffff0f;display:flex;flex-direction:column;flex-shrink:0;gap:1.25rem;overflow-y:auto;padding:1.25rem 1rem;width:240px}.preview-info-panel::-webkit-scrollbar{width:3px}.preview-info-panel::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.preview-info-section{display:flex;flex-direction:column;gap:.55rem}.preview-info-title{align-items:center;color:#ffffffe6;display:flex;font-size:.7rem;font-weight:600;justify-content:space-between;letter-spacing:.5px;text-transform:uppercase}.preview-info-summary{-webkit-line-clamp:6;-webkit-box-orient:vertical;color:#fff9;display:-webkit-box;font-size:.78rem;line-height:1.6;margin:0;overflow:hidden}.preview-info-project-name,.preview-style-tag{background:#6378ff2e;border:1px solid #6378ff59;border-radius:6px;color:#b4beffe6;display:inline-block;font-size:.78rem;padding:.28rem .75rem}.preview-info-project-name{font-weight:500;line-height:1.5;margin:0}.preview-draft-text{background:#6378ff2e;border:1px solid #6378ff59;border-radius:6px;color:#b4beffe6;cursor:pointer;display:inline-block;font-size:.78rem;margin-top:.3rem;padding:.28rem .75rem;transition:all .2s;white-space:normal;word-break:break-all}.preview-draft-text:hover{background:#6378ff47;border-color:#6378ff8c}.preview-copy-btn{background:#ffffff14;border:1px solid #fff3;border-radius:6px;color:#ffffffbf;cursor:pointer;font-size:.72rem;padding:.22rem .65rem;transition:all .2s}.preview-copy-btn:hover{background:#ffffff26;border-color:#ffffff59;color:#fffffff2}.ai-generate-container{background:#0d0d0d;color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh}.loading-tabs{align-items:center;color:#666;display:flex;font-size:13px;gap:8px;justify-content:center;padding:12px}.control-panel{background:#111;border-right:1px solid #1e1e1e;display:flex;flex-direction:column;height:100vh;min-width:400px;overflow:hidden;width:500px}.control-panel-scroll{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.control-panel-scroll::-webkit-scrollbar{display:none}.control-panel-scroll{-ms-overflow-style:none;scrollbar-width:none}.control-panel-footer{background:#111;border-top:1px solid #1e1e1e;flex-shrink:0;padding:12px 16px 40px;z-index:10}.control-panel-footer .generate-btn{margin-top:0}.panel-tabs{background:#1a1a1a;border-radius:8px;display:flex;gap:0;padding:3px}.tab-btn{background:#0000;border:none;border-radius:6px;color:#999;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.tab-btn.active{background:#3b5fff;color:#fff}.tab-btn:hover:not(.active){color:#ccc}.sub-tabs{display:flex;flex-wrap:wrap;gap:6px}.sub-tab-btn{background:#1e1e1e;border:none;border-radius:16px;color:#999;cursor:pointer;font-size:12px;padding:6px 14px;transition:all .2s}.sub-tab-btn.active{background:linear-gradient(135deg,#5b3fe8,#7c5ff5);color:#fff}.sub-tab-btn:hover:not(.active){background:#252525;color:#ccc}.model-card,.model-card-wrapper{position:relative}.model-card{align-items:center;background:linear-gradient(135deg,#1a1a2e,#162040);border:1px solid #2a2a5a;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;padding:12px 14px;transition:all .2s}.model-card:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.model-card:hover{border-color:#4f46e5}.model-card-left{align-items:center;display:flex;gap:10px;position:relative;z-index:1}.model-card-icon{align-items:center;background:linear-gradient(135deg,#5b3fe8,#7c5ff5);border-radius:6px;display:flex;font-size:16px;height:28px;justify-content:center;width:28px}.model-card-info{display:flex;flex-direction:column;gap:2px}.model-card-name{color:#fff;font-size:14px;font-weight:600}.model-card-desc{color:#888;font-size:11px}.model-card-arrow{color:#666;font-size:18px;position:relative;transition:transform .2s;z-index:1}.model-card-arrow.open{color:#4f46e5;transform:rotate(90deg)}.model-dropdown{background:#1e1e2e;border:1px solid #2a2a4a;border-radius:10px;box-shadow:0 8px 30px #0009;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.model-dropdown-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px 14px;transition:background .15s}.model-dropdown-item:hover{background:#252540}.model-dropdown-item.selected{background:#2a2a4a}.model-dropdown-icon{align-items:center;background:linear-gradient(135deg,#5b3fe8,#7c5ff5);border-radius:5px;display:flex;font-size:14px;height:24px;justify-content:center;width:24px}.model-dropdown-name{color:#ddd;flex:1 1;font-size:13px}.model-dropdown-item.selected .model-dropdown-name{color:#a78bfa;font-weight:600}.model-dropdown-check{color:#4f46e5;font-size:14px}.model-selector-loading{align-items:center;color:#666;display:flex;font-size:13px;gap:8px;padding:12px 14px}.doubao-params-row{display:flex;gap:8px}.doubao-params-row .param-item{flex:1 1}.reference-examples-section{background:#161616;border-radius:12px;margin-bottom:12px;padding:14px}.reference-examples-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.reference-examples-label{color:#a78bfa;font-size:12px;font-weight:600}.reference-examples-count{color:#555;font-size:11px}.reference-examples-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.reference-examples-grid .reference-example-add{grid-column:auto}.reference-example-item{aspect-ratio:4/5;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;overflow:hidden;position:relative;width:100%}.reference-example-thumb{height:100%;object-fit:cover;width:100%}.example-duration-badge{background:#000000b3;border-radius:3px;bottom:4px;color:#fff;font-size:10px;font-weight:500;left:4px;padding:1px 4px;position:absolute}.example-remove-btn{align-items:center;background:#ef4444d9;border:none;border-radius:50%;color:#fff;cursor:pointer;display:none;font-size:10px;height:18px;justify-content:center;position:absolute;right:3px;top:3px;width:18px}.reference-example-item:hover .example-remove-btn{display:flex}.reference-example-add{align-items:center;aspect-ratio:4/5;background:#ffffff08;border:2px dashed #ffffff26;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:center;transition:all .2s}.reference-example-add:hover{background:#667eea1a;border-color:#667eea80}.example-add-icon{color:#ffffff4d;font-size:20px}.example-add-text{color:#ffffff4d;font-size:10px}.example-duration-info{margin-top:10px;padding:10px 14px}.example-duration-info,.video-duration-info{align-items:center;background:linear-gradient(135deg,#1a1a2e,#162040);border:1px solid #2a2a5a;border-radius:10px;display:flex;gap:12px}.video-duration-info{padding:12px 14px}.duration-icon{font-size:28px}.duration-details{display:flex;flex-direction:column;gap:2px}.duration-value{color:#fff;font-size:13px;font-weight:600}.duration-hint,.param-label{color:#888;font-size:11px}.param-label{display:block;margin-bottom:6px}.param-item select{appearance:none;background:#1e1e1e;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath fill='%23888' d='M5 7 1 3h8z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #2a2a2a;border-radius:8px;color:#ccc;cursor:pointer;font-size:12px;padding:9px 28px 9px 12px;transition:border-color .2s;width:100%}.param-item select:focus{border-color:#5b3fe8;outline:none}.param-item select option{background:#1e1e1e;color:#ccc}.audio-config{display:flex;gap:12px;margin-bottom:8px}.audio-option{align-items:center;background:#1e1e1e;border:2px solid #2a2a2a;border-radius:8px;color:#aaa;cursor:pointer;display:flex;flex:1 1;font-size:14px;gap:8px;justify-content:center;padding:10px 12px;transition:all .2s}.audio-option input{display:none}.audio-option.active{background:#3b5fff26;border-color:#3b5fff;color:#fff}.audio-option:hover{border-color:#5b3fe8}.audio-upload{margin-top:8px}.audio-upload-btn{background:#1e1e1e;border:2px dashed #2a2a2a;border-radius:8px;color:#888;cursor:pointer;font-size:13px;padding:10px 16px;text-align:center;transition:all .2s}.audio-upload-btn:hover{background:#5b3fe81a;border-color:#5b3fe8;color:#fff}.reference-card{background:#161616;border-radius:12px;padding:14px}.reference-header{margin-bottom:10px}.reference-label{background:linear-gradient(135deg,#5b3fe8,#7c5ff5);border-radius:10px;color:#a78bfa;font-size:12px;font-weight:600;padding:3px 10px}.reference-content{display:flex;gap:10px}.reference-preview{display:flex;flex-shrink:0;gap:6px}.reference-item{background:#1e1e1e;border-radius:8px;height:80px;overflow:hidden;position:relative;width:80px}.reference-item img{height:100%;object-fit:cover;width:100%}.reference-item-label{bottom:0;color:#aaa;left:0;padding:2px 4px;right:0;text-align:center}.reference-item-label,.remove-btn{background:#000000b3;font-size:10px;position:absolute}.remove-btn{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:16px;justify-content:center;opacity:0;right:3px;top:3px;transition:opacity .2s;width:16px}.reference-item:hover .remove-btn{opacity:1}.remove-btn:hover{background:#ef4444}.reference-add{align-items:center;background:#1a1a1a;border:1px dashed #2a2a2a;border-radius:8px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:6px;justify-content:center;min-height:80px;transition:all .2s}.reference-add:hover{background:#5b3fe80d;border-color:#5b3fe8}.add-icon{color:#555;font-size:24px}.add-text{color:#666;font-size:11px;text-align:center}.add-text .highlight{color:#5b3fe8}.add-count{color:#444;font-size:10px}.prompt-section{background:#161616;border-radius:12px;padding:14px}.prompt-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.prompt-label{color:#a78bfa;font-size:12px;font-weight:600}.prompt-count{color:#555;font-size:11px}.prompt-input{background:#1e1e1e;border:1px solid #2a2a2a;border-radius:8px;color:#fff;font-family:inherit;font-size:13px;min-height:80px;padding:10px 12px;resize:vertical;transition:border-color .2s;width:100%}.prompt-input.prompt-contenteditable{max-height:200px;min-height:80px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.prompt-input.prompt-contenteditable:empty:before{color:#555;content:attr(data-placeholder)}.prompt-input.prompt-contenteditable:focus:empty:before{content:attr(data-placeholder)}.prompt-input:focus{border-color:#5b3fe8;outline:none}.prompt-input::placeholder{color:#555}.prompt-at-section,.prompt-editable-wrapper{position:relative}.prompt-contenteditable{background:#1e1e1e;border:1px solid #2a2a2a;border-radius:8px;color:#fff;font-family:inherit;font-size:13px;line-height:1.6;max-height:200px;min-height:80px;outline:none;overflow-y:auto;padding:10px 12px;resize:vertical;transition:border-color .2s;white-space:pre-wrap;word-break:break-all}.prompt-contenteditable:focus{border-color:#5b3fe8}.prompt-contenteditable:empty:before{color:#555;content:attr(data-placeholder);pointer-events:none}.prompt-contenteditable .prompt-plain{color:#fff}.prompt-contenteditable .at-tag{background:#667eea4d;border:1px solid #667eea80;border-radius:4px;color:#667eeaf2;cursor:default;display:inline;font-weight:500;padding:1px 4px;transition:background .15s;-webkit-user-select:none;user-select:none;white-space:nowrap}.prompt-contenteditable .at-tag:hover{background:#667eea80}.at-dropdown{animation:atDropdownFade .15s ease;background:#1a1a2e;border:1px solid #ffffff26;border-radius:10px;bottom:calc(100% + 6px);box-shadow:0 -4px 20px #0006;left:0;max-height:240px;overflow-y:auto;position:absolute;right:0;z-index:100}@keyframes atDropdownFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.at-dropdown-header{border-bottom:1px solid #ffffff14;color:#ffffff80;font-size:11px;font-weight:500;padding:8px 12px}.at-dropdown-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:8px 12px;transition:background .15s}.at-dropdown-item:hover{background:#667eea33}.at-dropdown-thumb{background:#ffffff0d;border-radius:6px;flex-shrink:0;height:36px;overflow:hidden;width:36px}.at-dropdown-thumb img,.at-dropdown-thumb video{height:100%;object-fit:cover;width:100%}.at-dropdown-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.at-dropdown-name{color:#ffffffe6;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.at-dropdown-type{color:#fff6;font-size:10px}.prompt-input.prompt-input-transparent{caret-color:#fff;color:#0000}.prompt-textarea-wrapper{position:relative}.prompt-input-with-overlay{caret-color:#fff;color:#0000!important}.prompt-tag-overlay{bottom:0;color:#0000;font-family:inherit;font-size:13px;left:0;line-height:1.6;overflow-x:hidden;overflow-y:auto;padding:10px 12px;pointer-events:none;position:absolute;right:0;top:0;white-space:pre-wrap;word-break:break-all}.prompt-plain-text{color:#fff}.at-mention-tag{background:#667eea4d;border:1px solid #667eea80;border-radius:4px;color:#667eeaf2;cursor:default;display:inline;font-weight:500;padding:1px 4px;pointer-events:auto;transition:all .15s;-webkit-user-select:none;user-select:none;white-space:nowrap}.at-mention-tag:hover{background:#667eea80;border-color:#667eeacc;color:#fff}.tag-preview-overlay{animation:tagPreviewFade .15s ease;background:#000000eb;border-radius:10px;box-shadow:0 8px 30px #000000b3;overflow:hidden;pointer-events:none;position:fixed;z-index:10002}@keyframes tagPreviewFade{0%{opacity:0;transform:translate(-50%,calc(-100% - 8px)) scale(.9)}to{opacity:1;transform:translate(-50%,calc(-100% - 8px)) scale(1)}}.tag-preview-media{display:block;max-height:180px;max-width:240px;object-fit:contain}.tag-preview-name{background:linear-gradient(#0000,#000c);color:#ffffffe6;font-size:.75rem;overflow:hidden;padding:.3rem .6rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.generate-btn{align-items:center;background:linear-gradient(135deg,#3b5fff,#5b3fe8);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:auto;padding:12px;transition:all .2s;width:100%}.generate-btn:hover:not(:disabled){box-shadow:0 4px 20px #3b5fff66;transform:translateY(-1px)}.generate-btn.disabled,.generate-btn:disabled{cursor:not-allowed;opacity:.5}.credit-cost{font-size:12px;opacity:.9}.credit-breakdown{font-size:10px;margin-left:4px;opacity:.7}.loading-spinner{animation:spin .6s linear infinite;border:2px solid #fff3;border-radius:50%;border-top-color:#fff9;height:14px;width:14px}.result-panel{background:#0d0d0d;display:flex;flex:1 1;flex-direction:column;position:relative}.result-filters{align-items:center;border-bottom:1px solid #1a1a1a;display:flex;justify-content:space-between;padding:12px 20px}.filter-tabs{display:flex;gap:6px}.filter-tab{background:#1a1a1a;border:none;border-radius:6px;color:#999;cursor:pointer;font-size:13px;padding:6px 14px;transition:all .2s}.filter-tab.active{background:#3b5fff;color:#fff}.filter-tab:hover:not(.active){background:#222;color:#ccc}.asset-manage-btn{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;color:#ccc;cursor:pointer;font-size:12px;padding:6px 14px;transition:all .2s}.asset-manage-btn:hover{border-color:#5b3fe8;color:#fff}.result-content{flex:1 1;overflow-y:auto;padding:20px 90px 20px 20px}.empty-state{padding:60px 20px}.empty-icon{margin-bottom:16px}.empty-text{font-size:16px;margin-bottom:8px}.empty-hint{font-size:13px}.generating-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.generating-spinner{animation:spin .8s linear infinite;border:4px solid #667eea33;border-radius:50%;border-top-color:#6666ea;height:48px;margin-bottom:20px;width:48px}.generating-text{color:#6666ea;font-size:18px;font-weight:500;margin-bottom:8px}.generating-hint{color:#555;font-size:13px}.video-processing-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;left:0;position:absolute;right:0;top:0}.processing-spinner{animation:spin .8s linear infinite;border:3px solid #667eea33;border-top-color:#6666ea;height:36px;margin-bottom:12px;width:36px}.processing-text{color:#fffc}.video-failed-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;left:0;position:absolute;right:0;top:0}.failed-icon{background:#ef444433;color:#ef4444;margin-bottom:12px}.failed-text{color:#fffc;padding:0 20px}.empty-state{align-items:center;color:#555;display:flex;flex-direction:column;height:100%;justify-content:center}.empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.empty-text{color:#666;font-size:14px;margin-bottom:6px}.empty-hint{color:#444;font-size:12px}.date-group-label{align-items:center;display:flex;gap:12px;justify-content:center;padding:16px 0 12px}.date-group-label:after,.date-group-label:before{background:linear-gradient(90deg,#0000,#3b5fff26,#0000);content:"";flex:1 1;height:1px}.date-badge{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#3b5fff1f,#8a2be214);border:1px solid #3b5fff33;border-radius:20px;color:#ffffffb3;display:inline-flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:.5px;padding:4px 16px;transition:all .3s ease;white-space:nowrap}.date-badge:hover{background:linear-gradient(135deg,#3b5fff33,#8a2be226);border-color:#3b5fff66;box-shadow:0 0 12px #3b5fff26;color:#fff}.date-group-label:first-child .date-badge{background:linear-gradient(135deg,#3b5fff40,#8a2be22e);border-color:#3b5fff73;box-shadow:0 2px 8px #3b5fff33;color:#fff}.result-grid{display:flex;flex-direction:column;gap:16px}.result-card{background:#141414;border:1px solid #1e1e1e;border-radius:12px;overflow:visible}.reference-group{display:inline-block;position:relative}.reference-pill{align-items:center;background:#1e1e1e;border:1px solid #333;border-radius:6px;color:#ccc;cursor:default;display:inline-flex;font-size:12px;gap:6px;padding:3px 10px;transition:all .2s ease;white-space:nowrap}.reference-pill:hover{background:#2a2a3e;border-color:#555;color:#fff}.reference-thumb-small,video.reference-thumb-small{border:1px solid #444;border-radius:4px;height:24px;object-fit:cover;width:24px}.reference-pill-video{color:#88c}.reference-preview-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a1a28f5;border:1px solid #444;border-radius:10px;box-shadow:0 8px 28px #000000b3;display:flex;flex-direction:row;gap:8px;left:0;max-width:500px;overflow-x:auto;padding:10px;pointer-events:none;position:absolute;top:calc(100% + 6px);z-index:100}.reference-preview-img{object-fit:cover}.reference-preview-img,.reference-preview-video{background:#1a1a2e;border:1px solid #555;border-radius:6px;flex-shrink:0;height:110px;width:80px}.reference-preview-video{align-items:center;color:#666;display:flex;font-size:11px;justify-content:center;overflow:hidden}.reference-preview-video video{height:100%;object-fit:cover;width:100%}.result-info-bar{align-items:center;border-bottom:1px solid #1e1e1e;display:flex;gap:10px;padding:10px 14px}.result-info-icon{font-size:14px}.result-info-name{color:#fff;font-size:13px;font-weight:600}.result-tags{display:flex;gap:6px;margin-left:auto}.result-tag{background:#1e1e1e;border-radius:4px;color:#888;font-size:11px;padding:2px 8px}.result-tag-model{background:#6366f126;border:1px solid #6366f133;color:#818cf8}.result-tag-resolution{background:#10b98126;border:1px solid #10b98133;color:#34d399}.result-tag-ratio{background:#f59e0b26;border:1px solid #f59e0b33;color:#fbbf24}.result-tag-duration{background:#ef444426;border:1px solid #ef444433;color:#f87171}.result-prompt{border-bottom:1px solid #1e1e1e;color:#888;font-size:12px;line-height:1.6;padding:10px 14px}.result-preview{align-items:center;background:#0a0a0a;display:flex;justify-content:center;position:relative;width:100%}.asset-action-overlay{display:flex;flex-direction:row;gap:8px;justify-content:flex-end;left:0;opacity:0;padding:10px 12px;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s ease;z-index:10}.result-card:hover .asset-action-overlay{opacity:1;pointer-events:auto}.asset-action-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:5px 12px;transition:all .15s ease;white-space:nowrap}.asset-action-btn:hover{background:#3b82f6cc;transform:scale(1.05)}.asset-action-btn-danger:hover{background:#ef4444cc!important}.result-preview img,.result-preview video{cursor:zoom-in;max-height:500px;object-fit:contain;width:100%}.play-overlay{align-items:center;background:#0009;border-radius:50%;color:#fff;display:flex;font-size:24px;height:60px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s;width:60px}.result-preview:hover .play-overlay{opacity:1}.result-actions{display:flex;gap:6px;opacity:0;position:absolute;right:10px;top:10px;transition:opacity .2s}.result-preview:hover .result-actions{opacity:1}.action-btn{align-items:center;background:#000000b3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;width:32px}.action-btn:hover{background:#3b5fff}.video-processing-overlay{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:200px;width:100%}.processing-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#3b5fff;height:48px;margin-bottom:16px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.processing-text{color:#999;font-size:14px}.video-failed-overlay{background:linear-gradient(135deg,#1a1a2e,#2d1a1a);border-radius:12px;flex-direction:column;height:100%;min-height:200px;width:100%}.failed-icon,.video-failed-overlay{align-items:center;display:flex;justify-content:center}.failed-icon{background:#ff475733;border-radius:50%;color:#ff4757;font-size:24px;font-weight:700;height:48px;margin-bottom:16px;width:48px}.failed-text{color:#ff6b81;font-size:14px;max-width:80%;text-align:center}.image-preview-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000eb;cursor:zoom-out;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.preview-img-full{border-radius:8px;box-shadow:0 0 60px #00000080;max-height:95vh;max-width:95vw;object-fit:contain}.preview-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000d9;cursor:zoom-out;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.preview-close-btn{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:background .2s;width:40px}.preview-close-btn:hover{background:#ffffff4d}.asset-sidebar{background:#0d0d0d;border-left:1px solid #1a1a1a;bottom:0;display:flex;flex-direction:column;gap:6px;overflow-y:auto;padding:10px 8px;position:absolute;right:0;top:0;width:72px}.asset-thumb{aspect-ratio:3/4;background:#1a1a1a;border:2px solid #0000;border-radius:6px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s;width:100%}.asset-thumb.selected,.asset-thumb:hover{border-color:#3b5fff}.asset-thumb img{height:100%;object-fit:cover;width:100%}.asset-thumb-check{align-items:center;background:#3b5fff;border-radius:50%;color:#fff;display:none;font-size:10px;height:18px;justify-content:center;position:absolute;right:4px;top:4px;width:18px}.asset-thumb.selected .asset-thumb-check{display:flex}.asset-remove{align-items:center;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;color:#888;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;margin-top:auto;width:28px}.asset-remove:hover{background:#ef4444;border-color:#ef4444;color:#fff}.asset-sidebar::-webkit-scrollbar,.control-panel::-webkit-scrollbar,.result-content::-webkit-scrollbar{width:4px}.asset-sidebar::-webkit-scrollbar-track,.control-panel::-webkit-scrollbar-track,.result-content::-webkit-scrollbar-track{background:#0000}.asset-sidebar::-webkit-scrollbar-thumb,.control-panel::-webkit-scrollbar-thumb,.result-content::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:2px}.asset-sidebar::-webkit-scrollbar-thumb:hover,.control-panel::-webkit-scrollbar-thumb:hover,.result-content::-webkit-scrollbar-thumb:hover{background:#3a3a3a}.prompt-section{position:relative}@media (max-width:1200px){.ai-generate-container{flex-direction:column}.control-panel{border-bottom:1px solid #1e1e1e;border-right:none;max-height:50vh;min-width:0;min-width:auto;width:100%}.result-content{padding-right:20px}.asset-sidebar{display:none}}.ck-reference-upload-section{margin-bottom:1rem}.ck-reference-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.ck-reference-title{color:#ffffffd9;font-size:.9rem;font-weight:600}.ck-reference-count{color:#fff6;font-size:.8rem}.ck-reference-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.ck-reference-item{aspect-ratio:16/9;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;overflow:hidden;position:relative}.ck-reference-thumb{height:100%;object-fit:cover;width:100%}.ck-reference-label{background:#0009;bottom:0;color:#fffc;font-size:.6rem;left:0;overflow:hidden;padding:.15rem .3rem;position:absolute;right:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.ck-reference-remove{align-items:center;background:#ef4444cc;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.6rem;height:16px;justify-content:center;opacity:0;position:absolute;right:2px;top:2px;transition:opacity .2s;width:16px}.ck-reference-item:hover .ck-reference-remove{opacity:1}.ck-reference-add{align-items:center;aspect-ratio:16/9;background:#ffffff08;border:2px dashed #ffffff26;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:.2rem;justify-content:center;transition:all .2s}.ck-reference-add:hover{background:#667eea1a;border-color:#667eea80}.ck-reference-add-icon{color:#ffffff4d;font-size:1.2rem}.ck-reference-add-text{color:#ffffff4d;font-size:.6rem}.doubao-ck-reference{margin-bottom:1rem}.ck-reference-layout{align-items:flex-start;display:flex;gap:.75rem}.ck-reference-card{align-items:center;aspect-ratio:3/4;background:#ffffff0d;border:2px dashed #ffffff26;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-width:80px;overflow:hidden;position:relative;transition:all .3s;width:80px}.ck-reference-card:hover{background:#667eea1a;border-color:#667eea80}.ck-reference-placeholder{align-items:center;display:flex;flex-direction:column;gap:.3rem}.ck-reference-icon{color:#ffffff4d;font-size:1.5rem}.ck-reference-text{color:#fff6;font-size:.7rem;letter-spacing:2px;writing-mode:vertical-lr}.ck-prompt-area{flex:1 1}.ck-prompt-hint{color:#fff6;font-size:.75rem;line-height:1.6;margin-bottom:.75rem}.ck-at-symbol{color:#667eeae6;font-weight:600}.ck-prompt-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;font-family:inherit;font-size:.9rem;min-height:100px;padding:.75rem 1rem;resize:vertical;transition:border-color .3s;width:100%}.ck-prompt-input:focus{background:#ffffff14;border-color:#667eea80;outline:none}.ck-prompt-input::placeholder{color:#ffffff4d}.ck-prompt-footer{display:flex;justify-content:flex-end;margin-top:.4rem}.ck-prompt-count{color:#ffffff4d;font-size:.75rem}.doubao-frame-reference,.frame-upload-section{margin-bottom:1rem}.frame-upload-row{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.frame-upload-card{align-items:center;aspect-ratio:16/9;background:#ffffff0d;border:2px dashed #ffffff26;border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;position:relative;transition:all .3s}.frame-upload-card:hover{background:#667eea1a;border-color:#667eea80}.frame-upload-icon{color:#ffffff4d;font-size:2.5rem}.frame-upload-text{color:#fff6;font-size:.85rem;margin-top:.5rem}.frame-upload-arrow{color:#ffffff4d;flex-shrink:0;font-size:1.5rem}.frame-preview-img{border-radius:10px;height:100%;object-fit:cover;width:100%}.frame-preview-overlay{align-items:flex-start;background:linear-gradient(180deg,#0009,#0000);border-radius:10px 10px 0 0;display:flex;justify-content:space-between;left:0;padding:.5rem;position:absolute;right:0;top:0}.frame-label{background:#667eeacc;border-radius:6px;color:#fff;font-size:.75rem;font-weight:500;padding:.2rem .6rem}.frame-remove-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.85rem;height:24px;justify-content:center;transition:background .2s;width:24px}.frame-remove-btn:hover{background:#ef4444cc}.selected-assets-row{display:flex;gap:.5rem;margin-bottom:1rem;overflow-x:auto;padding:.5rem 0}.selected-asset-thumb{border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;overflow:hidden;position:relative;width:60px}.selected-asset-thumb img,.selected-asset-thumb video{aspect-ratio:16/9;object-fit:cover;width:100%}.asset-thumb-name{background:#00000080;color:#fff9;display:block;font-size:.65rem;overflow:hidden;padding:.2rem .3rem;text-overflow:ellipsis;white-space:nowrap}.selected-asset-remove{background:#ef4444e6;border:none;border-radius:50%;color:#fff;font-size:.65rem;height:16px;position:absolute;right:2px;top:2px;width:16px}.add-more-assets,.selected-asset-remove{align-items:center;cursor:pointer;display:flex;justify-content:center}.add-more-assets{aspect-ratio:16/9;background:#ffffff0d;border:1px dashed #fff3;border-radius:8px;flex-direction:column;flex-shrink:0;transition:all .2s;width:60px}.add-more-assets:hover{background:#667eea1a;border-color:#667eea80}.add-more-assets span:first-child{color:#fff6;font-size:1.2rem}.add-more-assets span:last-child{color:#fff6;font-size:.6rem;margin-top:.2rem}.at-reference-btn{align-items:center;background:#667eea33;border:1px solid #667eea66;border-radius:8px;color:#ffffffe6;cursor:pointer;display:inline-flex;font-size:.8rem;gap:.3rem;margin-top:.5rem;padding:.4rem .8rem;transition:all .2s}.at-reference-btn:hover{background:#667eea66;border-color:#667eea99}.at-reference-btn span{font-size:1rem;font-weight:700}.asset-picker-overlay{align-items:center;animation:overlayFade .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.asset-picker-modal{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 25px 80px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:700px;width:90%}.asset-picker-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.asset-picker-header h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.asset-picker-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;transition:all .2s;width:32px}.asset-picker-close:hover{background:#ef444499}.asset-picker-tabs{border-bottom:1px solid #ffffff14;display:flex;gap:.5rem;padding:.75rem 1.5rem}.asset-picker-tab{background:#0000;border:none;border-radius:6px;color:#ffffff80;cursor:pointer;font-size:.85rem;padding:.4rem 1rem;transition:all .2s}.asset-picker-tab:hover{background:#ffffff14;color:#fffc}.asset-picker-tab.active{background:#667eea4d;color:#fff}.asset-picker-content{flex:1 1;overflow-y:auto;padding:1rem 1.5rem}.asset-picker-empty,.asset-picker-loading{color:#fff6;font-size:.9rem;padding:3rem;text-align:center}.asset-picker-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.asset-picker-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;cursor:pointer;overflow:hidden;transition:all .2s}.asset-picker-item:hover{border-color:#667eea80;transform:translateY(-2px)}.asset-picker-item img,.asset-picker-thumb-video{aspect-ratio:16/9;object-fit:cover;width:100%}.asset-picker-item-info{padding:.5rem}.asset-picker-item-name{color:#fffc;display:block;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-picker-item-type{color:#fff6;display:block;font-size:.7rem;margin-top:.2rem}
/*# sourceMappingURL=main.695febf2.css.map*/