*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-dark);background-image:var(--bg-gradient);color:var(--text-main);background-attachment:fixed;min-height:100vh;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#080115}::-webkit-scrollbar-thumb{background:var(--gradient-pink);border-radius:4px}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-main);background:0 0;border:none}input,textarea,select{font-family:var(--font-main);outline:none}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes twinkle-sway{0%,to{opacity:.3;transform:scale(.8)translate(-3px)}50%{opacity:1;transform:scale(1.2)translate(3px)}}@keyframes float-up-rotate{0%{opacity:0;transform:translateY(105vh)rotate(0)}10%{opacity:.4}90%{opacity:.4}to{opacity:0;transform:translateY(-15vh)rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.glass-bg{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.pink-glow{box-shadow:var(--shadow-pink-glow)}.gradient-text{background:var(--gradient-pink);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.stars-container{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.star-dot{opacity:.6;background:#fff;border-radius:50%;animation:3s ease-in-out infinite twinkle;position:absolute}.star-dot.sway{animation:4s ease-in-out infinite twinkle-sway}.floating-svg{z-index:0;opacity:.4;filter:drop-shadow(0 0 5px #f523b780);animation:15s linear infinite float-up-rotate;position:absolute}.star-shape{fill:#b74b9a}.music-note{fill:#d46fb8}.sparkle-shape{fill:#9a3d7f}.login-logo{background:var(--gradient-pink);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex;box-shadow:0 0 30px #f523b766}.login-logo svg{stroke:#fff;stroke-width:1.5px;fill:none;width:36px;height:36px}.login-title{font-family:var(--font-mono);letter-spacing:4px;color:#fff;text-shadow:var(--shadow-pink-glow);margin-bottom:8px;font-size:32px;font-weight:400}.login-subtitle{color:var(--theme-pink);letter-spacing:1px;font-size:12px;font-weight:600}.input-group input{border:1px solid var(--glass-border);width:100%;color:var(--text-main);font-size:15px;font-family:var(--font-main);transition:all var(--transition-fast);background:#ffffff0d;border-radius:12px;outline:none;padding:14px 16px}.input-group input::placeholder{color:var(--text-muted);opacity:.6}.input-group input:focus{border-color:var(--theme-pink);background:#ffffff14;box-shadow:0 0 20px #f523b733}.captcha-box{align-items:center;gap:12px;display:flex}#captchaImg{border:1px solid var(--glass-border);cursor:pointer;object-fit:contain;width:120px;height:46px;transition:all var(--transition-fast);background:#fff;border-radius:10px}#captchaImg:hover{opacity:.8;border-color:var(--theme-pink)}.btn-login{background:var(--gradient-pink);width:100%;font-size:15px;font-weight:700;font-family:var(--font-main);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:8px;padding:14px 24px;display:flex}.btn-login svg{stroke:#fff;stroke-width:2.5px;fill:none;width:20px;height:20px;transition:transform var(--transition-fast)}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 30px #f523b780}.btn-login:hover:not(:disabled) svg{transform:translate(4px)}.btn-login:disabled{opacity:.6;cursor:not-allowed}#result{font-size:13px;font-weight:600;font-family:var(--font-main);text-align:center;border-radius:10px;min-height:44px;margin-top:16px;padding:12px 16px;display:none}#result.show{animation:.3s resultFadeIn;display:block}@keyframes resultFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#result.success{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d}#result.error{color:#f87171;background:#ef444426;border:1px solid #ef44444d}#result.warning{color:#facc15;background:#eab30826;border:1px solid #eab3084d}.login-decoration p{color:var(--text-muted);letter-spacing:2px;font-size:12px;font-weight:500}@media (width<=480px){.login-container{padding:32px 24px}.login-title{font-size:24px}.captcha-box{flex-direction:column}#captchaImg{width:100%;max-width:200px}}.login-footer{text-align:center;color:var(--text-muted);justify-content:center;align-items:center;gap:10px;margin-top:20px;font-size:13px;display:flex}.navbar{height:var(--navbar-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);z-index:1000;background:#080115cc;justify-content:space-between;align-items:center;padding:0 40px;display:flex;position:fixed;top:0;left:0;right:0}.navbar-left{align-items:center;display:flex}.navbar-brand{font-family:var(--font-mono);letter-spacing:3px;color:#fff;text-shadow:0 0 10px #f523b780,0 0 20px #f523b74d;transition:all var(--transition-fast);font-size:28px;font-weight:400;text-decoration:none}.navbar-brand:hover{text-shadow:0 0 20px #f523b7cc,0 0 40px #f523b780}.navbar-right{align-items:center;gap:20px;display:flex}.user-info{background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;transition:all var(--transition-fast);border-radius:30px;align-items:center;gap:10px;padding:8px 16px;display:flex}.user-info:hover{border-color:var(--theme-pink);box-shadow:0 0 20px #f523b74d}.user-points{font-family:var(--font-mono);color:var(--theme-pink);align-items:center;gap:6px;font-size:16px;font-weight:700;display:flex}.user-points svg{width:18px;height:18px;fill:var(--theme-pink)}.user-avatar{background:var(--gradient-pink);width:36px;height:36px;font-family:var(--font-main);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.user-name{font-family:var(--font-main);color:var(--text-main);font-size:14px;font-weight:700}.user-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);z-index:1001;opacity:0;visibility:hidden;width:320px;transition:all var(--transition-fast);background:#080115f2;border-radius:16px;padding:20px;position:absolute;top:70px;right:40px;transform:translateY(-10px);box-shadow:0 10px 40px #00000080}.user-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown-header{border-bottom:1px solid var(--glass-border);align-items:center;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.user-dropdown-avatar{background:var(--gradient-pink);width:56px;height:56px;font-family:var(--font-main);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex;box-shadow:0 0 20px #f523b766}.user-dropdown-info{flex:1;min-width:0}.user-dropdown-info h3{font-family:var(--font-main);color:var(--text-main);margin-bottom:6px;font-size:16px;font-weight:800}.user-dropdown-info p{font-family:var(--font-mono);color:var(--theme-pink);font-size:16px;font-weight:700}.user-dropdown-body{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.user-info-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.user-info-label{font-family:var(--font-main);color:var(--text-muted);font-size:12px;font-weight:600}.user-info-value{font-family:var(--font-mono);color:var(--text-main);font-size:16px;font-weight:700}.user-info-value.highlight{color:var(--theme-pink)}.storage-section{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;padding:12px}.storage-label{font-family:var(--font-main);color:var(--text-muted);margin-bottom:8px;font-size:12px;font-weight:600}.storage-info{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.storage-text{font-family:var(--font-mono);color:var(--text-main);font-size:14px}.storage-percent{font-family:var(--font-mono);color:var(--theme-pink);font-size:14px;font-weight:700}.storage-progress{background:#ffffff1a;border-radius:3px;width:100%;height:6px;overflow:hidden}.storage-progress-bar{background:var(--gradient-pink);height:100%;transition:width var(--transition-fast);border-radius:3px}.user-dropdown-footer{border-top:1px solid var(--glass-border);padding-top:16px}.logout-btn{color:#f87171;width:100%;font-family:var(--font-main);cursor:pointer;transition:all var(--transition-fast);background:#ef444426;border:1px solid #ef44444d;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:700;display:flex}.logout-btn svg{stroke:currentColor;stroke-width:2px;fill:none;width:18px;height:18px}.logout-btn:hover{background:#ef444440;border-color:#ef444480;box-shadow:0 0 20px #ef44444d}.dropdown-overlay{z-index:999;position:fixed;inset:0}@media (width<=768px){.navbar{padding:0 20px}.user-points,.user-name{display:none}.user-dropdown{width:calc(100% - 40px);right:20px}}.home-page{min-height:100vh;position:relative}.main-wrapper{z-index:10;max-width:1400px;margin:0 auto;padding:100px 40px 60px;position:relative}.header-section{text-align:center;margin-bottom:60px}.main-title{letter-spacing:4px;text-transform:uppercase;color:#fff;font-size:80px;font-weight:400;line-height:1.1;font-family:var(--font-mono);text-shadow:var(--shadow-pink-glow);margin-bottom:15px}.sub-title{color:var(--theme-pink);letter-spacing:2px;text-shadow:0 0 10px #f523b780;font-size:12px;font-weight:700;font-family:var(--font-main)}.filter-bar{flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:50px;display:flex}.filter-btn{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-muted);font-size:15px;font-weight:400;font-family:var(--font-main);cursor:pointer;transition:all var(--transition-fast);border-radius:30px;padding:10px 24px}.filter-btn:hover{color:var(--text-main);border-color:#ffffff4d;transform:translateY(-2px)}.filter-btn.active{color:var(--text-main);border-color:var(--theme-pink);background:#f523b726;box-shadow:0 0 15px #f523b766,inset 0 0 10px #f523b733}.card-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;display:grid}.tool-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all var(--transition-normal);border-radius:16px;flex-direction:column;padding:30px;text-decoration:none;display:flex;position:relative;overflow:hidden}.tool-card:hover{border-color:var(--glass-border);box-shadow:var(--shadow-pink-strong);transform:translateY(-10px)rotate(-1deg)}.card-icon{fill:#fff;filter:drop-shadow(0 0 8px #ffffff4d);width:40px;height:40px;margin-bottom:20px}.tool-card:hover .card-icon{fill:var(--theme-pink);filter:drop-shadow(0 0 8px #f523b799)}.card-title{color:var(--text-main);margin-bottom:10px;font-size:22px;font-weight:900}.card-desc{color:var(--text-muted);flex-grow:1;margin-bottom:20px;font-size:14px;font-weight:600;line-height:1.6}.card-tag{color:var(--theme-pink);background:#f523b71a;border:1px solid #f523b733;border-radius:10px;align-self:flex-start;padding:4px 12px;font-size:12px;font-weight:600}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.tool-card{animation:.5s backwards cardFadeIn}@media (width<=768px){.main-wrapper{padding:40px 20px}.main-title{font-size:48px}.card-grid{grid-template-columns:1fr}}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;background:#080115cc;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s overlayFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--glass-bg);border:1px solid var(--theme-pink);border-radius:16px;width:90%;max-height:90vh;padding:24px;animation:.3s modalSlideIn;overflow-y:auto;box-shadow:0 0 60px #f523b74d}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-small{max-width:350px}.modal-medium{max-width:450px}.modal-large{max-width:600px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h3{color:var(--text-main);font-size:20px;font-weight:700;font-family:var(--font-main)}.modal-header-right{align-items:center;gap:10px;display:flex}.modal-close{cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.modal-close svg{color:#fff9;width:20px;height:20px}.modal-close:hover{background:#f523b733}.modal-close:hover svg{color:var(--theme-pink)}.modal-body{margin-bottom:24px}.modal-footer{justify-content:flex-end;gap:12px;display:flex}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{color:#fffc;font-size:14px;font-weight:600;font-family:var(--font-main);margin-bottom:8px;display:block}.form-group input,.form-group select,.form-group textarea{width:100%;color:var(--text-main);font-size:14px;font-family:var(--font-main);transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:12px 16px}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--theme-pink);outline:none;box-shadow:0 0 15px #f523b74d}.form-group select option{color:var(--text-main);background:#080115}.btn{font-size:14px;font-weight:600;font-family:var(--font-main);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:30px;align-items:center;gap:8px;padding:10px 24px;display:inline-flex}.btn svg{stroke:currentColor;width:16px;height:16px}.btn-cancel{color:#fffc;background:#ffffff1a;border:1px solid #fff3}.btn-cancel:hover{color:var(--text-main);background:#ffffff26}.btn-primary{background:var(--gradient-pink);color:var(--text-main);box-shadow:0 0 20px #f523b766}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #f523b799}.btn-primary:active{transform:translateY(0)}.btn-danger{color:var(--text-main);background:linear-gradient(135deg,#ff6b6b 0%,#ee5a5a 100%);box-shadow:0 0 20px #ff6b6b66}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 0 30px #ff6b6b99}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.loading-spinner{flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.spinner{border:3px solid #f523b733;border-top-color:var(--theme-pink);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin;box-shadow:0 0 10px #f523b74d}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner p{color:var(--theme-pink);opacity:.7;margin-top:15px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state h2{font-size:20px;font-family:var(--font-main);margin-bottom:10px}.empty-state p{color:var(--text-muted)}.resource-page{min-height:100vh;position:relative}.page-title{font-family:var(--font-main);color:var(--theme-pink);text-shadow:0 0 15px #f523b780;font-size:20px;font-weight:800}.new-project-btn{color:var(--text-main);font-size:14px;font-weight:600;font-family:var(--font-main);cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f523b726;border:1px solid #f523b74d;border-radius:30px;align-items:center;gap:8px;padding:10px 20px;display:flex}.new-project-btn:hover{border-color:var(--theme-pink);background:#f523b740;transform:translateY(-2px);box-shadow:0 0 20px #f523b766}.new-project-btn svg{stroke:currentColor;width:18px;height:18px}.projects-container{max-width:1400px;color:var(--text-main);margin:0 auto;padding:80px 100px 20px}.projects-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.projects-header h2{color:var(--theme-pink);text-shadow:0 0 15px #f523b780;font-size:20px;font-weight:700}.refresh-btn{cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f523b71a;border:1px solid #f523b74d;border-radius:50%;justify-content:center;align-items:center;display:flex}.refresh-btn:hover{border-color:var(--theme-pink);background:#f523b733;transform:rotate(90deg)}.refresh-btn svg{width:18px;height:18px;color:var(--theme-pink)}.projects-content{min-height:400px}.loading-state{color:var(--theme-pink);opacity:.7;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state svg{opacity:.5;width:80px;height:80px;margin-bottom:20px;animation:3s ease-in-out infinite float}.empty-state h2{font-size:20px;font-family:var(--font-main);color:var(--text-main);margin-bottom:10px}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.project-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all var(--transition-normal);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:140px;padding:20px;display:flex;position:relative}.project-card:hover{border-color:#f523b780;transform:translateY(-5px);box-shadow:0 0 30px #f523b74d,0 0 60px #f523b726}.card-actions{opacity:0;transition:opacity var(--transition-fast);gap:8px;display:flex;position:absolute;top:12px;right:12px}.project-card:hover .card-actions{opacity:1}.action-btn:hover{background:#f523b74d;transform:scale(1.1)}.edit-btn:hover{border-color:#4fc3f7;box-shadow:0 0 10px #4fc3f766}.delete-btn:hover{border-color:#ff6b6b;box-shadow:0 0 10px #ff6b6b66}.card-title{color:var(--text-main);word-break:break-word;margin-top:10px;font-size:18px;font-weight:700}.card-footer{justify-content:space-between;align-items:center;margin-top:15px;display:flex}.card-time{color:#ffffff80;font-size:12px;font-family:var(--font-main)}.card-tag{color:var(--theme-pink);background:#f523b726;border:1px solid #f523b74d;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.delete-warning{color:#ffffffe6;text-align:center;font-size:16px;font-family:var(--font-main);padding:20px 0}@media (width<=768px){.top-toolbar{height:auto;padding:15px 20px}.toolbar-right{justify-content:center;width:100%}.projects-container{padding:100px 20px 20px}.projects-grid{grid-template-columns:1fr}}.copy-btn{cursor:pointer;opacity:0;width:28px;height:28px;transition:all var(--transition-fast);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;bottom:8px;right:8px;transform:translateY(5px)}.copy-btn svg{stroke:currentColor;width:16px;height:16px;color:var(--text-muted)}.message-content:hover .copy-btn{opacity:1;transform:translateY(0)}.copy-btn:hover{border-color:var(--theme-pink);background:#f523b74d}.copy-btn:hover svg{color:var(--text-main)}.copy-btn.copied{background:#4caf504d;border-color:#4caf50}.copy-btn.copied svg{color:#4caf50}.chat-page{min-height:100vh;position:relative;overflow:hidden}.top-toolbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);z-index:900;background:#080115f2;justify-content:space-between;align-items:center;height:60px;padding:0 40px;display:flex;position:fixed;top:60px;left:0;right:0}.toolbar-left{flex:1;align-items:center;display:flex}.toolbar-right{align-items:center;gap:16px;display:flex}.page-title{font-family:var(--font-main);color:var(--theme-pink);text-align:center;text-shadow:0 0 20px #f523b780;margin:0;font-size:20px;font-weight:800}.model-selector{align-items:center;gap:12px;display:flex}.model-selector label{color:var(--text-muted);font-size:14px;font-weight:700;font-family:var(--font-mono);letter-spacing:1px}.model-select{border:1px solid var(--glass-border);color:var(--text-main);font-size:14px;font-weight:700;font-family:var(--font-mono);letter-spacing:1px;cursor:pointer;transition:all var(--transition-fast);background:#080115e6;border-radius:10px;outline:none;padding:10px 20px}.model-select option{color:var(--text-main);background:#080115f2}.model-select:hover{border-color:var(--theme-pink);box-shadow:0 0 20px #f523b74d}.model-select:focus{border-color:var(--theme-pink);box-shadow:0 0 25px #f523b766}.new-chat-btn{border:1px solid var(--theme-pink);color:var(--text-main);font-size:14px;font-weight:800;font-family:var(--font-mono);letter-spacing:1px;cursor:pointer;transition:all var(--transition-fast);background:#f523b726;border-radius:10px;padding:10px 24px}.new-chat-btn:hover{background:var(--theme-pink);transform:translateY(-2px);box-shadow:0 0 25px #f523b780}.chat-messages{flex-direction:column;gap:20px;max-width:900px;margin:0 auto;padding:30px;display:flex;position:absolute;inset:120px 0 200px;overflow:hidden auto}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:var(--theme-pink);border-radius:3px}.welcome-message{flex-direction:column;gap:20px;display:flex}.message{gap:16px;animation:.4s messageFadeIn;display:flex}@keyframes messageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse}.message-avatar{width:40px;height:40px;font-size:16px;font-weight:900;font-family:var(--font-mono);letter-spacing:2px;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.message.user .message-avatar{background:var(--gradient-pink);color:var(--text-main);box-shadow:0 0 15px #f523b766}.message.ai .message-avatar{background:var(--glass-bg);color:var(--text-main);border:1px solid var(--glass-border)}.message-content{max-width:70%;font-size:16px;line-height:1.6;font-family:var(--font-mono);letter-spacing:.5px;border-radius:16px;padding:12px 45px 8px 20px;position:relative}.message.user .message-content{background:var(--gradient-pink-light);color:var(--text-main);border:1px solid #f523b74d;border-bottom-right-radius:4px;padding:12px 20px 12px 45px}.message.ai .message-content{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-main);border-bottom-left-radius:4px}.message-text{white-space:pre-wrap;word-break:break-word}.loading-dots{justify-content:center;align-items:center;gap:6px;padding:8px 0;display:flex}.loading-dots span{background:var(--theme-pink);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both loading-bounce}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loading-bounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.bottom-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);z-index:900;background:#080115f2;padding:20px 40px;position:fixed;bottom:0;left:0;right:0}.chat-input-area{gap:16px;max-width:900px;margin:0 auto;display:flex}.message-input{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-main);font-size:16px;font-family:var(--font-mono);letter-spacing:.5px;resize:none;transition:all var(--transition-fast);border-radius:12px;outline:none;flex:1;max-height:150px;padding:14px 20px}.message-input::placeholder{color:var(--text-muted)}.message-input:focus{border-color:var(--theme-pink);box-shadow:0 0 20px #f523b74d}.send-btn{background:var(--gradient-pink);cursor:pointer;width:50px;height:50px;transition:all var(--transition-fast);border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.send-btn svg{fill:none;stroke:#fff;width:24px;height:24px}.send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 30px #f523b780}.send-btn:active:not(:disabled){transform:translateY(0)}.send-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.top-toolbar{flex-direction:column;gap:12px;height:auto;padding:15px 20px}.toolbar-left,.toolbar-right{justify-content:center;width:100%}.toolbar-right{flex-wrap:wrap}.model-selector{justify-content:center;width:100%}.chat-messages{padding:20px;top:140px;bottom:180px}.message-content{max-width:85%}.bottom-section{padding:15px 20px}.page-title{font-size:16px}.navbar{padding:0 20px}.user-points,.user-name{display:none}}.image-viewer-overlay{z-index:9999;background:#000000f2;flex-direction:column;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.image-viewer-header{background:#ffffff0d;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.image-viewer-title{color:#fffc;font-size:14px;font-weight:500}.image-viewer-close{cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.image-viewer-close svg{color:#ffffffb3;width:18px;height:18px}.image-viewer-close:hover{background:#ff6b6b4d;border-color:#ff6b6b80}.image-viewer-close:hover svg{color:#ff6b6b}.image-viewer-container{-webkit-user-select:none;user-select:none;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.image-viewer-img{transform-origin:50%;pointer-events:auto;max-width:none;transition:transform .1s ease-out}.image-viewer-footer{color:#ffffff80;background:#ffffff0d;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 20px;font-size:12px;display:flex}.image-viewer-zoom-level{color:#ffffffb3;text-align:right;min-width:50px;font-weight:500}.project-detail-page{min-height:100vh;position:relative}.toast{z-index:9999;border-radius:8px;padding:12px 24px;font-size:14px;animation:.3s toastFadeIn;position:fixed;top:80px;left:50%;transform:translate(-50%)}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.toast-info{color:#fff;background:#ffffff1a;border:1px solid #fff3}.toast-success{color:#22c55e;background:#22c55e33;border:1px solid #22c55e80}.toast-error{color:#ef4444;background:#ef444433;border:1px solid #ef444480}.detail-content{z-index:10;justify-content:center;align-items:flex-start;min-height:calc(100vh - 60px);padding-top:80px;padding-left:40px;padding-right:40px;display:flex;position:relative}.resource-list-container{width:100%;max-width:1400px}.page-header{justify-content:flex-start;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex;position:relative}.filter-bar{gap:10px;margin-bottom:20px;display:flex}.filter-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:20px;padding:8px 20px;font-size:14px;transition:all .2s}.filter-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.filter-btn.active{border-color:var(--theme-pink);color:var(--theme-pink);background:#f523b733}.header-left{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.detail-title{font-family:var(--font-main);color:var(--theme-pink);text-shadow:0 0 20px #f523b799,0 0 40px #f523b74d;font-size:32px;font-weight:800}.style-tag{font-family:var(--font-main);color:var(--theme-pink);cursor:pointer;transition:all var(--transition-fast);background:#f523b726;border:1px solid #f523b766;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600;animation:2s ease-in-out infinite tagGlow;display:inline-block}@keyframes tagGlow{0%,to{box-shadow:0 0 10px #f523b74d}50%{box-shadow:0 0 20px #f523b780}}.style-tag:hover{background:#f523b740;transform:translateY(-2px);box-shadow:0 0 25px #f523b780}.style-prompt-tooltip{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#080115fa;border:1px solid #f523b766;border-radius:16px;width:400px;max-width:90vw;margin-top:12px;animation:.3s tooltipFadeIn;position:absolute;top:100%;left:0;box-shadow:0 10px 40px #00000080,0 0 30px #f523b74d}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tooltip-header{border-bottom:1px solid #f523b74d;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.tooltip-header span{font-family:var(--font-main);color:var(--theme-pink);text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:700}.tooltip-header button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:20px;line-height:1}.tooltip-header button:hover{color:#fff}.tooltip-content{font-family:var(--font-main);color:#fff;white-space:pre-wrap;word-break:break-word;max-height:200px;padding:18px;font-size:14px;line-height:1.7;overflow-y:auto}.new-asset-btn{color:var(--text-main);font-size:14px;font-weight:600;font-family:var(--font-main);cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f523b726;border:1px solid #f523b74d;border-radius:30px;align-items:center;gap:8px;padding:12px 24px;display:flex}.new-asset-btn:hover{background:#f523b740;border-color:#f523b780}.quick-generate-btn{color:orange;font-size:14px;font-weight:600;font-family:var(--font-main);cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffa50026;border:1px solid #ffa5004d;border-radius:30px;align-items:center;gap:8px;padding:12px 24px;display:flex}.quick-generate-btn:hover:not(:disabled){background:#ffa50040;border-color:#ffa50080}.quick-generate-btn:disabled{opacity:.5;cursor:not-allowed}.header-right{align-items:center;gap:12px;margin-left:auto;display:flex}.download-asset-btn{color:#00c896;font-size:14px;font-weight:600;font-family:var(--font-main);cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00c89626;border:1px solid #00c8964d;border-radius:30px;align-items:center;gap:8px;padding:12px 24px;display:flex}.download-asset-btn:hover{background:#00c89640;border-color:#00c89680}.download-asset-btn svg{width:16px;height:16px}.quick-generate-progress{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;border:1px solid #ffa5004d;border-radius:12px;min-width:320px;padding:16px 24px;position:fixed;top:80px;left:50%;transform:translate(-50%)}.progress-header{margin-bottom:10px}.progress-title{color:orange;font-size:14px;font-weight:600}.progress-bar{background:#ffffff1a;border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,orange,#ff6b6b);border-radius:3px;height:100%;transition:width .3s}.progress-info{color:#fff9;justify-content:space-between;font-size:12px;display:flex}.new-asset-btn:hover{border-color:var(--theme-pink);background:#f523b740;transform:translateY(-2px);box-shadow:0 0 20px #f523b766}.new-asset-btn svg{stroke:currentColor;width:18px;height:18px}.spinner{border:3px solid #f523b733;border-top-color:var(--theme-pink);border-radius:50%;width:40px;height:40px;margin-bottom:15px;animation:1s linear infinite spin;box-shadow:0 0 10px #f523b74d}.error-state{color:#ff6b6b;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-create-card{border:2px dashed var(--glass-border);cursor:pointer;width:200px;height:150px;transition:all var(--transition-fast);background:var(--glass-bg);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-create-card:hover{border-color:var(--theme-pink);background:#f523b71a;transform:translateY(-5px);box-shadow:0 0 30px #f523b74d}.empty-create-card svg{width:40px;height:40px;color:var(--theme-pink);stroke:currentColor;margin-bottom:10px}.empty-create-card p{font-family:var(--font-main);color:var(--text-main);font-size:14px}.resource-list{flex-wrap:wrap;align-items:flex-start;gap:10px;margin-top:20px;display:flex}.asset-link-popup{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:12px;min-width:150px;max-width:250px;padding:8px 0;box-shadow:0 10px 40px #00000080}.popup-item{color:#fff;cursor:pointer;transition:background var(--transition-fast);white-space:nowrap;text-overflow:ellipsis;padding:10px 16px;font-size:14px;overflow:hidden}.popup-item:hover{color:var(--theme-pink);background:#f523b733}.resource-item{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all var(--transition-normal);font-family:var(--font-main);cursor:pointer;border-radius:16px;width:340px;padding:14px;position:relative}.resource-item:hover{transform:translateY(-5px)}.resource-item.is-parent:hover{border-color:#22c55e80;box-shadow:0 0 30px #22c55e4d}.resource-item.is-child:hover{border-color:#6495ed80;box-shadow:0 0 30px #6495ed4d}.resource-item.highlighted{border-color:#22c55e;animation:.5s ease-out highlightPulse;box-shadow:0 0 40px #22c55e99}@keyframes highlightPulse{0%{transform:scale(1.05);box-shadow:0 0 60px #22c55ecc}to{transform:scale(1);box-shadow:0 0 40px #22c55e99}}.card-actions{opacity:0;transition:opacity var(--transition-fast);z-index:10;gap:8px;display:flex;position:absolute;top:12px;right:12px}.resource-item:hover .card-actions{opacity:1}.action-btn{cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);background:#f523b71a;border:1px solid #f523b74d;border-radius:8px;justify-content:center;align-items:center;display:flex}.action-btn svg{width:16px;height:16px;color:var(--text-main)}.action-btn:hover{transform:scale(1.1)}.edit-btn:hover{background:#4fc3f74d;border-color:#4fc3f7;box-shadow:0 0 10px #4fc3f766}.delete-btn:hover{background:#ff6b6b4d;border-color:#ff6b6b;box-shadow:0 0 10px #ff6b6b66}.asset-header{border-bottom:1px solid var(--glass-border);margin-bottom:6px;padding-bottom:8px}.asset-header-top{align-items:center;gap:10px;margin-bottom:10px;display:flex}.asset-name{color:#fff;text-shadow:0 0 10px #f523b780;cursor:default;font-size:18px;font-weight:800}.asset-title-with-parent{align-items:center;gap:8px;display:flex}.parent-asset-tag{color:#6495ed;background:#6495ed33;border:1px solid #6495ed80;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:500}.main-asset-tag{color:#22c55e;background:#22c55e33;border:1px solid #22c55e80;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:500}.asset-header-actions{align-items:center;gap:8px;margin-top:8px;display:flex}.asset-header-actions .asset-role-tag{cursor:pointer;color:#6495ed;background:#6495ed26;border:1px solid #6495ed66;border-radius:6px;padding:4px 12px;font-size:11px;transition:all .2s}.asset-header-actions .asset-role-tag:hover{background:#6495ed4d;border-color:#6495ed}.asset-header-actions .image-lib-btn-sm{color:orange;cursor:pointer;background:#ffa50026;border:1px solid #ffa50066;border-radius:6px;padding:4px 12px;font-size:11px;transition:all .2s}.asset-header-actions .image-lib-btn-sm:hover{background:#ffa5004d;border-color:orange}.asset-tags{align-items:center;gap:8px;margin-bottom:8px;display:flex}.asset-header-top .asset-type-tag{color:#fffc;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:3px 8px;font-size:11px;font-weight:500}.asset-type-tag.type-character{color:orange;background:#ffa50033;border-color:#ffa50080}.asset-type-tag.type-scene{color:#22c55e;background:#22c55e33;border-color:#22c55e80}.asset-type-tag.type-prop{color:gold;background:#ffd70033;border-color:#ffd70080}.asset-type-tag.type-undefined,.asset-type-tag.type-undefined{color:#ef4444;background:#ef444433;border-color:#ef444480}.asset-role-tag{cursor:pointer;transition:all var(--transition-fast);border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.asset-role-tag:hover{filter:brightness(1.2);transform:scale(1.05)}.asset-role-tag.is-parent{color:#22c55e;background:#22c55e26;border:1px solid #22c55e66}.asset-role-tag.is-child{color:#3b82f6;background:#3b82f626;border:1px solid #3b82f666}.asset-type{color:var(--theme-pink);background:#f523b726;border:1px solid #f523b74d;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.asset-field{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:600}.field-value{color:#fff;word-break:break-word;text-overflow:ellipsis;-webkit-line-clamp:3;cursor:default;-webkit-box-orient:vertical;max-height:60px;font-size:14px;line-height:1.5;display:-webkit-box;position:relative;overflow:hidden}.field-value.empty{color:var(--text-muted);font-style:italic}.field-value-truncate{-webkit-line-clamp:1}.asset-field-prompt{flex-direction:column;flex:1;min-height:0;display:flex}.prompt-display{color:#fff;white-space:pre-wrap;word-break:break-word;background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;height:120px;padding:10px;font-size:13px;line-height:1.5;overflow-y:auto}.image-preview-row{justify-content:flex-start;gap:8px;margin-top:12px;display:flex}.image-preview-col{flex-direction:column;gap:6px;display:flex}.image-preview-box{background:#0000004d;border:1px solid #ffffff26;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:90px;height:160px;display:flex;position:relative;overflow:hidden}.image-preview-col .image-preview-box.horizontal{width:285px;height:160px}.preview-label{color:#ffffff80;background:#00000080;border-radius:4px;padding:2px 6px;font-size:10px;position:absolute;top:6px;left:6px}.preview-placeholder{color:#ffffff4d;font-size:12px}.preview-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.preview-hover-overlay{opacity:0;background:#0009;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.image-preview-box:hover .preview-hover-overlay{opacity:1}.preview-zoom-btn{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.preview-zoom-btn svg{width:20px;height:20px}.preview-zoom-btn:hover{border-color:var(--theme-pink);background:#f523b766;transform:scale(1.1)}.preview-upload-btn{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:absolute;bottom:6px;right:6px}.preview-upload-btn svg{width:14px;height:14px}.preview-upload-btn:hover{border-color:var(--theme-pink);background:#f523b766}.preview-zoom-btn.small{width:32px;height:32px}.preview-zoom-btn.small svg{width:16px;height:16px}.preview-refresh-btn{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:absolute;bottom:6px;right:6px}.preview-refresh-btn svg{width:14px;height:14px}.preview-refresh-btn:hover{border-color:var(--theme-pink);background:#f523b766}.generate-btn{color:#f523b7e6;cursor:pointer;background:#ffffff14;border:1px solid #f523b74d;border-radius:6px;width:90px;height:28px;font-size:12px;transition:all .2s}.generate-btn:hover{color:#fff;background:#f523b726;border-color:#f523b799;box-shadow:0 0 12px #f523b74d}.image-preview-col:last-child .generate-btn{width:285px}.generate-settings{border-top:1px solid #ffffff14;align-items:center;gap:16px;margin-top:10px;padding-top:10px;display:flex}.setting-item{align-items:center;gap:8px;display:flex}.setting-label{color:#ffffff80;font-size:12px}.setting-number{width:36px;height:24px;color:var(--theme-pink);cursor:ns-resize;background:#ffffff14;border:1px solid #ffffff26;border-radius:4px;justify-content:center;align-items:center;font-size:12px;display:flex}.setting-checkbox{color:#fff9;cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.setting-checkbox input{width:14px;height:14px;accent-color:var(--theme-pink);cursor:pointer}.parent-reference-wrapper{align-items:center;gap:8px;display:flex}.view-parent-image{color:#fff6;cursor:pointer;font-size:11px;font-style:italic}.view-parent-image:hover{color:var(--theme-pink)}.image-lib-btn{color:#f523b7e6;cursor:pointer;background:#ffffff14;border:1px solid #f523b74d;border-radius:6px;padding:6px 16px;font-size:12px;transition:all .2s}.image-lib-btn:hover{color:#fff;background:#f523b726;border-color:#f523b799}.image-lib-btn-lg{padding:8px 20px;font-size:13px}.child-preview{justify-content:space-between;align-items:flex-start;margin-top:8px;display:flex}.child-preview .image-lib-btn-lg{flex:1;max-width:140px}.child-preview .image-preview-box.horizontal.small{width:140px;height:79px}.parent-preview-box{flex-direction:column;gap:4px;display:flex}.parent-preview-title{color:#fff6;text-align:right;font-size:11px}.image-preview-box.horizontal.small.placeholder{background:0 0;border:1px dashed #ffffff1a}.asset-footer-row{justify-content:flex-end;margin-top:10px;display:flex}.parent-field{align-items:center;gap:8px;display:flex}.parent-preview .image-preview-box.horizontal.small{width:160px;height:90px}.field-value-truncate:hover:after,.field-value-prompt:hover:after{content:attr(title);z-index:100;white-space:pre-wrap;word-break:break-word;color:#fff;background:#14141ef2;border:1px solid #f523b780;border-radius:8px;max-width:400px;max-height:200px;padding:12px;font-size:13px;line-height:1.5;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 4px 20px #f523b74d}.asset-time{color:#ffffff4d;font-size:12px;font-family:var(--font-mono);border-top:1px solid var(--glass-border);margin-top:12px;padding-top:12px}.new-asset-modal{flex-direction:column;gap:20px;display:flex}.modal-blank-btn-wrap{transform-origin:top;justify-content:center;display:flex;transform:scale(.7)}.blank-btn-large{color:#fff;width:100%;font-family:var(--font-main);letter-spacing:1px;cursor:pointer;transition:all var(--transition-normal);background:linear-gradient(135deg,#f523b733 0%,#d8027e26 100%);border:2px solid #f523b766;border-radius:20px;justify-content:center;align-items:center;gap:12px;padding:20px 32px;font-size:18px;font-weight:800;display:flex;position:relative;overflow:hidden}.blank-btn-large:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.blank-btn-large:hover:before{left:100%}.blank-btn-large:hover:not(:disabled){border-color:var(--theme-pink);background:linear-gradient(135deg,#f523b759 0%,#d8027e4d 100%);transform:translateY(-3px)scale(1.02);box-shadow:0 0 20px #f523b780,0 0 40px #f523b74d,0 10px 30px #f523b733}.blank-btn-large svg{width:24px;height:24px;stroke:var(--theme-pink);filter:drop-shadow(0 0 8px #f523b799)}.blank-btn-large:disabled{opacity:.4;cursor:not-allowed;transform:none}.modal-divider-text{text-align:center;font-family:var(--font-main);color:var(--text-muted);padding:10px 0;font-size:14px;font-weight:600;position:relative}.modal-divider-text:before,.modal-divider-text:after{content:"";background:linear-gradient(90deg,#0000,#f523b780,#0000);width:80px;height:1px;position:absolute;top:50%}.modal-divider-text:before{left:0}.modal-divider-text:after{right:0}.drag-drop-zone{transition:all var(--transition-normal);position:relative}.drag-drop-zone.disabled{opacity:.4;pointer-events:none}.drag-drop-zone.dragging{transform:scale(1.02)}.asset-textarea{color:#fff;width:100%;font-family:var(--font-main);resize:vertical;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;outline:none;min-height:180px;padding:20px;font-size:15px;line-height:1.6}.asset-textarea:focus{background:#f523b70d;border-color:#f523b799;box-shadow:0 0 20px #f523b733,inset 0 0 30px #f523b70d}.asset-textarea::placeholder{color:#ffffff4d}.asset-textarea:disabled{opacity:.4;cursor:not-allowed}.modal-upload-wrap{justify-content:center;display:flex}.upload-btn{width:100%;color:var(--text-muted);font-family:var(--font-main);cursor:pointer;transition:all var(--transition-normal);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:16px 24px;font-size:15px;font-weight:600;display:flex;position:relative}.upload-btn svg{width:20px;height:20px;stroke:var(--text-muted);transition:all var(--transition-fast)}.upload-btn:hover:not(:disabled){color:#fff;background:#f523b71a;border-color:#f523b766;transform:translateY(-2px);box-shadow:0 0 25px #f523b74d}.upload-btn:hover:not(:disabled) svg{stroke:var(--theme-pink);filter:drop-shadow(0 0 8px #f523b799)}.modal-footer .btn-primary{background:var(--gradient-pink)!important;color:#fff!important;letter-spacing:2px!important;text-transform:uppercase!important;border:none!important;padding:14px 40px!important;font-size:16px!important;font-weight:700!important;box-shadow:0 0 20px #f523b766!important}.modal-footer .btn-primary:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 0 30px #f523b799!important}.modal-footer .btn-primary:disabled{opacity:.4!important;cursor:not-allowed!important}.modal-footer{border-top:1px solid var(--glass-border);justify-content:flex-end;gap:12px;padding-top:16px;display:flex}.modal-footer .btn{font-family:var(--font-main);cursor:pointer;transition:all var(--transition-fast);border-radius:30px;padding:10px 24px;font-size:14px;font-weight:600}.modal-footer .btn-cancel{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted)}.modal-footer .btn-cancel:hover{color:var(--text-main);background:#ffffff1a}.sys-prompt-id-wrap{border-top:1px solid var(--glass-border);gap:10px;margin-top:12px;padding-top:12px;display:flex}.sys-prompt-id-input{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-main);border-radius:6px;flex:1;padding:8px 12px;font-size:14px}.sys-prompt-id-input:focus{border-color:var(--primary-color);outline:none}.sys-prompt-id-input::placeholder{color:var(--text-muted)}.sys-prompt-id-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sys-prompt-id-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sys-prompt-id-input[type=number]{-moz-appearance:textfield}.sys-prompt-id-wrap .btn-primary{padding:8px 16px}.edit-asset-modal{flex-direction:column;gap:10px;display:flex}.edit-asset-modal .prompt-group{flex-direction:column;flex:1;display:flex}.edit-asset-modal .prompt-group .prompt-textarea-wrap{flex-direction:column;flex:1;margin-bottom:8px;display:flex}.edit-asset-modal .prompt-group .prompt-textarea-wrap textarea{flex:1;min-height:120px}.edit-asset-modal .form-group{flex-direction:column;gap:4px;display:flex}.edit-asset-modal .form-group label{font-family:var(--font-main);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:600}.edit-asset-modal .form-group input,.edit-asset-modal .form-group textarea,.edit-asset-modal .form-group select{color:#fff;width:100%;font-family:var(--font-main);transition:all var(--transition-fast);resize:vertical;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:8px 12px;font-size:15px;line-height:1.5}.edit-asset-modal .form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a09ab0' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.edit-asset-modal .form-group select option{color:#fff;background:#080115}.edit-asset-modal .form-group input:focus,.edit-asset-modal .form-group textarea:focus,.edit-asset-modal .form-group select:focus,.edit-asset-modal .form-group input:focus,.edit-asset-modal .form-group textarea:focus{background:#f523b70d;border-color:#f523b799;box-shadow:0 0 15px #f523b733}.edit-asset-modal .form-group input::placeholder,.edit-asset-modal .form-group textarea::placeholder{color:#ffffff4d}.edit-asset-modal .modal-footer{margin-top:6px}.prompt-textarea-wrap{flex:1}.ai-prompt-row{align-items:center;gap:8px;display:flex}.ai-prompt-input{color:#fff;height:34px;font-family:var(--font-main);transition:all var(--transition-fast);box-sizing:border-box;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;outline:none;flex:1;padding:6px 12px;font-size:13px}.ai-prompt-input:focus{border-color:#f523b780;box-shadow:0 0 10px #f523b733}.ai-prompt-input::placeholder{color:#ffffff4d}.ai-rewrite-btn{color:var(--theme-pink);font-family:var(--font-main);cursor:pointer;transition:all var(--transition-fast);background:#f523b726;border:1px solid #f523b766;border-radius:8px;justify-content:center;align-self:flex-start;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:flex}.ai-rewrite-btn svg{stroke:currentColor;width:18px;height:18px}.ai-rewrite-btn:hover{border-color:var(--theme-pink);background:#f523b740;transform:translateY(-2px);box-shadow:0 0 20px #f523b766}.ai-cancel-btn{color:#ff3b30;font-family:var(--font-main);cursor:pointer;transition:all var(--transition-fast);background:#ff3b3026;border:1px solid #ff3b3066;border-radius:8px;justify-content:center;align-self:flex-start;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:flex}.ai-cancel-btn:hover{background:#ff3b3040;border-color:#ff3b30;transform:translateY(-2px);box-shadow:0 0 20px #ff3b3066}.ai-cancel-btn svg.spinning{stroke:currentColor;width:18px;height:18px;animation:1s linear infinite spin}@media (width<=768px){.detail-content{padding:80px 20px 40px}.detail-title{font-size:24px}.resource-list{grid-template-columns:1fr}}.image-library-content{min-height:300px;max-height:70vh;overflow-y:auto}.image-library-loading,.image-library-empty{color:#ffffff80;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.image-library-grid{grid-template-columns:repeat(4,1fr);gap:12px;padding:10px 0;display:grid}.image-library-item{aspect-ratio:1;cursor:pointer;border:1px solid #ffffff1a;border-radius:8px;transition:all .2s;position:relative;overflow:hidden}.image-library-item:hover{border-color:var(--theme-pink);transform:scale(1.05);box-shadow:0 0 20px #f523b74d}.image-library-item img{object-fit:cover;width:100%;height:100%}.image-library-item .image-item-content{width:100%;height:100%}.image-library-item .image-item-actions{opacity:0;background:#0009;padding:8px;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.image-library-item:hover .image-item-actions{opacity:1}.image-library-item .action-btn{cursor:pointer;border:none;border-radius:4px;width:100%;padding:8px;font-size:13px;transition:all .2s}.image-library-item .set-multiview-btn{color:#fff;background:#1890ff;margin-bottom:4px}.image-library-item .set-multiview-btn:hover{background:#40a9ff}.image-library-item .set-setting-btn{background:var(--theme-pink);color:#fff}.image-library-item .set-setting-btn:hover{background:#d91a7a}.image-library-load-more{justify-content:center;padding:20px 0;display:flex}.load-more-btn{color:var(--theme-pink);cursor:pointer;background:#f523b726;border:1px solid #f523b766;border-radius:20px;padding:10px 30px;font-size:14px;transition:all .2s}.load-more-btn:hover:not(:disabled){border-color:var(--theme-pink);background:#f523b74d}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}.select-mode-btn{color:#6495ed;cursor:pointer;background:#6495ed26;border:1px solid #6495ed66;border-radius:6px;padding:6px 16px;font-size:13px;transition:all .2s}.select-mode-btn:hover{background:#6495ed4d;border-color:#6495ed}.select-mode-btn.active{color:orange;background:#ffa50026;border-color:#ffa50066}.delete-selected-btn{color:#ff6b6b;cursor:pointer;background:#ff6b6b26;border:1px solid #ff6b6b66;border-radius:8px;padding:10px 24px;font-size:14px;transition:all .2s}.delete-selected-btn:hover{background:#ff6b6b4d;border-color:#ff6b6b}.image-library-item.selectable{cursor:pointer}.image-library-item.selectable:hover{border-color:orange}.image-library-item.selected{border-color:var(--theme-pink);box-shadow:0 0 15px #f523b766}.select-check{z-index:1;background:#00000080;border:2px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:8px;left:8px}.select-check svg{color:#fff;width:14px;height:14px}.image-library-item.selected .select-check{background:var(--theme-pink);border-color:var(--theme-pink)}.duplicate-modal .duplicate-actions{gap:8px;margin-bottom:16px;display:flex}.duplicate-modal .duplicate-actions .btn{color:#fff;cursor:pointer;background:#333;border:none;border-radius:4px;padding:6px 14px;font-size:13px}.duplicate-modal .duplicate-actions .btn:hover{background:#555}.duplicate-modal .duplicate-list{border:1px solid #eee;border-radius:4px;max-height:300px;overflow-y:auto}.duplicate-modal .duplicate-item{cursor:pointer;color:#333;background:#fff;border-bottom:1px solid #eee;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.duplicate-modal .duplicate-item:last-child{border-bottom:none}.duplicate-modal .duplicate-item:hover{background-color:#f5f5f5}.duplicate-modal .duplicate-item.selected{background-color:var(--theme-pink);border-left:3px solid var(--theme-pink);color:#fff}.duplicate-modal .duplicate-item.selected .duplicate-name,.duplicate-modal .duplicate-item.selected .duplicate-matched{color:#fff}.duplicate-modal .duplicate-item.selected .matched-tag{color:#fff;background:#ffffff4d}.duplicate-modal .duplicate-info{flex:1}.duplicate-modal .duplicate-name{color:#333;margin-bottom:4px;font-weight:500}.duplicate-modal .duplicate-matched{color:#666;font-size:12px}.duplicate-modal .matched-tag{color:#333;background:#eee;border-radius:3px;margin-top:4px;margin-right:4px;padding:2px 6px;display:inline-block}.duplicate-modal .pending-creation{color:#52c41a;background:#f6ffed;border:1px solid #b7eb8f;border-radius:4px;margin-top:12px;padding:8px 12px;font-size:13px}.duplicate-modal .skip-notice{color:#fa8c16;background:#fff7e6;border:1px solid #ffd591;border-radius:4px;margin-top:8px;padding:8px 12px;font-size:13px}.duplicate-modal .modal-footer{border-top:1px solid #eee;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:16px;display:flex}.duplicate-modal .modal-footer .btn{cursor:pointer;color:#333;background:#fff;border:1px solid #d9d9d9;border-radius:4px;padding:6px 16px;font-size:13px}.duplicate-modal .modal-footer .btn:hover{color:#1890ff;border-color:#1890ff}.duplicate-modal .modal-footer .btn-primary{color:#fff;background:#1890ff;border-color:#1890ff}.duplicate-modal .modal-footer .btn-primary:hover{color:#fff;background:#40a9ff;border-color:#40a9ff}.seedance-page{min-height:100vh;padding-top:150px;display:flex;position:relative}.seedance-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:99;background:#00000080;flex-direction:column;gap:8px;width:180px;min-width:180px;padding:20px 16px;display:flex;position:fixed;top:150px;bottom:0;left:0}.seedance-tab{color:#ffffffb3;cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:14px;transition:all .3s;display:flex}.seedance-tab svg{fill:currentColor;flex-shrink:0;width:20px;height:20px}.seedance-tab:hover{color:#ffffffe6;background:#ffffff1a}.seedance-tab.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#0000;box-shadow:0 4px 15px #667eea66}.seedance-content{flex:1;min-height:calc(100vh - 150px);margin-left:180px;padding:20px}.seedance-content>div{max-width:1200px;margin:0 auto}.seedance-chat-page{flex-direction:column;height:calc(100vh - 230px);display:flex}.seedance-chat-page .top-toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 24px;display:flex}.seedance-chat-page .toolbar-left{align-items:center;gap:16px;display:flex}.seedance-chat-page .page-title{color:#fff;margin:0;font-size:20px;font-weight:600}.seedance-chat-page .toolbar-right{align-items:center;gap:16px;display:flex}.seedance-chat-page .model-selector{align-items:center;gap:8px;display:flex}.seedance-chat-page .model-selector label{color:#ffffffb3;font-size:14px}.seedance-chat-page .model-selector select{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;outline:none;padding:8px 12px;font-size:14px}.seedance-chat-page .model-selector select:focus{border-color:#667eea}.seedance-chat-page .model-selector select option{color:#fff;background:#1a1a2e}.seedance-chat-page .new-chat-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .3s}.seedance-chat-page .new-chat-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.seedance-chat-page .chat-messages{background:#0003;border-radius:12px;flex:1;margin-bottom:16px;padding:20px;overflow-y:auto}.seedance-chat-page .welcome-message{justify-content:center;align-items:center;height:100%;display:flex}.seedance-chat-page .message{gap:12px;margin-bottom:20px;animation:.3s fadeIn;display:flex}.seedance-chat-page .message.user{flex-direction:row-reverse}.seedance-chat-page .message-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.seedance-chat-page .message.user .message-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.seedance-chat-page .message.ai .message-avatar{color:#fffc;background:#ffffff1a;border:1px solid #fff3}.seedance-chat-page .message-content{border-radius:12px;max-width:70%;padding:12px 16px;position:relative}.seedance-chat-page .message.user .message-content{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom-right-radius:4px}.seedance-chat-page .message.ai .message-content{color:#ffffffe6;background:#ffffff1a;border:1px solid #ffffff1a;border-bottom-left-radius:4px}.seedance-chat-page .message-text{white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.6}.seedance-chat-page .message-actions{gap:8px;margin-top:8px;display:flex}.seedance-chat-page .send-to-video-btn{color:#667eea;cursor:pointer;background:#667eea33;border:1px solid #667eea4d;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;transition:all .2s;display:flex}.seedance-chat-page .send-to-video-btn svg{fill:currentColor;width:14px;height:14px}.seedance-chat-page .send-to-video-btn:hover{background:#667eea66;border-color:#667eea80}.seedance-chat-page .send-to-resource-btn{color:#4caf50;cursor:pointer;background:#4caf5033;border:1px solid #4caf504d;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;transition:all .2s;display:flex}.seedance-chat-page .send-to-resource-btn svg{fill:currentColor;width:14px;height:14px}.seedance-chat-page .send-to-resource-btn:hover{background:#4caf5066;border-color:#4caf5080}.seedance-chat-page .send-to-videogen-btn{color:#ff9800;cursor:pointer;background:#ff980033;border:1px solid #ff98004d;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;transition:all .2s;display:flex}.seedance-chat-page .send-to-videogen-btn svg{fill:currentColor;width:14px;height:14px}.seedance-chat-page .send-to-videogen-btn:hover{background:#ff980066;border-color:#ff980080}.seedance-chat-page .loading-dots{gap:4px;display:flex}.seedance-chat-page .loading-dots span{background:#fff9;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both bounce}.seedance-chat-page .loading-dots span:first-child{animation-delay:-.32s}.seedance-chat-page .loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.seedance-chat-page .bottom-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-radius:12px;padding:16px 24px}.seedance-chat-page .chat-input-area{align-items:flex-end;gap:12px;display:flex}.seedance-chat-page .message-input{color:#fff;resize:none;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;outline:none;flex:1;padding:12px 16px;font-family:inherit;font-size:14px}.seedance-chat-page .message-input:focus{border-color:#667eea}.seedance-chat-page .message-input::placeholder{color:#fff6}.seedance-chat-page .send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.seedance-chat-page .send-btn svg{fill:currentColor;width:24px;height:24px}.seedance-chat-page .send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.seedance-chat-page .send-btn:disabled{opacity:.5;cursor:not-allowed}.seedance-resource-page{flex-direction:column;min-height:calc(100vh - 140px);display:flex}.seedance-resource-page .top-toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px 24px;display:flex}.seedance-resource-page .toolbar-left{align-items:center;gap:16px;display:flex}.seedance-resource-page .page-title{color:#fff;margin:0;font-size:20px;font-weight:600}.seedance-resource-page .project-style-tag{color:#667eea;background:#667eea33;border:1px solid #667eea4d;border-radius:20px;padding:4px 12px;font-size:12px}.seedance-resource-page .toolbar-right{gap:12px;display:flex}.seedance-resource-page .new-project-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;transition:all .3s;display:flex}.seedance-resource-page .new-project-btn svg{fill:currentColor;width:16px;height:16px}.seedance-resource-page .new-project-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.seedance-resource-page .new-project-btn.large{padding:12px 24px;font-size:16px}.seedance-resource-page .resource-content{background:#0003;border-radius:12px;flex:1;padding:20px;overflow-y:auto}.seedance-resource-page .loading-state,.seedance-resource-page .empty-state,.seedance-resource-page .no-project-state{text-align:center;color:#fff9;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.seedance-resource-page .no-project-state svg{fill:currentColor;opacity:.5;width:80px;height:80px;margin-bottom:20px}.seedance-resource-page .no-project-state h2{color:#fffc;margin:0 0 12px;font-size:24px}.seedance-resource-page .no-project-state p{margin:0 0 24px}.seedance-resource-page .empty-state svg{fill:currentColor;opacity:.5;width:60px;height:60px;margin-bottom:16px}.seedance-resource-page .empty-state h2{color:#fffc;margin:0 0 8px;font-size:18px}.seedance-resource-page .resources-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.seedance-resource-page .resource-card{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;transition:all .3s;overflow:hidden}.seedance-resource-page .resource-card:hover{border-color:#667eea80;transform:translateY(-4px);box-shadow:0 8px 25px #0000004d}.seedance-resource-page .resource-preview{aspect-ratio:1;background:#0000004d;justify-content:center;align-items:center;display:flex;overflow:hidden}.seedance-resource-page .resource-preview img{object-fit:cover;width:100%;height:100%}.seedance-resource-page .resource-preview .no-preview{color:#ffffff4d;font-size:14px}.seedance-resource-page .resource-info{padding:12px}.seedance-resource-page .resource-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:14px;font-weight:500;overflow:hidden}.seedance-resource-page .resource-meta{color:#ffffff80;justify-content:space-between;align-items:center;font-size:12px;display:flex}.seedance-resource-page .resource-type{color:#667eea;background:#667eea33;border-radius:4px;padding:2px 8px}.seedance-resource-page .polling-indicator{color:#fff;z-index:1000;background:#667eeae6;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 20px #667eea66}.seedance-resource-page .spinner.small{border-width:2px;width:16px;height:16px}@media (width<=768px){.seedance-tabs{gap:6px;padding:12px}.seedance-tab{padding:10px 16px;font-size:13px}.seedance-tab svg{width:16px;height:16px}.seedance-chat-page .top-toolbar,.seedance-resource-page .top-toolbar{flex-direction:column;gap:12px;padding:12px 16px}.seedance-chat-page .toolbar-right,.seedance-resource-page .toolbar-right{justify-content:flex-end;width:100%}.seedance-chat-page .message-content{max-width:85%}.seedance-resource-page .resources-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.projects-grid-modal{grid-template-columns:1fr}}.seedance-videogen-page{justify-content:center;align-items:center;min-height:calc(100vh - 250px);display:flex}.seedance-videogen-page .coming-soon{text-align:center;color:#fff9}.seedance-videogen-page .coming-soon svg{fill:currentColor;opacity:.5;width:80px;height:80px;margin-bottom:20px}.seedance-videogen-page .coming-soon h2{color:#fffc;margin:0 0 12px;font-size:24px}.seedance-videogen-page .coming-soon p{margin:0;font-size:16px}.seedance-videogen-page .top-toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px 24px;display:flex}.seedance-videogen-page .toolbar-left{align-items:center;gap:16px;display:flex}.seedance-videogen-page .toolbar-right{align-items:center;gap:12px;display:flex}.seedance-videogen-page .page-title{color:#fff;margin:0;font-size:20px;font-weight:600}.seedance-videogen-page .card-count{color:#ff9800;background:#ff980033;border:1px solid #ff98004d;border-radius:20px;padding:4px 12px;font-size:12px}.seedance-videogen-page .video-cards-container{flex-wrap:wrap;gap:16px;display:flex}.seedance-videogen-page .video-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;width:calc(50% - 8px);min-width:400px;overflow:hidden}.seedance-videogen-page .video-card-header{background:#0000004d;border-bottom:1px solid #ffffff1a;align-items:center;gap:16px;padding:16px 20px;display:flex}.seedance-videogen-page .card-index{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.seedance-videogen-page .card-title{color:#fff;flex:1;font-size:16px;font-weight:600}.seedance-videogen-page .duration-input-group{align-items:center;gap:8px;display:flex}.seedance-videogen-page .duration-input{color:#fff;text-align:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;width:60px;padding:6px 10px;font-size:14px}.seedance-videogen-page .duration-input:focus{border-color:#ff9800;outline:none}.seedance-videogen-page .generate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf50 0%,#45a049 100%);border:none;border-radius:6px;align-items:center;gap:6px;margin-left:auto;padding:8px 16px;font-size:13px;transition:all .2s;display:flex}.seedance-videogen-page .generate-btn svg{fill:currentColor;width:16px;height:16px}.seedance-videogen-page .generate-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4caf5066}.seedance-videogen-page .delete-card-btn{color:#ff5252;cursor:pointer;background:#ff52521a;border:1px solid #ff525233;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;margin-left:8px;transition:all .2s;display:flex}.seedance-videogen-page .delete-card-btn svg{fill:currentColor;width:16px;height:16px}.seedance-videogen-page .delete-card-btn:hover{background:#ff525233;border-color:#ff525266}.seedance-videogen-page .video-card-body{padding:20px}.seedance-videogen-page .original-text{background:#ffffff0d;border-radius:8px;margin-bottom:16px;padding:12px}.seedance-videogen-page .original-text .label{color:#fff9;margin-right:8px;font-size:13px}.seedance-videogen-page .original-text .content{color:#ffffffe6;font-size:13px;line-height:1.6}.seedance-videogen-page .tag-section{margin-bottom:16px}.seedance-videogen-page .tag-section .label{color:#fff9;margin-bottom:8px;font-size:13px;display:block}.seedance-videogen-page .tags{flex-wrap:wrap;gap:8px;display:flex}.seedance-videogen-page .tag-checkbox{cursor:pointer;background:#ff98001a;border:1px solid #ff980033;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;transition:all .2s;display:flex}.seedance-videogen-page .tag-checkbox:hover{background:#ff980033}.seedance-videogen-page .tag-checkbox input{display:none}.seedance-videogen-page .tag-checkbox.checked{background:#ff98004d;border-color:#ff980080}.seedance-videogen-page .tag-checkbox span{color:#ff9800;font-size:12px}.seedance-videogen-page .tag-checkbox input:checked+span{color:#fff}.seedance-videogen-page .prompt-section{margin-top:16px}.seedance-videogen-page .prompt-section .label{color:#fff9;margin-bottom:8px;font-size:13px;display:block}.seedance-videogen-page .prompt-textarea{color:#fff;resize:vertical;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:13px;line-height:1.6}.seedance-videogen-page .prompt-textarea:focus{border-color:#ff9800;outline:none}.seedance-resource-page .select-project-btn{color:#ffffffe6;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;transition:all .3s;display:flex}.seedance-resource-page .select-project-btn:hover{background:#ffffff26;border-color:#ffffff4d}.seedance-resource-page .select-project-btn svg{fill:none;stroke:currentColor;stroke-width:2px;width:18px;height:18px}.automation-page{flex-direction:column;gap:16px;height:calc(100vh - 230px);display:flex;overflow:hidden}.automation-config-section{background:#0000004d;border-radius:12px;padding:16px 20px}.config-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.config-header h3{color:#ffffffe6;margin:0;font-size:15px}.config-hint{color:#fff6;font-size:12px}.config-toggles{flex-wrap:wrap;gap:12px;display:flex}.config-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:10px;padding:8px 14px;transition:all .2s;display:flex}.config-toggle:hover:not(.disabled){background:#ffffff0f;border-color:#ffffff26}.config-toggle.active{background:#667eea1a;border-color:#667eea4d}.config-toggle.disabled{opacity:.5;cursor:not-allowed}.config-toggle input{display:none}.toggle-switch{background:#ffffff1a;border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:all .2s;position:relative}.config-toggle.active .toggle-switch{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.toggle-switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:2px;left:2px}.config-toggle.active .toggle-switch:after{left:18px}.toggle-label{flex-direction:column;gap:2px;display:flex}.toggle-title{color:#ffffffd9;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.config-toggle.active .toggle-title{color:#fff}.lock-badge{color:#fff9;background:#ffffff1a;border-radius:4px;padding:2px 6px;font-size:10px}.toggle-desc{color:#fff6;font-size:11px}.automation-project-section{background:#0000004d;border-radius:12px;padding:12px 20px}.project-selector{align-items:center;gap:16px;display:flex}.project-label{color:#fff9;min-width:60px;font-size:13px}.selected-project{flex:1;align-items:center;gap:12px;display:flex}.selected-project .project-title{color:#fff;font-size:14px;font-weight:500}.project-style-tag{color:#fffc;background:#6366f14d;border-radius:4px;padding:3px 8px;font-size:11px}.project-actions{gap:8px;display:flex}.no-project{flex:1;align-items:center;gap:16px;display:flex}.no-project-text{color:#fff6;font-size:13px}.automation-layout{flex:1;gap:16px;min-height:0;display:flex;overflow:hidden}.automation-left{flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:auto}.automation-right{flex-direction:column;flex:0 0 280px;gap:16px;display:flex;overflow:hidden}.automation-input-section{background:#0000004d;border-radius:12px;padding:20px}.automation-input-section h3{color:#ffffffe6;justify-content:space-between;align-items:center;margin:0 0 12px;font-size:14px;display:flex}.input-actions{gap:8px;display:flex}.file-drop-zone{border:2px dashed #ffffff26;border-radius:8px;transition:all .2s;position:relative}.file-drop-zone.dragging{background:#667eea1a;border-color:#667eea}.drop-overlay{color:#667eea;pointer-events:none;background:#667eea33;border-radius:6px;justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex;position:absolute;inset:0}.automation-textarea{color:#fff;resize:none;background:#ffffff0d;border:none;border-radius:6px;width:100%;min-height:100px;padding:12px;font-family:inherit;font-size:14px}.automation-textarea:focus{outline:none}.automation-textarea::placeholder{color:#ffffff59}.start-pipeline-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf50 0%,#45a049 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:14px 20px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.start-pipeline-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #4caf5066}.start-pipeline-btn:disabled{opacity:.5;cursor:not-allowed}.start-pipeline-btn svg{fill:currentColor;width:16px;height:16px}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:1s linear infinite spin}.automation-tasks-section{background:#0000004d;border-radius:12px;padding:20px;overflow-y:auto}.automation-tasks-section h3{color:#ffffffe6;align-items:center;gap:10px;margin:0 0 16px;font-size:14px;display:flex}.task-cards{flex-direction:column;gap:12px;display:flex}.task-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;padding:14px;transition:all .3s}.task-card.running{background:#4caf500d;border-color:#4caf5066}.task-card.completed{border-color:#667eea66}.task-card.error{border-color:#f4433666}.task-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.status-icon{font-size:14px}.status-icon.idle{color:#ffffff4d}.status-icon.pending{color:#ffc107cc}.status-icon.running{color:#4caf50;animation:1.5s infinite pulse}.status-icon.completed{color:#667eea}.status-icon.error{color:#f44336}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.task-name{color:#fff;flex:1;font-size:14px;font-weight:600}.task-status-text{color:#fff9;background:#64646426;border-radius:10px;padding:2px 8px;font-size:11px}.task-status-text.running{color:#4caf50;background:#4caf5026}.task-status-text.completed{color:#667eea;background:#667eea26}.task-description{color:#fff6;margin-bottom:8px;font-size:12px}.task-progress{background:#ffffff14;border-radius:2px;height:4px;margin-bottom:8px;overflow:hidden}.task-progress-bar{background:linear-gradient(90deg,#4caf50 0%,#8bc34a 100%);height:100%;transition:width .3s}.task-message{color:#ffffff80;font-size:12px}.pipeline-compact{background:#0000004d;border-radius:12px;flex-shrink:0;padding:14px}.pipeline-compact-header{margin-bottom:12px}.pipeline-compact-title{color:#ffffffe6;font-size:13px}.pipeline-status{color:#ffffff80;background:#64646426;border-radius:10px;margin-left:10px;padding:2px 8px;font-size:11px}.pipeline-status.running{color:#4caf50;background:#4caf5026}.pipeline-compact-nodes{flex-direction:column;align-items:center;gap:3px;display:flex}.pipeline-node{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:8px;width:130px;padding:6px 12px;transition:all .2s;display:flex}.pipeline-node.idle{opacity:.5}.pipeline-node.running{background:#4caf5014;border-color:#4caf504d}.pipeline-node.completed{background:#667eea14;border-color:#667eea4d}.pipeline-node.error{background:#f4433614;border-color:#f443364d}.pipeline-node.disabled{opacity:.4}.node-icon{text-align:center;width:16px;font-size:12px}.pipeline-node.running .node-icon{color:#4caf50;animation:1s infinite pulse}.pipeline-node.completed .node-icon{color:#667eea}.pipeline-node.error .node-icon{color:#f44336}.node-info{flex:1}.node-name{color:#fffc;font-size:11px;font-weight:500}.node-msg{color:#fff6;font-size:9px}.pipeline-node.running .node-msg{color:#4caf50}.pipeline-node.completed .node-msg{color:#667eea}.node-arrow{color:#fff3;font-size:12px}.pipeline-parallel{align-items:center;gap:4px;display:flex}.pipeline-parallel .pipeline-node{width:auto;min-width:90px;padding:6px 10px}.parallel-sep{color:#667eea80;font-size:14px}.logs-section{background:#0000004d;border-radius:12px;flex-direction:column;flex:1;padding:14px;display:flex;overflow:hidden}.logs-section h3{color:#ffffffe6;justify-content:space-between;align-items:center;margin:0 0 10px;font-size:14px;display:flex}.logs-actions{gap:8px;display:flex}.btn-clear-logs{color:#fff6;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:4px;padding:3px 8px;font-size:11px}.btn-clear-logs:hover{background:#ffffff14}.logs-container{background:#0003;border-radius:6px;flex:1;padding:10px;font-family:Consolas,Monaco,monospace;font-size:11px;overflow-y:auto}.logs-empty{color:#fff3;text-align:center;padding:20px}.log-line{color:#fff9;word-break:break-word;line-height:1.5}.btn{cursor:pointer;color:#ffffffd9;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn svg{width:14px;height:14px}.btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #667eea66}.btn-small{padding:4px 10px;font-size:11px}.btn:disabled{opacity:.4;cursor:not-allowed}@media (width<=1000px){.automation-layout{flex-direction:column}.automation-right{flex:none;width:100%}.config-toggles{flex-direction:column}.config-toggle{width:100%}}.seedanceauto-page{min-height:100vh;padding-top:150px;display:flex;position:relative}.seedanceauto-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:99;background:#00000080;flex-direction:column;gap:8px;width:180px;min-width:180px;padding:20px 16px;display:flex;position:fixed;top:150px;bottom:0;left:0}.seedanceauto-tab{color:#ffffffb3;cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:14px;transition:all .3s;display:flex}.seedanceauto-tab svg{fill:currentColor;flex-shrink:0;width:20px;height:20px}.seedanceauto-tab:hover{color:#ffffffe6;background:#ffffff1a}.seedanceauto-tab.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#0000;box-shadow:0 4px 15px #667eea66}.seedanceauto-content{flex:1;min-height:calc(100vh - 150px);margin-left:180px;padding:20px}.seedanceauto-content>div{max-width:1200px;margin:0 auto}.seedanceauto-chat-page{flex-direction:column;height:calc(100vh - 230px);display:flex}.seedanceauto-chat-page .top-toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 24px;display:flex}.seedanceauto-chat-page .toolbar-left{align-items:center;gap:16px;display:flex}.seedanceauto-chat-page .page-title{color:#fff;margin:0;font-size:20px;font-weight:600}.seedanceauto-chat-page .toolbar-right{align-items:center;gap:16px;display:flex}.seedanceauto-chat-page .model-selector{align-items:center;gap:8px;display:flex}.seedanceauto-chat-page .model-selector label{color:#ffffffb3;font-size:14px}.seedanceauto-chat-page .model-selector select{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;outline:none;padding:8px 12px;font-size:14px}.seedanceauto-chat-page .model-selector select:focus{border-color:#667eea}.seedanceauto-chat-page .model-selector select option{color:#fff;background:#1a1a2e}.seedanceauto-chat-page .new-chat-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .3s}.seedanceauto-chat-page .new-chat-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.seedanceauto-chat-page .chat-messages{background:#0003;border-radius:12px;flex:1;margin-bottom:16px;padding:20px;overflow-y:auto}.seedanceauto-chat-page .welcome-message{justify-content:center;align-items:center;height:100%;display:flex}.seedanceauto-chat-page .message{gap:12px;margin-bottom:20px;animation:.3s fadeIn;display:flex}.seedanceauto-chat-page .message.user{flex-direction:row-reverse}.seedanceauto-chat-page .message-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.seedanceauto-chat-page .message.user .message-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.seedanceauto-chat-page .message.ai .message-avatar{color:#fffc;background:#ffffff1a;border:1px solid #fff3}.seedanceauto-chat-page .message-content{border-radius:12px;max-width:70%;padding:12px 16px;position:relative}.seedanceauto-chat-page .message.user .message-content{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom-right-radius:4px}.seedanceauto-chat-page .message.ai .message-content{color:#ffffffe6;background:#ffffff1a;border:1px solid #ffffff1a;border-bottom-left-radius:4px}.seedanceauto-chat-page .message-text{white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.6}.seedanceauto-chat-page .message-actions{gap:8px;margin-top:8px;display:flex}.seedanceauto-chat-page .send-to-video-btn{color:#667eea;cursor:pointer;background:#667eea33;border:1px solid #667eea4d;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;transition:all .2s;display:flex}.seedanceauto-chat-page .send-to-video-btn svg{fill:currentColor;width:14px;height:14px}.seedanceauto-chat-page .send-to-video-btn:hover{background:#667eea66;border-color:#667eea80}.seedanceauto-chat-page .send-to-resource-btn{color:#4caf50;cursor:pointer;background:#4caf5033;border:1px solid #4caf504d;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;transition:all .2s;display:flex}.seedanceauto-chat-page .send-to-resource-btn svg{fill:currentColor;width:14px;height:14px}.seedanceauto-chat-page .send-to-resource-btn:hover{background:#4caf5066;border-color:#4caf5080}.seedanceauto-chat-page .send-to-videogen-btn{color:#ff9800;cursor:pointer;background:#ff980033;border:1px solid #ff98004d;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;transition:all .2s;display:flex}.seedanceauto-chat-page .send-to-videogen-btn svg{fill:currentColor;width:14px;height:14px}.seedanceauto-chat-page .send-to-videogen-btn:hover{background:#ff980066;border-color:#ff980080}.seedanceauto-chat-page .loading-dots{gap:4px;display:flex}.seedanceauto-chat-page .loading-dots span{background:#fff9;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both bounce}.seedanceauto-chat-page .loading-dots span:first-child{animation-delay:-.32s}.seedanceauto-chat-page .loading-dots span:nth-child(2){animation-delay:-.16s}.seedanceauto-chat-page .bottom-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-radius:12px;padding:16px 24px}.seedanceauto-chat-page .chat-input-area{align-items:flex-end;gap:12px;display:flex}.seedanceauto-chat-page .message-input{color:#fff;resize:none;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;outline:none;flex:1;padding:12px 16px;font-family:inherit;font-size:14px}.seedanceauto-chat-page .message-input:focus{border-color:#667eea}.seedanceauto-chat-page .message-input::placeholder{color:#fff6}.seedanceauto-chat-page .send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.seedanceauto-chat-page .send-btn svg{fill:currentColor;width:24px;height:24px}.seedanceauto-chat-page .send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.seedanceauto-chat-page .send-btn:disabled{opacity:.5;cursor:not-allowed}.seedanceauto-resource-page{flex-direction:column;min-height:calc(100vh - 140px);display:flex}.seedanceauto-resource-page .top-toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px 24px;display:flex}.seedanceauto-resource-page .toolbar-left{align-items:center;gap:16px;display:flex}.seedanceauto-resource-page .page-title{color:#fff;margin:0;font-size:20px;font-weight:600}.seedanceauto-resource-page .project-style-tag{color:#667eea;background:#667eea33;border:1px solid #667eea4d;border-radius:20px;padding:4px 12px;font-size:12px}.seedanceauto-resource-page .toolbar-right{gap:12px;display:flex}.seedanceauto-resource-page .new-project-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;transition:all .3s;display:flex}.seedanceauto-resource-page .new-project-btn svg{fill:currentColor;width:16px;height:16px}.seedanceauto-resource-page .new-project-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.seedanceauto-resource-page .new-project-btn.large{padding:12px 24px;font-size:16px}.seedanceauto-resource-page .resource-content{background:#0003;border-radius:12px;flex:1;padding:20px;overflow-y:auto}.seedanceauto-resource-page .loading-state,.seedanceauto-resource-page .empty-state,.seedanceauto-resource-page .no-project-state{text-align:center;color:#fff9;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.seedanceauto-resource-page .no-project-state svg{fill:currentColor;opacity:.5;width:80px;height:80px;margin-bottom:20px}.seedanceauto-resource-page .no-project-state h2{color:#fffc;margin:0 0 12px;font-size:24px}.seedanceauto-resource-page .no-project-state p{margin:0 0 24px}.seedanceauto-resource-page .empty-state svg{fill:currentColor;opacity:.5;width:60px;height:60px;margin-bottom:16px}.seedanceauto-resource-page .empty-state h2{color:#fffc;margin:0 0 8px;font-size:18px}.seedanceauto-resource-page .resources-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.seedanceauto-resource-page .resource-card{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;transition:all .3s;overflow:hidden}.seedanceauto-resource-page .resource-card:hover{border-color:#667eea80;transform:translateY(-4px);box-shadow:0 8px 25px #0000004d}.seedanceauto-resource-page .resource-preview{aspect-ratio:1;background:#0000004d;justify-content:center;align-items:center;display:flex;overflow:hidden}.seedanceauto-resource-page .resource-preview img{object-fit:cover;width:100%;height:100%}.seedanceauto-resource-page .resource-preview .no-preview{color:#ffffff4d;font-size:14px}.seedanceauto-resource-page .resource-info{padding:12px}.seedanceauto-resource-page .resource-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:14px;font-weight:500;overflow:hidden}.seedanceauto-resource-page .resource-meta{color:#ffffff80;justify-content:space-between;align-items:center;font-size:12px;display:flex}.seedanceauto-resource-page .resource-type{color:#667eea;background:#667eea33;border-radius:4px;padding:2px 8px}.seedanceauto-resource-page .polling-indicator{color:#fff;z-index:1000;background:#667eeae6;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 20px #667eea66}.seedanceauto-resource-page .spinner.small{border-width:2px;width:16px;height:16px}.project-modal-content{max-height:60vh;overflow-y:auto}.projects-grid-modal{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.project-card-modal{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:16px;transition:all .3s}.project-card-modal:hover{background:#ffffff1a;border-color:#667eea80;transform:translateY(-2px)}.project-card-modal .card-title{color:#fff;margin-bottom:12px;font-size:16px;font-weight:500}.project-card-modal .card-footer{color:#ffffff80;justify-content:space-between;align-items:center;font-size:12px;display:flex}.project-card-modal .card-tag{color:#667eea;background:#667eea33;border-radius:4px;padding:2px 8px}.loading-state{color:#fff9;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.loading-state .spinner{border:3px solid #ffffff1a;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}.error-state{color:#ff6b6b;text-align:center;background:#ff00001a;border:1px solid #ff00004d;border-radius:8px;padding:20px}@media (width<=768px){.seedanceauto-tabs{gap:6px;padding:12px}.seedanceauto-tab{padding:10px 16px;font-size:13px}.seedanceauto-tab svg{width:16px;height:16px}.seedanceauto-chat-page .top-toolbar,.seedanceauto-resource-page .top-toolbar,.seedanceauto-videoprompt-page .top-toolbar{flex-direction:column;gap:12px;padding:12px 16px}.seedanceauto-chat-page .toolbar-right,.seedanceauto-resource-page .toolbar-right,.seedanceauto-videoprompt-page .toolbar-right{justify-content:flex-end;width:100%}.seedanceauto-chat-page .message-content{max-width:85%}.seedanceauto-resource-page .resources-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.projects-grid-modal{grid-template-columns:1fr}}.seedanceauto-videogen-page{flex-direction:column;min-height:calc(100vh - 140px);display:flex}.seedanceauto-videogen-page .coming-soon{text-align:center;color:#fff9;padding:60px 20px}.seedanceauto-videogen-page .coming-soon svg{fill:currentColor;opacity:.5;width:80px;height:80px;margin-bottom:20px}.seedanceauto-videogen-page .coming-soon h2{color:#fffc;margin:0 0 12px;font-size:24px}.seedanceauto-videogen-page .coming-soon p{margin:0;font-size:16px}.seedanceauto-videoprompt-page{flex-direction:column;min-height:calc(100vh - 140px);display:flex}.seedanceauto-videoprompt-page .top-toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px 24px;display:flex}.seedanceauto-videoprompt-page .toolbar-left{align-items:center;gap:16px;display:flex}.seedanceauto-videoprompt-page .page-title{color:#fff;margin:0;font-size:20px;font-weight:600}.seedanceauto-videoprompt-page .chapter-count{color:#ce93d8;background:#9c27b033;border:1px solid #9c27b04d;border-radius:20px;padding:4px 12px;font-size:12px}.seedanceauto-videoprompt-page .toolbar-right{align-items:center;gap:12px;display:flex}.seedanceauto-videoprompt-page .script-chapters-container{flex-direction:column;gap:16px;padding:4px;display:flex}.seedanceauto-videoprompt-page .script-chapter-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;transition:all .2s;overflow:hidden}.seedanceauto-videoprompt-page .script-chapter-card:hover{border-color:#9c27b04d}.seedanceauto-videoprompt-page .chapter-header{background:#0003;border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:14px 20px;display:flex}.seedanceauto-videoprompt-page .chapter-index{color:#fff;background:linear-gradient(135deg,#9c27b0 0%,#7b1fa2 100%);border-radius:20px;flex-shrink:0;padding:4px 12px;font-size:12px;font-weight:600}.seedanceauto-videoprompt-page .chapter-title{color:#fff;flex:1;font-size:15px;font-weight:600}.seedanceauto-videoprompt-page .chapter-content-section{padding:16px 20px}.seedanceauto-videoprompt-page .chapter-content-label{color:#ffffff80;margin-bottom:8px;font-size:12px;display:block}.seedanceauto-videoprompt-page .chapter-content-textarea{color:#ffffffe6;resize:vertical;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;min-height:80px;padding:12px;font-family:inherit;font-size:13px;line-height:1.7}.seedanceauto-videoprompt-page .chapter-content-textarea:focus{border-color:#9c27b080;outline:none}.seedanceauto-videoprompt-page .chapter-actions{border-top:1px solid #ffffff0d;align-items:center;gap:12px;padding:12px 20px;display:flex}.seedanceauto-videoprompt-page .generate-prompt-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9c27b0 0%,#7b1fa2 100%);border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;transition:all .2s;display:flex}.seedanceauto-videoprompt-page .generate-prompt-btn svg{fill:currentColor;width:14px;height:14px}.seedanceauto-videoprompt-page .generate-prompt-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #9c27b066}.seedanceauto-videoprompt-page .generate-prompt-btn:disabled{opacity:.5;cursor:not-allowed}.seedanceauto-videoprompt-page .chapter-result-section{background:#0000001a;border-top:1px solid #ffffff0d;padding:16px 20px}.seedanceauto-videoprompt-page .chapter-result-label{color:#ffffff80;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;display:flex}.seedanceauto-videoprompt-page .chapter-result-textarea{color:#ffffffe6;resize:vertical;background:#667eea1a;border:1px solid #667eea33;border-radius:8px;width:100%;min-height:120px;padding:12px;font-family:inherit;font-size:13px;line-height:1.7}.seedanceauto-videoprompt-page .chapter-result-textarea:focus{border-color:#667eea80;outline:none}.seedanceauto-videoprompt-page .chapter-result-textarea::placeholder{color:#ffffff4d}.seedanceauto-videoprompt-page .empty-chapters{text-align:center;color:#ffffff80;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.seedanceauto-videoprompt-page .empty-icon{fill:currentColor;opacity:.4;width:80px;height:80px;margin-bottom:20px}.seedanceauto-videoprompt-page .empty-hint{color:#fff9;font-size:16px}.seedanceauto-videogen-page .episode-filter-bar{background:#0003;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;display:flex}.seedanceauto-videogen-page .filter-label{color:#fff9;flex-shrink:0;font-size:13px}.seedanceauto-videogen-page .episode-filter-tag{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;padding:4px 12px;font-size:12px;transition:all .2s;display:inline-flex}.seedanceauto-videogen-page .episode-filter-tag:hover{background:#ffffff1a;border-color:#fff3}.seedanceauto-videogen-page .episode-filter-tag.active{color:#667eea;background:#667eea33;border-color:#667eea66}.seedanceauto-videogen-page .episode-group{border:1px solid #ffffff14;border-radius:12px;margin-bottom:16px;overflow:hidden}.seedanceauto-videogen-page .episode-group-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08;align-items:center;gap:10px;padding:12px 16px;transition:background .2s;display:flex}.seedanceauto-videogen-page .episode-group-header:hover{background:#ffffff0f}.seedanceauto-videogen-page .episode-collapse-icon{color:#ffffff80;flex-shrink:0;width:12px;font-size:10px}.seedanceauto-videogen-page .episode-badge{color:#fff;background:linear-gradient(135deg,#9c27b0 0%,#7b1fa2 100%);border-radius:20px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:600}.seedanceauto-videogen-page .episode-title{color:#ffffffe6;flex:1;font-size:14px;font-weight:500}.seedanceauto-videogen-page .episode-card-count{color:#fff6;flex-shrink:0;font-size:12px}.seedanceauto-videogen-page .top-toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px 24px;display:flex}.seedanceauto-videogen-page .toolbar-left{align-items:center;gap:16px;display:flex}.seedanceauto-videogen-page .toolbar-right{align-items:center;gap:12px;display:flex}.seedanceauto-videogen-page .page-title{color:#fff;margin:0;font-size:20px;font-weight:600}.seedanceauto-videogen-page .card-count{color:#ff9800;background:#ff980033;border:1px solid #ff98004d;border-radius:20px;padding:4px 12px;font-size:12px}.seedanceauto-videogen-page .video-cards-container{flex-direction:column;gap:16px;display:flex}.seedanceauto-videogen-page .video-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.seedanceauto-videogen-page .video-card-header{background:#0000004d;border-bottom:1px solid #ffffff1a;flex-shrink:0;align-items:center;gap:10px;padding:14px 16px;display:flex}.seedanceauto-videogen-page .card-index{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:600}.seedanceauto-videogen-page .card-title{color:#fff;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.seedanceauto-videogen-page .duration-input-group{flex-shrink:0;align-items:center;gap:4px;display:flex}.seedanceauto-videogen-page .duration-input-label{color:#ffffff80;white-space:nowrap;font-size:12px}.seedanceauto-videogen-page .duration-input{color:#fff;text-align:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;width:56px;padding:5px 8px;font-size:13px}.seedanceauto-videogen-page .duration-input:focus{border-color:#ff9800;outline:none}.seedanceauto-videogen-page .generate-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#4caf50 0%,#45a049 100%);border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:7px 14px;font-size:13px;transition:all .2s;display:flex}.seedanceauto-videogen-page .generate-btn svg{fill:currentColor;width:14px;height:14px}.seedanceauto-videogen-page .generate-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4caf5066}.seedanceauto-videogen-page .delete-card-btn{color:#ff5252;cursor:pointer;background:#ff52521a;border:1px solid #ff525233;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.seedanceauto-videogen-page .delete-card-btn svg{fill:currentColor;width:14px;height:14px}.seedanceauto-videogen-page .delete-card-btn:hover{background:#ff525233;border-color:#ff525266}@media (width<=900px){.seedanceauto-videogen-page .video-cards-container{grid-template-columns:1fr}}.seedanceauto-videogen-page .video-card-body{flex:1;min-height:0;padding:16px}.seedanceauto-videogen-page .original-text{background:#ffffff0d;border-radius:8px;margin-bottom:16px;padding:12px}.seedanceauto-videogen-page .original-text .label{color:#fff9;margin-right:8px;font-size:13px}.seedanceauto-videogen-page .original-text .content{color:#ffffffe6;font-size:13px;line-height:1.6}.seedanceauto-videogen-page .tag-section{margin-bottom:16px}.seedanceauto-videogen-page .tag-section .label{color:#fff9;margin-bottom:8px;font-size:13px;display:block}.seedanceauto-videogen-page .tags{flex-wrap:wrap;gap:8px;display:flex}.seedanceauto-videogen-page .tag-checkbox{cursor:pointer;background:#ff98001a;border:1px solid #ff980033;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;transition:all .2s;display:flex}.seedanceauto-videogen-page .tag-checkbox:hover{background:#ff980033}.seedanceauto-videogen-page .tag-checkbox input{display:none}.seedanceauto-videogen-page .tag-checkbox.checked{background:#ff98004d;border-color:#ff980080}.seedanceauto-videogen-page .tag-checkbox span{color:#ff9800;font-size:12px}.seedanceauto-videogen-page .tag-checkbox input:checked+span{color:#fff}.seedanceauto-videogen-page .prompt-section{margin-top:16px}.seedanceauto-videogen-page .prompt-section .label{color:#fff9;margin-bottom:8px;font-size:13px;display:block}.seedanceauto-videogen-page .prompt-textarea{color:#fff;resize:vertical;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:13px;line-height:1.6}.seedanceauto-videogen-page .prompt-textarea:focus{border-color:#ff9800;outline:none}.seedanceauto-resource-page .select-project-btn{color:#ffffffe6;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;transition:all .3s;display:flex}.seedanceauto-resource-page .select-project-btn:hover{background:#ffffff26;border-color:#ffffff4d}.seedanceauto-resource-page .select-project-btn svg{fill:none;stroke:currentColor;stroke-width:2px;width:18px;height:18px}.new-project-form,.new-videocard-form{padding:20px}.new-project-form .form-group,.new-videocard-form .form-group{margin-bottom:20px}.new-project-form .form-group label,.new-videocard-form .form-group label{color:#ffffffe6;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.new-project-form .form-group input,.new-project-form .form-group select,.new-videocard-form .form-group textarea{color:#ffffffe6;background:#0000004d;border:1px solid #fff3;border-radius:6px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .3s}.new-project-form .form-group input:focus,.new-project-form .form-group select:focus,.new-videocard-form .form-group textarea:focus{border-color:#667eea;outline:none}.new-project-form .form-group select{cursor:pointer}.new-videocard-form .form-group textarea{resize:vertical;min-height:200px;font-family:monospace;line-height:1.5}.new-project-form .form-actions,.new-videocard-form .form-actions{border-top:1px solid #ffffff1a;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;display:flex}.new-project-form .btn,.new-videocard-form .btn{cursor:pointer;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.new-project-form .btn-secondary,.new-videocard-form .btn-secondary{color:#ffffffe6;background:#ffffff1a;border:1px solid #fff3}.new-project-form .btn-secondary:hover,.new-videocard-form .btn-secondary:hover{background:#ffffff26}.new-project-form .btn-primary,.new-videocard-form .btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none}.new-project-form .btn-primary:hover,.new-videocard-form .btn-primary:hover{box-shadow:0 4px 15px #667eea66}.image-card{aspect-ratio:1;cursor:pointer;background:#ffffff0d;border:2px solid #0000;border-radius:8px;transition:all .2s;position:relative;overflow:hidden}.image-card.border-orange{border-color:#ff9500}.image-card.border-blue{border-color:#007aff}.image-card.border-default{border-color:#fff3}.image-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.image-card.selected{border-color:#34c759;box-shadow:0 0 0 2px #34c7594d}.image-card-img{object-fit:cover;width:100%;height:100%}.selected-overlay{pointer-events:none;background:#34c7594d;position:absolute;inset:0}.image-card-hover{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.image-card:hover .image-card-hover{opacity:1}.zoom-icon{fill:#fff;width:32px;height:32px}.select-btn{color:#333;cursor:pointer;background:#ffffffe6;border:none;border-radius:4px;padding:4px 12px;font-size:12px;transition:all .2s;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.select-btn:hover{background:#fff}.select-btn.selected{color:#fff;background:#34c759}.remove-btn{cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:absolute;top:4px;right:4px}.remove-btn:hover{background:#ff3b30e6}.remove-btn svg{fill:#fff;width:14px;height:14px}.image-library-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.image-library-modal{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-radius:12px;flex-direction:column;width:90%;max-width:1000px;max-height:90vh;display:flex;overflow:hidden}.image-library-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.image-library-header h2{color:#fff;margin:0;font-size:18px}.close-btn{cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex}.close-btn:hover{background:#fff3}.close-btn svg{fill:#fff;width:18px;height:18px}.image-library-tabs{border-bottom:1px solid #ffffff1a;gap:8px;padding:0 20px;display:flex}.tab-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:12px 16px;font-size:14px;transition:all .2s;display:flex}.tab-btn:hover{color:#fff}.tab-btn.active{color:#fff;border-bottom-color:#007aff}.tab-count{background:#ffffff1a;border-radius:10px;padding:2px 6px;font-size:12px}.image-library-content{flex:1;min-height:400px;padding:20px;overflow-y:auto}.upload-loading{color:#fff;z-index:10;background:#00000080;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;inset:0}.loading{text-align:center;color:#fff9;padding:40px}.empty-state{text-align:center;color:#fff9;padding:60px 20px}.empty-state .hint{margin-top:8px;font-size:12px}.image-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;display:grid}.library-image-item{flex-direction:column;align-items:center;gap:6px;display:flex}.library-image-name-input{color:#fff;text-align:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:4px;outline:none;width:100%;padding:4px 6px;font-size:11px;transition:border-color .2s}.library-image-name-input::placeholder{color:#fff6;font-size:10px}.library-image-name-input:focus{border-color:#667eea}.image-library-footer{border-top:1px solid #ffffff1a;justify-content:flex-end;padding:16px 20px;display:flex}.upload-btn{color:#fff;cursor:pointer;background:#007aff;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;transition:background .2s;display:flex}.upload-btn:hover:not(:disabled){background:#0056cc}.upload-btn:disabled{opacity:.6;cursor:not-allowed}.upload-btn svg{fill:currentColor;width:18px;height:18px}.video-generate-page{background:linear-gradient(135deg,#0a0a0f 0%,#1a1a2e 100%);min-height:100vh}.page-container{max-width:1200px;margin:0 auto;padding:80px 2rem 2rem}.select-images-section{margin-bottom:1.5rem}.select-images-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:16px;transition:all .3s;display:flex}.select-images-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.select-images-btn svg{fill:currentColor;width:20px;height:20px}.images-container{flex-direction:column;gap:1rem;display:flex}.image-row{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:1rem 1.5rem}.row-label{color:#fff9;margin-bottom:.75rem;font-size:14px;font-weight:500}.image-cards{grid-template-columns:repeat(9,100px);gap:12px;display:grid}.image-placeholder{display:none}.main-image-item{flex-direction:column;align-items:center;gap:8px;display:flex}.main-image-name{color:#fffc;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#667eea26;border-radius:4px;width:100%;max-width:100px;padding:4px 8px;font-size:12px;overflow:hidden}.section-label{color:#fff9;margin-bottom:.5rem;font-size:14px;font-weight:500;display:block}.prompt-section{margin-top:1.5rem}.prompt-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.prompt-header .section-label{margin-bottom:0}.auto-at-btn{color:#a3bffa;cursor:pointer;background:#667eea26;border:1px solid #667eea80;border-radius:6px;padding:6px 16px;font-size:13px;transition:all .2s}.auto-at-btn:hover{color:#fff;background:#667eea4d;border-color:#667eea}.prompt-input-wrapper{position:relative}.prompt-editor{color:#fff;resize:vertical;word-break:break-word;white-space:pre-wrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;min-height:100px;padding:12px;font-family:inherit;font-size:14px;line-height:1.8}.prompt-editor,.prompt-editor *{color:#fff!important}.prompt-editor:empty:before{content:attr(data-placeholder);color:#fff6;pointer-events:none}.prompt-editor:focus{border-color:#667eea}.prompt-editor .at-inline-tag{color:#a3bffa;vertical-align:baseline;cursor:default;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#667eea40,#764ba240);border:1px solid #667eea66;border-radius:16px;align-items:center;gap:4px;margin:0 2px;padding:2px 6px 2px 4px;font-size:13px;line-height:1.4;display:inline-flex}.prompt-editor .at-inline-text{font-weight:500}.prompt-editor .at-inline-thumb{object-fit:cover;border-radius:50%;flex-shrink:0;width:18px;height:18px}.prompt-editor .at-inline-remove{color:#ffffffb3;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;margin-left:2px;padding:0;font-size:11px;line-height:1;transition:all .15s;display:inline-flex}.prompt-editor .at-inline-remove:hover{color:#fff;background:#ff646480;transform:scale(1.1)}.prompt-editor .at-inline-tag:focus{outline:none}.at-selector{z-index:100;background:#1a1a2e;border:1px solid #ffffff26;border-radius:8px;min-width:200px;max-width:280px;max-height:240px;position:absolute;overflow:hidden;box-shadow:0 8px 24px #0006}.at-selector-header{color:#fff9;background:#ffffff0d;border-bottom:1px solid #ffffff1a;padding:8px 12px;font-size:12px}.at-selector-list{max-height:200px;padding:4px;overflow-y:auto}.at-selector-list::-webkit-scrollbar{width:6px}.at-selector-list::-webkit-scrollbar-track{background:0 0}.at-selector-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.at-selector-item{cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:8px;transition:background .2s;display:flex}.at-selector-item:hover{background:#667eea33}.at-selector-thumb{object-fit:cover;border-radius:4px;flex-shrink:0;width:36px;height:36px}.at-selector-label{color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.resolution-section,.ratio-section{margin-top:1rem}.option-buttons{gap:8px;display:flex}.option-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:6px;padding:8px 20px;font-size:14px;line-height:1.5;transition:all .2s}.option-btn:hover{color:#fff;border-color:#667eea}.option-btn.active{color:#fff!important;background:#667eea!important;border-color:#667eea!important}.generate-btn{cursor:pointer;width:100%;min-height:48px;margin-top:1.5rem;transition:all .3s;color:#fff!important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;border:none!important;border-radius:8px!important;height:auto!important;padding:12px 24px!important;font-size:16px!important;font-weight:500!important;line-height:1.5!important;display:block!important}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.duration-section{margin-top:1rem}.duration-input{color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:6px;width:120px;padding:10px 14px;font-size:14px}.duration-input:focus{border-color:#667eea;outline:none}.verify-section{margin-top:1rem}.verify-input{color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:6px;width:200px;padding:10px 14px;font-size:14px}.verify-input:focus{border-color:#667eea;outline:none}.videos-section{margin-top:1.5rem}.videos-list{flex-flow:wrap;gap:16px;display:flex}.video-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;position:relative;overflow:hidden}.video-player{width:300px;height:auto;display:block}.video-time{color:#fff;background:#0009;border-radius:4px;padding:2px 8px;font-size:12px}.video-info{flex-direction:column;gap:4px;padding:8px;display:flex}.video-warning{color:#ff3b30;font-size:12px;font-weight:500}.subtitle-page{min-height:100vh;position:relative}.subtitle-container{z-index:1;max-width:900px;margin:0 auto;padding:80px 20px 40px;position:relative}.subtitle-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-title{color:#fff;margin:0;font-size:24px;font-weight:700}.reset-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .2s}.reset-btn:hover{background:#fff3;border-color:#fff6}.upload-zone{text-align:center;cursor:pointer;background:#ffffff08;border:2px dashed #ffffff4d;border-radius:12px;margin-bottom:20px;padding:40px;transition:all .3s}.upload-zone:hover{background:#00d4ff0d;border-color:#00d4ff99}.upload-icon{color:#fff6;margin-bottom:12px}.upload-text{color:#fff9;margin:0;font-size:14px}.srt-input-section{margin-bottom:20px}.section-label{color:#ffffffb3;align-items:center;gap:10px;margin-bottom:8px;font-size:14px;display:flex}.file-name-tag{color:#00d4ff;background:#00d4ff26;border:1px solid #00d4ff4d;border-radius:4px;padding:2px 8px;font-size:12px}.srt-textarea{color:#fff;resize:vertical;box-sizing:border-box;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;min-height:200px;padding:12px;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.6;transition:border-color .2s}.srt-textarea:focus{border-color:#00d4ff80}.srt-textarea::placeholder{color:#ffffff4d}.language-section{margin-bottom:20px}.select-all-btn{color:#fff9;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:4px;padding:2px 10px;font-size:12px;transition:all .2s}.select-all-btn:hover{color:#fff;border-color:#ffffff80}.language-tags{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.lang-tag{color:#fff9;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:20px;padding:6px 16px;font-size:14px;transition:all .2s}.lang-tag:hover{color:#ffffffe6;border-color:#00d4ff80}.lang-tag.active{color:#00d4ff;background:#00d4ff26;border-color:#00d4ff}.action-bar{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.translate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00d4ff,#007aff);border:none;border-radius:8px;padding:10px 28px;font-size:15px;font-weight:600;transition:all .2s}.translate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #00d4ff4d}.translate-btn:disabled{opacity:.5;cursor:not-allowed}.download-all-btn{color:#00d4ff;cursor:pointer;background:#00d4ff1a;border:1px solid #00d4ff66;border-radius:8px;padding:10px 20px;font-size:14px;transition:all .2s}.download-all-btn:hover{background:#00d4ff33}.download-zip-btn{color:#ffc107;cursor:pointer;background:#ffc1071a;border:1px solid #ffc10766;border-radius:8px;padding:10px 20px;font-size:14px;transition:all .2s}.download-zip-btn:hover{background:#ffc10733}.results-section{margin-top:20px}.results-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:16px;margin-top:12px;display:grid}.result-card{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;padding:16px;transition:all .2s}.result-card.success{border-color:#00d4ff4d}.result-card.loading{border-color:#ffc1074d}.result-card.error{border-color:#ff52524d}.result-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.result-lang{color:#fff;font-size:15px;font-weight:600}.result-lang-en{color:#fff6;font-size:12px}.loading-dot{color:#ffc107;font-size:12px;animation:1s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.result-textarea{color:#ffffffe6;resize:vertical;box-sizing:border-box;background:#0003;border:1px solid #ffffff14;border-radius:6px;outline:none;width:100%;min-height:150px;padding:10px;font-family:Consolas,Monaco,monospace;font-size:12px;line-height:1.6}.result-textarea::placeholder{color:#ffffff4d}.download-single-btn{color:#00d4ff;cursor:pointer;background:#00d4ff14;border:1px solid #00d4ff4d;border-radius:6px;width:100%;margin-top:8px;padding:8px;font-size:13px;transition:all .2s}.download-single-btn:hover{background:#00d4ff26;border-color:#00d4ff}@media (width<=600px){.results-grid{grid-template-columns:1fr}.subtitle-container{padding:70px 12px 30px}}.captcha-box img{border:1px solid var(--glass-border);object-fit:contain;cursor:pointer;background:#fff;border-radius:10px;width:100px;height:44px;transition:opacity .2s}.captcha-box img:hover{opacity:.8}:root{--bg-dark:#080115;--theme-pink:#f523b7;--theme-pink-dark:#d8027e;--text-main:#fff;--text-muted:#a09ab0;--glass-bg:#ffffff08;--glass-border:#ffffff14;--gradient-pink:linear-gradient(135deg, var(--theme-pink) 0%, var(--theme-pink-dark) 100%);--gradient-pink-light:linear-gradient(135deg, #f523b733 0%, #d8027e26 100%);--bg-gradient:radial-gradient(circle at 15% 0%, #f523b726 0%, transparent 40%), radial-gradient(circle at 85% 90%, #64149633 0%, transparent 50%), radial-gradient(ellipse at center, transparent 0%, #030008 100%);--shadow-pink-glow:0 0 15px #f523b7b3, 0 0 30px #f523b780, 0 0 50px #f523b74d;--shadow-pink-strong:0 0 40px #f523b766, 0 0 80px #f523b733, 0 10px 30px #f523b74d;--font-main:"M PLUS Rounded 1c", sans-serif;--font-mono:"VT323", monospace;--navbar-height:60px;--toolbar-height:60px;--transition-fast:.3s ease;--transition-normal:.4s ease;--transition-slow:.5s ease}[data-theme=dark]{--bg-dark:#080115;--text-main:#fff;--text-muted:#a09ab0}[data-theme=light]{--bg-dark:#f5f5f5;--text-main:#1a1a1a;--text-muted:#666}.login-page{min-height:100vh;position:relative}.login-wrapper{z-index:10;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 60px);padding:40px 20px;display:flex;position:relative}.login-container{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;width:100%;max-width:420px;padding:40px;box-shadow:0 10px 40px #0006,0 0 60px #f523b71a}.login-header{text-align:center;margin-bottom:32px}.login-title{color:var(--text-main);letter-spacing:2px;font-size:28px;font-weight:700;font-family:var(--font-main);margin:0 0 8px}.login-subtitle{color:var(--text-muted);font-size:14px;font-family:var(--font-main);margin:0}.input-group{margin-bottom:20px}.input-group label{color:var(--text-muted);font-size:13px;font-weight:500;font-family:var(--font-main);margin-bottom:8px;display:block}.input-group input{border:1px solid var(--glass-border);width:100%;height:44px;color:var(--text-main);font-size:14px;font-family:var(--font-main);box-sizing:border-box;background:#ffffff0d;border-radius:10px;outline:none;padding:0 16px;transition:all .25s}.input-group input:focus{background:#f523b70d;border-color:#f523b780;box-shadow:0 0 0 3px #f523b71a}.input-group input::placeholder{color:#ffffff40}.input-group input:disabled{opacity:.5;cursor:not-allowed}.captcha-box{gap:10px;display:flex}.captcha-box input{flex:1}.captcha-box img{border:1px solid var(--glass-border);object-fit:contain;cursor:pointer;background:#fff;border-radius:10px;width:100px;height:44px}.sms-box{gap:10px;display:flex}.sms-box input{flex:1}.btn-send-code{background:var(--gradient-pink-light);width:120px;height:44px;color:var(--theme-pink);font-size:13px;font-family:var(--font-main);cursor:pointer;white-space:nowrap;border:1px solid #f523b74d;border-radius:10px;flex-shrink:0;transition:all .2s}.btn-send-code:hover:not(:disabled){border-color:var(--theme-pink);background:#f523b740}.btn-send-code:disabled{opacity:.6;cursor:not-allowed}.btn-login{background:var(--gradient-pink);width:100%;font-size:15px;font-weight:700;font-family:var(--font-main);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:14px 24px;transition:all .25s;display:flex}.btn-login:hover:not(:disabled){box-shadow:var(--shadow-pink-glow);transform:translateY(-2px)}.btn-login:active:not(:disabled){transform:translateY(0)}.btn-login:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-footer{text-align:center;color:var(--text-muted);font-size:13px;font-family:var(--font-main);justify-content:center;align-items:center;gap:10px;margin-top:20px;display:flex}.login-footer a{color:var(--theme-pink);font-weight:500;text-decoration:none}.login-footer a:hover{text-decoration:underline}.footer-sep{color:#ffffff4d}.login-decoration{text-align:center;margin-top:32px}.decoration-line{background:linear-gradient(90deg, transparent, var(--theme-pink), transparent);width:200px;height:2px;margin:0 auto 12px}.login-decoration p{color:var(--text-muted);letter-spacing:2px;margin:0;font-size:12px;font-weight:500}