@import "https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700;900&display=swap";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-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}to{opacity:1}}@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:8px;padding:4px 12px;display:flex}.user-info:hover{border-color:var(--theme-pink);box-shadow:0 0 20px #f523b74d}.refresh-btn{cursor:pointer;width:24px;height:24px;color:var(--theme-pink);transition:background var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.refresh-btn:hover{background:#ff007f1a;transform:rotate(180deg)}.refresh-btn svg{width:16px;height:16px}.user-points{font-family:var(--font-mono);color:var(--theme-pink);align-items:center;gap:4px;font-size:14px;font-weight:700;display:flex}.user-points svg{width:14px;height:14px;fill:var(--theme-pink)}.user-avatar{background:var(--gradient-pink);width:28px;height:28px;font-family:var(--font-main);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.user-name{font-family:var(--font-main);color:var(--text-main);font-size:12px;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: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 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}.chapter-split-page{background:var(--bg-deep);flex-direction:column;height:100%;display:flex;overflow:hidden}.chapter-split-header{padding:var(--space-md) var(--space-xl);justify-content:space-between;align-items:center;gap:var(--space-xl);flex-shrink:0;display:flex}.header-left{align-items:center;gap:var(--space-lg);display:flex}.header-left h1{font-size:var(--font-size-xl);color:var(--text-main);font-weight:900;font-family:var(--font-family)}.back-btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-main);font-size:var(--font-size-sm);font-weight:700;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-base);display:inline-flex}.back-btn svg{fill:none;stroke:currentColor;stroke-width:2px;width:16px;height:16px}.back-btn:hover{color:#60a5fa;background:#3b82f61a;border-color:#3b82f666}.header-status{align-items:center;gap:var(--space-xl);flex:1;display:flex}.status-item{align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);font-family:var(--font-family);display:flex}.status-label{color:var(--text-muted);font-weight:500}.status-value{color:var(--text-main);font-weight:700}.status-idle{color:var(--text-muted)}.status-running{color:#4ade80}.status-paused{color:#fbbf24}.status-completed{color:#4ade80}.progress-bar-wrapper{background:var(--glass-bg);border-radius:4px;width:200px;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--theme-primary), #60a5fa);border-radius:4px;height:100%;transition:width .3s}.header-actions{align-items:center;gap:var(--space-md);display:flex}.view-original-btn:hover{color:#ff4081;background:#ff007f1a;border-color:#ff007f66}.ctrl-btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-main);font-size:var(--font-size-sm);font-weight:700;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-base);display:inline-flex}.ctrl-btn svg{fill:none;stroke:currentColor;stroke-width:2px;width:14px;height:14px}.ctrl-btn:disabled{opacity:.35;cursor:not-allowed}.ctrl-btn.start:not(:disabled){color:#4ade80;background:#4ade801a;border-color:#4ade8066}.ctrl-btn.start:not(:disabled):hover{background:#4ade8033;border-color:#4ade8099}.ctrl-btn.pause:not(:disabled){color:#fbbf24;background:#fbbf241a;border-color:#fbbf2466}.ctrl-btn.resume:not(:disabled){color:#60a5fa;background:#3b82f61a;border-color:#3b82f666}.ctrl-btn.stop:not(:disabled){color:#ef4444;background:#ef44441a;border-color:#ef444466}.chapter-split-main{gap:var(--space-lg);padding:var(--space-lg);flex:1;min-height:0;display:flex;overflow:hidden}.left-panel,.right-panel{gap:var(--space-lg);flex-direction:column;flex:1;min-width:0;height:100%;display:flex;overflow:hidden}.panel-section{flex-direction:column;display:flex;overflow:hidden}.section-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--glass-border);background:#0003;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.section-title{font-size:var(--font-size-sm);color:var(--text-main);font-weight:700;font-family:var(--font-family)}.char-count,.chapter-count{font-size:var(--font-size-xs);color:var(--text-muted);font-family:var(--font-family)}.log-section{flex:0 0 200px;min-height:0}.log-container{padding:var(--space-sm);font-family:Consolas,monospace;font-size:var(--font-size-xs);background:#0003;flex:1;overflow-y:auto}.log-entry{gap:var(--space-sm);margin-bottom:4px;line-height:1.4;display:flex}.log-time{color:var(--text-muted);flex-shrink:0}.log-message{word-break:break-word}.log-info .log-message{color:#60a5fa}.log-success .log-message{color:#4ade80}.log-warning .log-message{color:#fbbf24}.log-error .log-message{color:#ef4444}.chapter-list-section{flex:1;min-height:0;max-height:40%}.chapter-list{background:#0003;flex:1;overflow-y:auto}.chapter-item{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--glass-border);cursor:pointer;transition:background var(--transition-base);align-items:center;gap:var(--space-sm);display:flex}.chapter-item:hover{background:#ffffff0d}.chapter-item.active{border-left:3px solid var(--theme-primary);background:#3b82f626}.chapter-index{color:var(--text-muted);font-size:var(--font-size-xs);width:50px;font-family:var(--font-family);flex-shrink:0}.chapter-title{color:var(--text-main);font-size:var(--font-size-sm);white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-family);flex:1;overflow:hidden}.chapter-sign{color:var(--text-muted);font-size:var(--font-size-xs);white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-family:var(--font-family);overflow:hidden}.chapter-empty{padding:var(--space-xl);text-align:center;color:var(--text-muted);font-size:var(--font-size-sm);font-family:var(--font-family)}.chapter-editor-section{flex:1;height:100%;min-height:0}.preview-actions{gap:var(--space-sm);display:flex}.action-btn{padding:var(--space-xs) var(--space-sm);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-main);font-size:var(--font-size-xs);font-weight:700;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-base)}.action-btn:hover{color:#60a5fa;background:#3b82f61a;border-color:#3b82f666}.action-btn.save{color:#4ade80;background:#4ade801a;border-color:#4ade8066}.action-btn.save:hover{background:#4ade8033}.action-btn.cancel{color:#ef4444;background:#ef44441a;border-color:#ef444466}.action-btn.cancel:hover{background:#ef444433}.action-btn.edit{color:#ff4081;background:#ff007f1a;border-color:#ff007f66}.action-btn.edit:hover{background:#ff007f33}.chapter-editor{background:#0003;flex:1;overflow-y:auto}.chapter-content-display{padding:var(--space-md);font-family:Georgia,serif;font-size:var(--font-size-sm);color:var(--text-main);white-space:pre-wrap;word-break:break-word;line-height:1.8}.chapter-content-editor{width:100%;height:100%;min-height:200px;padding:var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-main);font-family:Georgia,serif;font-size:var(--font-size-sm);resize:none;box-sizing:border-box;border-radius:0;outline:none;line-height:1.8}.chapter-content-editor:focus{border-color:var(--theme-primary)}.preview-empty{padding:var(--space-xl);text-align:center;color:var(--text-muted);font-size:var(--font-size-sm);font-family:var(--font-family)}.view-original-modal-body{max-height:60vh;padding:var(--space-md);overflow-y:auto}.view-original-content{font-family:Georgia,serif;font-size:var(--font-size-sm);color:var(--text-main);white-space:pre-wrap;word-break:break-word;line-height:1.8}.chapter-split-footer{padding:var(--space-md) var(--space-xl);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.footer-info{color:var(--text-muted);font-size:var(--font-size-sm);font-family:var(--font-family)}.footer-info span{color:var(--text-main);font-weight:700}.footer-actions{gap:var(--space-md);display:flex}.export-btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);background:var(--theme-primary);border:1px solid var(--theme-primary);border-radius:var(--radius-sm);color:#fff;font-size:var(--font-size-sm);font-weight:700;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-base);display:inline-flex}.export-btn svg{fill:none;stroke:currentColor;stroke-width:2px;width:16px;height:16px}.export-btn:hover{background:var(--theme-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #ff007f4d}.manual-modal-body{padding:var(--space-md)}.form-group{margin-bottom:var(--space-lg)}.form-group label{margin-bottom:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-main);font-weight:700;font-family:var(--font-family);display:block}.form-input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-main);font-size:var(--font-size-sm);font-family:var(--font-family);box-sizing:border-box;outline:none}.form-input:focus{border-color:var(--theme-primary)}.text-preview-mini{padding:var(--space-md);border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-family:Consolas,monospace;font-size:var(--font-size-xs);color:var(--text-main);white-space:pre-wrap;background:#0003;max-height:200px;line-height:1.6;overflow-y:auto}.modal-footer{justify-content:flex-end;gap:var(--space-md);padding:var(--space-md);border-top:1px solid var(--glass-border);display:flex}.btn{padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:700;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-base)}.btn-secondary{background:var(--glass-bg-light);border:1px solid var(--glass-border);color:var(--text-main)}.btn-secondary:hover{background:#ffffff1a}.btn-primary{background:var(--theme-primary);border:1px solid var(--theme-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--theme-primary-dark)}.btn-primary:disabled{opacity:.35;cursor:not-allowed}:root{--bg-dark:#08080f;--bg-gradient:radial-gradient(circle at top right, #1a0b2e, #08080f);--theme-primary:#ff007f;--theme-secondary:#ff4da6;--theme-accent:#ff4da6;--theme-gradient:linear-gradient(135deg, #ec18a5 0%, #ff007f 100%);--theme-gradient-soft:linear-gradient(135deg, #ec18a526 0%, #ff007f26 100%);--text-main:#f4eeff;--text-muted:#9a7090;--color-success:#6b9e6b;--color-warning:#d4845a;--color-danger:#c06060;--color-info:#60a5c0;--glass-bg:#08080fb3;--glass-bg-light:#ffffff0a;--glass-border:#ffffff0f;--glass-border-active:#ff007f4d;--glass-blur:blur(12px);--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 2px 8px #00000040;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 8px 32px #00000073;--shadow-glow-primary:0 0 12px #ff007f33, 0 0 24px #ff007f14;--shadow-glow-secondary:0 0 12px #9b59b633, 0 0 24px #9b59b614;--transition-fast:.2s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--sidebar-width:140px;--header-height:48px;--toolbar-height:64px;--input-height:48px;--font-family:"M PLUS Rounded 1c", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}::selection{color:#fff;background:#ff007f66}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{border-radius:var(--radius-full);background:#ffffff05}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);transition:background var(--transition-fast);background:#ff007f4d}::-webkit-scrollbar-thumb:hover{background:#ff007f99}@keyframes pageEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes neonPulse{0%,to{box-shadow:0 0 6px #ff007f33,0 0 12px #ff007f14}50%{box-shadow:0 0 10px #ff007f4d,0 0 20px #ff007f1f}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes loadingBounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@keyframes loadingSpin{to{transform:rotate(360deg)}}@keyframes glassEnter{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();transform:scale(.96)}to{opacity:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:scale(1)}}.seedance-page{min-height:100vh;padding-top:var(--header-height);animation:.6s pageEnter;display:flex;position:relative}.seedance-tabs{width:var(--sidebar-width);min-width:var(--sidebar-width);padding:var(--space-md) var(--space-sm);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--glass-border);top:var(--header-height);z-index:99;gap:var(--space-sm);border-radius:0;flex-direction:column;display:flex;position:fixed;bottom:0;left:0}.seedance-tab{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:700;font-family:var(--font-family);cursor:pointer;transition:background var(--transition-base), color var(--transition-base), border-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);text-align:left;width:100%;display:flex}.seedance-tab svg{fill:currentColor;flex-shrink:0;width:18px;height:18px}.seedance-tab:hover{color:var(--text-main);background:#ff007f1a;border-color:#ff007f4d;transform:translate(4px)}.seedance-tab.active{background:var(--theme-gradient);color:#fff;border-color:#0000;animation:2s ease-in-out infinite neonPulse}.seedance-tab.active:hover{transform:translate(4px)scale(1.02)}.seedance-content{margin-left:var(--sidebar-width);padding:var(--space-xl);min-height:calc(100vh - var(--header-height));flex:1;animation:.5s pageEnter}.seedance-content>div{width:100%}.seedance-start-page{gap:var(--space-xl);flex-direction:column;display:flex}.page-title{font-size:var(--font-size-xl);font-weight:900;font-family:var(--font-family);color:var(--text-main);text-align:left;margin:0}.seedance-start-page .start-step-card{padding:var(--space-xl)}.seedance-start-page .step-card-title{font-size:var(--font-size-lg);font-weight:700;font-family:var(--font-family);color:var(--text-main);margin:0 0 var(--space-lg);align-items:center;gap:var(--space-md);display:flex}.seedance-start-page .step-status{font-size:var(--font-size-xs);font-weight:700;font-family:var(--font-family);padding:2px var(--space-sm);border-radius:var(--radius-full);white-space:nowrap}.seedance-start-page .step-status.pending{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b59}.seedance-start-page .step-status.done{color:#22c55e;background:#22c55e26;border:1px solid #22c55e59}.seedance-start-page .extract-asset-btn,.seedance-start-page .quick-generate-btn,.seedance-start-page .goto-resource-btn{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-main);font-size:var(--font-size-sm);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);font-weight:600;display:inline-flex}.seedance-start-page .extract-asset-btn svg,.seedance-start-page .quick-generate-btn svg,.seedance-start-page .goto-resource-btn svg{width:16px;height:16px}.seedance-start-page .extract-asset-btn:hover{border-color:var(--theme-primary);color:var(--theme-primary);background:#f523b71a}.seedance-start-page .quick-generate-btn:hover{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b66}.seedance-start-page .goto-resource-btn:hover{color:#60a5fa;background:#3b82f61a;border-color:#3b82f666}.seedance-start-page .asset-count-group{gap:var(--space-lg);margin-left:auto;display:flex}.seedance-start-page .asset-count-item{padding:var(--space-md) var(--space-2xl);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:4px;display:flex}.seedance-start-page .asset-count-label{font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--text-muted);white-space:nowrap;font-weight:500}.seedance-start-page .asset-count-value{font-size:var(--font-size-xl);font-family:var(--font-mono);color:var(--theme-primary);font-weight:700}.seedance-start-page .seedance-quick-generate-progress{width:100%;margin-top:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);background:#f523b714;border:1px solid #f523b74d}.seedance-start-page .seedance-quick-generate-progress .progress-header{margin-bottom:var(--space-sm)}.seedance-start-page .seedance-quick-generate-progress .progress-title{font-size:var(--font-size-sm);color:#f523b7;font-weight:700}.seedance-start-page .seedance-quick-generate-progress .progress-bar{background:#f523b726;border-radius:4px;height:8px;overflow:hidden}.seedance-start-page .seedance-quick-generate-progress .progress-fill{background:linear-gradient(90deg,#f523b7,#ff6ec4);border-radius:4px;height:100%;transition:width .3s}.seedance-start-page .seedance-quick-generate-progress .progress-info{margin-top:var(--space-xs);font-size:var(--font-size-xs);color:#f523b7b3;justify-content:space-between;display:flex}.seedance-start-page .step-card-actions{gap:var(--space-md);flex-wrap:wrap;align-items:center;display:flex}.project-name-label{font-size:var(--font-size-xs);font-weight:500;font-family:var(--font-family);color:var(--text-muted);white-space:nowrap}.selected-project-info{align-items:center;gap:var(--space-lg);padding:var(--space-sm) var(--space-md);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-sm);flex-wrap:wrap;min-width:200px;display:flex}.selected-project-info .info-left{align-items:center;gap:var(--space-md);flex-direction:row;min-width:0;display:flex}.selected-project-info .info-title{font-size:var(--font-size-xs);font-weight:700;font-family:var(--font-family);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.selected-project-info .info-sub{font-size:var(--font-size-sm);font-weight:700;font-family:var(--font-family);color:var(--text-main)}.selected-project-info .info-style{font-size:var(--font-size-xs);font-weight:600;font-family:var(--font-family);color:var(--theme-primary);cursor:default;padding:2px var(--space-sm);border-radius:var(--radius-full);white-space:nowrap;background:#ff007f1a;border:1px solid #ff007f40;display:inline-block;position:relative}.model-selector{align-items:center;gap:var(--space-xs);display:flex}.model-selector label{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:500;font-family:var(--font-family);white-space:nowrap}.model-selector select{padding:var(--space-xs) var(--space-sm);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-main);font-size:var(--font-size-xs);font-family:var(--font-family);cursor:pointer;transition:border-color var(--transition-base), box-shadow var(--transition-base);background:#0000004d;outline:none}.model-selector select:focus{border-color:var(--theme-primary);box-shadow:0 0 0 2px #ff007f26}.selected-project-info .info-style{font-size:var(--font-size-xs);font-weight:600;font-family:var(--font-family);color:var(--theme-primary);cursor:default;padding:2px var(--space-sm);border-radius:var(--radius-full);white-space:nowrap;background:#ff007f1a;border:1px solid #ff007f40;position:relative}.selected-project-info .info-style:after{content:attr(data-prompt);width:280px;padding:var(--space-sm) var(--space-md);border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--text-main);white-space:normal;word-break:break-all;text-align:left;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--transition-fast), visibility var(--transition-fast);z-index:100;background:#08080ff2;font-weight:400;line-height:1.5;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000080}.selected-project-info .info-style:hover:after{opacity:1;visibility:visible}.selected-project-info .info-ratio{font-size:var(--font-size-xs);font-weight:600;font-family:var(--font-family);color:var(--theme-primary);padding:2px var(--space-sm);border-radius:var(--radius-full);white-space:nowrap;background:#ff007f1a;border:1px solid #ff007f40}.selected-project-info .info-empty{font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);color:var(--text-muted)}.upload-original-btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--theme-gradient);border-radius:var(--radius-sm);color:#fff;font-size:var(--font-size-sm);font-weight:700;font-family:var(--font-family);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-base), filter var(--transition-base);border:none;display:inline-flex}.upload-original-btn svg{fill:none;stroke:currentColor;stroke-width:2px;width:16px;height:16px}.upload-original-btn:hover{box-shadow:var(--shadow-glow-primary);filter:brightness(1.1);transform:translateY(-2px)}.view-original-btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-main);font-size:var(--font-size-sm);font-weight:700;font-family:var(--font-family);cursor:pointer;transition:background var(--transition-base), border-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);display:inline-flex}.view-original-btn svg{fill:none;stroke:currentColor;stroke-width:2px;width:16px;height:16px}.view-original-btn:hover{border-color:var(--theme-primary);background:#ff007f1a;transform:translateY(-2px);box-shadow:0 0 12px #ff007f33}.seedance-start-page .split-chapter-btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-main);font-size:var(--font-size-sm);font-weight:700;font-family:var(--font-family);cursor:pointer;transition:background var(--transition-base), border-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);display:inline-flex}.seedance-start-page .split-chapter-btn svg{fill:none;stroke:currentColor;stroke-width:2px;width:16px;height:16px}.seedance-start-page .split-chapter-btn:disabled{opacity:.35;cursor:not-allowed}.seedance-start-page .split-chapter-btn:disabled:hover{background:var(--glass-bg-light);border-color:var(--glass-border);color:var(--text-main);box-shadow:none;transform:none}.seedance-start-page .split-chapter-btn:hover{color:#a78bfa;background:#8b5cf61a;border-color:#8b5cf680;transform:translateY(-2px);box-shadow:0 0 12px #8b5cf633}.original-brief-info{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-sm);min-width:200px;max-width:300px;display:flex}.original-brief-info .info-empty{font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);color:var(--text-muted)}.original-brief-info .info-text{font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family);color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.seedance-chat-page{height:calc(100vh - var(--header-height) - var(--space-xl) * 2);gap:var(--space-lg);flex-direction:column;display:flex}.seedance-chat-page .new-chat-btn{padding:var(--space-sm) var(--space-lg);background:var(--theme-gradient);border-radius:var(--radius-sm);color:#fff;font-size:var(--font-size-sm);font-weight:700;font-family:var(--font-family);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-base), filter var(--transition-base);border:none}.seedance-chat-page .new-chat-btn:hover{box-shadow:var(--shadow-glow-primary);filter:brightness(1.1);transform:translateY(-2px)}.seedance-chat-page .chat-messages{padding:var(--space-xl);gap:var(--space-lg);flex-direction:column;flex:1;display:flex;overflow-y:auto}.seedance-chat-page .welcome-message{flex:1;justify-content:center;align-items:center;height:100%;display:flex}.seedance-chat-page .message{gap:var(--space-md);animation:.3s messageSlideIn;display:flex}.seedance-chat-page .message.user{flex-direction:row-reverse}.seedance-chat-page .message-avatar{width:40px;height:40px;font-size:var(--font-size-sm);font-weight:900;font-family:var(--font-family);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.seedance-chat-page .message.user .message-avatar{background:var(--theme-gradient);color:#fff;text-shadow:0 0 10px #ff007fcc}.seedance-chat-page .message.ai .message-avatar{background:var(--glass-bg-light);color:var(--theme-secondary);text-shadow:0 0 8px #9b59b680;border:1px solid #9b59b633}.seedance-chat-page .message-content{max-width:72%;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);position:relative}.seedance-chat-page .message.user .message-content{background:var(--theme-gradient);color:#fff;border-bottom-right-radius:var(--radius-sm);box-shadow:var(--shadow-glow-primary)}.seedance-chat-page .message.ai .message-content{background:var(--glass-bg-light);color:var(--text-main);border:1px solid var(--glass-border);border-bottom-left-radius:var(--radius-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.seedance-chat-page .message-text{font-size:var(--font-size-base);white-space:pre-wrap;word-break:break-word;line-height:1.7;font-family:var(--font-family)}.seedance-chat-page .message-actions{gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.seedance-chat-page .send-to-video-btn,.seedance-chat-page .send-to-resource-btn,.seedance-chat-page .send-to-videogen-btn{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:700;font-family:var(--font-family);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);display:inline-flex}.seedance-chat-page .send-to-video-btn{color:var(--theme-secondary);background:#9b59b61a;border:1px solid #9b59b640}.seedance-chat-page .send-to-video-btn:hover{box-shadow:var(--shadow-glow-secondary);background:#9b59b633;border-color:#9b59b680;transform:translateY(-1px)}.seedance-chat-page .send-to-resource-btn{color:var(--color-success);background:#4caf501a;border:1px solid #4caf5040}.seedance-chat-page .send-to-resource-btn:hover{background:#4caf5033;border-color:#4caf5080;transform:translateY(-1px);box-shadow:0 0 15px #4caf504d}.seedance-chat-page .send-to-videogen-btn{color:var(--color-warning);background:#ff98001a;border:1px solid #ff980040}.seedance-chat-page .send-to-videogen-btn:hover{background:#ff980033;border-color:#ff980080;transform:translateY(-1px);box-shadow:0 0 15px #ff98004d}.seedance-chat-page .send-to-video-btn svg,.seedance-chat-page .send-to-resource-btn svg,.seedance-chat-page .send-to-videogen-btn svg{fill:currentColor;width:14px;height:14px}.seedance-chat-page .loading-dots{padding:var(--space-xs) 0;align-items:center;gap:6px;display:flex}.seedance-chat-page .loading-dots span{background:var(--theme-secondary);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite loadingBounce;box-shadow:0 0 6px #9b59b699}.seedance-chat-page .loading-dots span:first-child{animation-delay:-.32s}.seedance-chat-page .loading-dots span:nth-child(2){animation-delay:-.16s}.seedance-chat-page .bottom-section{padding:var(--space-lg) var(--space-2xl)}.seedance-chat-page .chat-input-area{gap:var(--space-md);align-items:flex-end;display:flex}.seedance-chat-page .message-input{padding:var(--space-md) var(--space-lg);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-main);font-size:var(--font-size-base);font-family:var(--font-family);resize:none;transition:border-color var(--transition-base), box-shadow var(--transition-base), background var(--transition-base);outline:none;flex:1;line-height:1.6}.seedance-chat-page .message-input:focus{border-color:var(--theme-primary);background:#ff007f08;box-shadow:0 0 0 3px #ff007f26,0 0 20px #ff007f1a}.seedance-chat-page .message-input::placeholder{color:#ffffff4d}.seedance-chat-page .send-btn{width:var(--input-height);height:var(--input-height);background:var(--theme-gradient);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-base), filter var(--transition-base);border:none;flex-shrink:0;justify-content:center;align-items:center;animation:3s ease-in-out infinite neonPulse;display:flex}.seedance-chat-page .send-btn svg{fill:currentColor;width:22px;height:22px}.seedance-chat-page .send-btn:hover:not(:disabled){box-shadow:var(--shadow-glow-primary);filter:brightness(1.15);animation:none;transform:translateY(-3px)scale(1.05)}.seedance-chat-page .send-btn:active:not(:disabled){transform:translateY(-1px)scale(.98)}.seedance-chat-page .send-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.5);animation:none}.seedance-resource-page{gap:var(--space-xl);min-height:calc(100vh - var(--header-height) - var(--space-xl) * 2);flex-direction:column;display:flex}.seedance-resource-page .project-style-tag{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);color:var(--theme-primary);font-size:var(--font-size-xs);font-weight:700;font-family:var(--font-family);text-shadow:0 0 8px #ff007f80;background:#ff007f1a;border:1px solid #ff007f4d}.seedance-resource-page .new-project-btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--theme-gradient);border-radius:var(--radius-sm);color:#fff;font-size:var(--font-size-sm);font-weight:700;font-family:var(--font-family);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-base), filter var(--transition-base);border:none;display:inline-flex}.seedance-resource-page .new-project-btn svg{fill:none;stroke:currentColor;stroke-width:2px;width:16px;height:16px}.seedance-resource-page .new-project-btn:hover{box-shadow:var(--shadow-glow-primary);filter:brightness(1.1);transform:translateY(-2px)}.seedance-resource-page .new-project-btn.large{padding:var(--space-md) var(--space-2xl);font-size:var(--font-size-lg)}.seedance-resource-page .resource-content{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-xl);flex:1;overflow-y:auto}.seedance-resource-page .loading-state,.seedance-resource-page .empty-state,.seedance-resource-page .no-project-state{padding:60px var(--space-xl);text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;animation:.4s messageSlideIn;display:flex}.seedance-resource-page .no-project-state svg,.seedance-resource-page .empty-state svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:80px;height:80px;margin-bottom:var(--space-xl);opacity:.4}.seedance-resource-page .no-project-state h2,.seedance-resource-page .empty-state h2{font-size:var(--font-size-3xl);font-weight:900;font-family:var(--font-family);margin:0 0 var(--space-md);color:var(--text-main)}.seedance-resource-page .no-project-state p,.seedance-resource-page .empty-state p{margin:0 0 var(--space-xl);font-size:var(--font-size-base);color:var(--text-muted)}.seedance-resource-page .resources-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.seedance-resource-page .resource-card{background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);overflow:hidden}.seedance-resource-page .resource-card:hover{border-color:var(--theme-primary);box-shadow:var(--shadow-glow-primary);transform:translateY(-4px)}.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%;transition:transform var(--transition-base)}.seedance-resource-page .resource-card:hover .resource-preview img{transform:scale(1.08)}.seedance-resource-page .resource-preview .no-preview{color:#fff3;font-size:var(--font-size-sm)}.seedance-resource-page .resource-info{padding:var(--space-md)}.seedance-resource-page .resource-name{font-size:var(--font-size-sm);font-weight:700;font-family:var(--font-family);color:var(--text-main);margin-bottom:var(--space-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.seedance-resource-page .resource-meta{font-size:var(--font-size-xs);color:var(--text-muted);justify-content:space-between;align-items:center;display:flex}.seedance-resource-page .resource-type{padding:2px var(--space-sm);border-radius:var(--radius-sm);color:var(--theme-primary);text-transform:uppercase;letter-spacing:.5px;background:#ff007f1a;font-size:10px;font-weight:700}.seedance-resource-page .polling-indicator{bottom:var(--space-xl);right:var(--space-xl);align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);font-weight:700;font-family:var(--font-family);box-shadow:var(--shadow-glow-primary);z-index:1000;background:#ff007fe6;animation:.3s glassEnter;display:flex;position:fixed}.seedance-resource-page .spinner.small{border-width:2px;width:16px;height:16px}.loading-state .spinner{border:3px solid #ffffff0f;border-top-color:var(--theme-primary);width:40px;height:40px;margin-bottom:var(--space-lg);border-radius:50%;animation:1s linear infinite loadingSpin;box-shadow:0 0 10px #ff007f4d}.error-state{padding:var(--space-xl);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--font-size-base);text-align:center;font-family:var(--font-family);background:#ff525214;border:1px solid #ff525240}.project-modal-content{max-height:60vh;padding:var(--space-xs);overflow-y:auto}.projects-grid-modal{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.new-project-card{justify-content:center;align-items:center;gap:var(--space-sm);background:var(--glass-bg-light);border:1px dashed var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-xl);cursor:pointer;color:var(--text-muted);font-size:var(--font-size-sm);font-weight:700;font-family:var(--font-family);transition:border-color var(--transition-base), color var(--transition-base), background var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);flex-direction:column;display:flex}.new-project-card svg{fill:none;stroke:currentColor;stroke-width:2px;width:32px;height:32px}.new-project-card:hover{border-color:var(--theme-primary);color:var(--theme-primary);background:#ff007f0f;transform:translateY(-2px);box-shadow:0 0 16px #ff007f26}.project-card-modal{background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:background var(--transition-base), border-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);position:relative}.project-card-modal:hover{border-color:var(--theme-primary);box-shadow:var(--shadow-glow-primary);background:#ff007f14;transform:translateY(-2px)}.project-card-modal .card-actions{top:var(--space-sm);right:var(--space-sm);gap:var(--space-xs);opacity:0;transition:opacity var(--transition-fast);display:flex;position:absolute}.project-card-modal:hover .card-actions{opacity:1}.project-card-modal .card-action-btn{border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;transition:all var(--transition-fast);background:#080115d9;justify-content:center;align-items:center;padding:0;display:flex}.project-card-modal .card-action-btn svg{width:14px;height:14px}.project-card-modal .card-action-btn.edit{color:var(--theme-primary)}.project-card-modal .card-action-btn.edit:hover{background:#f523b726;border-color:#f523b766;box-shadow:0 0 12px #f523b74d}.project-card-modal .card-action-btn.delete{color:#f87171}.project-card-modal .card-action-btn.delete:hover{background:#ef444433;border-color:#ef444480;box-shadow:0 0 12px #ef44444d}.project-card-modal .card-title{font-size:var(--font-size-lg);font-weight:700;font-family:var(--font-family);color:var(--text-main);margin-bottom:var(--space-md)}.project-card-modal .card-footer{font-size:var(--font-size-xs);color:var(--text-muted);justify-content:space-between;align-items:center;display:flex}.project-card-modal .card-tag{padding:2px var(--space-sm);border-radius:var(--radius-sm);color:var(--theme-primary);text-transform:uppercase;letter-spacing:.5px;background:#ff007f1a;font-size:10px;font-weight:700}.project-card-modal .card-tag.ratio-tag{color:#60a5fa;font-family:var(--font-mono);text-transform:none;letter-spacing:0;background:#3b82f61a;border:1px solid #3b82f640;font-size:11px}.seedance-videogen-page{gap:var(--space-xl);min-height:calc(100vh - var(--header-height) - var(--space-xl) * 2);flex-direction:column;display:flex}.card-count{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);color:var(--color-warning);font-size:var(--font-size-xs);font-weight:700;font-family:var(--font-family);background:#ff98001a;border:1px solid #ff98004d}.seedance-videogen-page .video-cards-container{gap:var(--space-lg);flex-direction:column;display:flex}.seedance-videogen-page .video-card{transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);overflow:hidden}.seedance-videogen-page .video-card:hover{border-color:var(--theme-primary);box-shadow:var(--shadow-glow-primary)}.seedance-videogen-page .video-card-header{align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--glass-border);background:#0000004d;display:flex}.seedance-videogen-page .card-index{padding:var(--space-xs) var(--space-md);background:var(--theme-gradient);border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-xs);font-weight:900;font-family:var(--font-family);text-shadow:0 0 8px #ff007fcc;flex-shrink:0;align-items:center;display:inline-flex}.seedance-videogen-page .card-title{font-size:var(--font-size-lg);font-weight:700;font-family:var(--font-family);color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.seedance-videogen-page .duration-input-group{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.seedance-videogen-page .duration-input{width:64px;padding:var(--space-sm) var(--space-sm);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-main);font-size:var(--font-size-sm);font-family:var(--font-family);text-align:center;transition:border-color var(--transition-base), box-shadow var(--transition-base);outline:none;font-weight:700}.seedance-videogen-page .duration-input:focus{border-color:var(--color-warning);box-shadow:0 0 0 3px #ff980026}.seedance-videogen-page .generate-btn{padding:var(--space-sm) var(--space-lg);background:linear-gradient(135deg, var(--color-success) 0%, #388e3c 100%);border-radius:var(--radius-sm);color:#fff;font-size:var(--font-size-sm);font-weight:700;font-family:var(--font-family);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-base), filter var(--transition-base);border:none;flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.seedance-videogen-page .generate-btn svg{fill:currentColor;width:16px;height:16px}.seedance-videogen-page .generate-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 0 20px #4caf5080}.seedance-videogen-page .delete-card-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-danger);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:#ff525214;border:1px solid #ff525233;flex-shrink:0;justify-content:center;align-items:center;display:inline-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:#ff525280;transform:scale(1.1)}.seedance-videogen-page .video-card-body{padding:var(--space-xl);gap:var(--space-lg);flex-direction:column;display:flex}.seedance-videogen-page .original-text{padding:var(--space-md);background:var(--glass-bg-light);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.seedance-videogen-page .original-text .label{color:var(--text-muted);font-size:var(--font-size-sm);margin-right:var(--space-sm);font-weight:700}.seedance-videogen-page .original-text .content{color:var(--text-main);font-size:var(--font-size-sm);line-height:1.6}.seedance-videogen-page .tag-section{gap:var(--space-sm);flex-direction:column;display:flex}.seedance-videogen-page .tag-section .label{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:700;display:block}.seedance-videogen-page .tags{gap:var(--space-sm);flex-wrap:wrap;display:flex}.seedance-videogen-page .tag-checkbox{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:#ff980014;border:1px solid #ff980033;align-items:center;gap:4px;display:inline-flex}.seedance-videogen-page .tag-checkbox:hover{background:#ff98002e;border-color:#ff980066}.seedance-videogen-page .tag-checkbox input{display:none}.seedance-videogen-page .tag-checkbox.checked{background:#ff980040;border-color:#ff980080}.seedance-videogen-page .tag-checkbox span{color:var(--color-warning);font-size:var(--font-size-xs);font-weight:700;font-family:var(--font-family);transition:color var(--transition-fast)}.seedance-videogen-page .tag-checkbox input:checked+span{color:#fff;text-shadow:0 0 6px #ff9800cc}.seedance-videogen-page .prompt-section{gap:var(--space-sm);flex-direction:column;display:flex}.seedance-videogen-page .prompt-section .label{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:700;display:block}.seedance-videogen-page .prompt-textarea{width:100%;padding:var(--space-md);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-main);font-size:var(--font-size-sm);font-family:var(--font-family);resize:vertical;transition:border-color var(--transition-base), box-shadow var(--transition-base), background var(--transition-base);outline:none;line-height:1.6}.seedance-videogen-page .prompt-textarea:focus{border-color:var(--color-warning);background:#ff980008;box-shadow:0 0 0 3px #ff980026}.new-project-form .form-group label,.new-videocard-form .form-group label{margin-bottom:var(--space-sm);color:var(--text-main);font-size:var(--font-size-sm);font-weight:700;font-family:var(--font-family);display:block}.new-project-form .form-group input,.new-project-form .form-group select,.new-videocard-form .form-group textarea{width:100%;padding:var(--space-md) var(--space-md);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-main);font-size:var(--font-size-sm);font-family:var(--font-family);transition:border-color var(--transition-base), box-shadow var(--transition-base), background var(--transition-base);background:#0006;outline:none}.new-project-form .form-group input:focus,.new-project-form .form-group select:focus,.new-videocard-form .form-group textarea:focus{border-color:var(--theme-primary);background:#ff007f08;box-shadow:0 0 0 3px #ff007f26}.new-project-form .form-group input::placeholder,.new-videocard-form .form-group textarea::placeholder{color:#ffffff40}.new-project-form .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='%238A8AA3' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.new-project-form .form-actions,.new-videocard-form .form-actions{justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--glass-border);display:flex}.new-project-form .btn,.new-videocard-form .btn{padding:var(--space-md) var(--space-2xl);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:700;font-family:var(--font-family);cursor:pointer;transition:background var(--transition-base), border-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base), filter var(--transition-base)}.new-project-form .btn-secondary,.new-videocard-form .btn-secondary{background:var(--glass-bg-light);border:1px solid var(--glass-border);color:var(--text-main)}.new-project-form .btn-secondary:hover,.new-videocard-form .btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.new-project-form .btn-primary,.new-videocard-form .btn-primary{background:var(--theme-gradient);color:#fff;border:none}.new-project-form .btn-primary:hover,.new-videocard-form .btn-primary:hover{box-shadow:var(--shadow-glow-primary);filter:brightness(1.1);transform:translateY(-2px)}.original-upload-form{padding:var(--space-xl);gap:var(--space-xl);flex-direction:column;display:flex}.original-upload-form .form-group{margin-bottom:0}.original-upload-form .form-group label{margin-bottom:var(--space-sm);color:var(--text-main);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family);justify-content:space-between;align-items:center;display:flex}.original-upload-form .form-group label .textarea-char-count{font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--text-muted)}.original-upload-form .form-group textarea{width:100%;padding:var(--space-md);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-main);font-size:var(--font-size-sm);resize:vertical;min-height:200px;transition:border-color var(--transition-base), box-shadow var(--transition-base), background var(--transition-base);background:#0006;font-family:monospace;line-height:1.6}.original-upload-form .form-group textarea:focus{border-color:var(--theme-primary);background:#ff007f08;outline:none;box-shadow:0 0 0 3px #ff007f26}.original-upload-form .form-group textarea::placeholder{color:#ffffff40}.upload-drop-zone{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-lg);border:2px dashed var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg-light);cursor:pointer;transition:border-color var(--transition-base), background var(--transition-base), box-shadow var(--transition-base);flex-direction:column;min-height:80px;display:flex}.upload-drop-zone:hover{border-color:var(--theme-primary);background:#ff007f0d;box-shadow:0 0 16px #ff007f1a}.upload-drop-zone svg{fill:none;width:28px;height:28px;stroke:var(--text-muted);stroke-width:1.5px;transition:stroke var(--transition-base)}.upload-drop-zone:hover svg{stroke:var(--theme-primary)}.upload-drop-zone.drag-over{border-color:var(--theme-primary);background:#ff007f1a;transform:scale(1.02);box-shadow:0 0 24px #ff007f33}.upload-drop-zone.drag-over p{color:var(--theme-primary)}.upload-drop-zone.drag-over svg{stroke:var(--theme-primary)}.upload-drop-zone p{font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family);color:var(--text-muted);margin:0}.upload-drop-zone span{font-size:var(--font-size-xs);font-family:var(--font-family);color:#ffffff4d}.original-upload-form .form-actions{justify-content:flex-end;gap:var(--space-md);display:flex}.original-upload-form .btn{padding:var(--space-sm) var(--space-2xl);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:700;font-family:var(--font-family);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-base), background var(--transition-base), filter var(--transition-base)}.original-upload-form .btn-secondary{background:var(--glass-bg-light);border:1px solid var(--glass-border);color:var(--text-main)}.original-upload-form .btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.original-upload-form .btn-primary{background:var(--theme-gradient);color:#fff;border:none}.original-upload-form .btn-primary:hover{box-shadow:var(--shadow-glow-primary);filter:brightness(1.1);transform:translateY(-2px)}.seedance-start-page .select-project-btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-main);font-size:var(--font-size-sm);font-weight:700;font-family:var(--font-family);cursor:pointer;transition:background var(--transition-base), border-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);display:inline-flex}.seedance-start-page .select-project-btn:hover{border-color:var(--theme-primary);background:#ff007f1a;transform:translateY(-2px);box-shadow:0 0 12px #ff007f33}.seedance-start-page .select-project-btn svg{fill:none;stroke:currentColor;stroke-width:2px;width:16px;height:16px}.seedance-videogen-page .coming-soon{text-align:center;min-height:calc(100vh - 250px);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;animation:.5s messageSlideIn;display:flex}.seedance-videogen-page .coming-soon svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:80px;height:80px;margin-bottom:var(--space-xl);opacity:.4}.seedance-videogen-page .coming-soon h2{font-size:var(--font-size-3xl);font-weight:900;font-family:var(--font-family);margin:0 0 var(--space-md);color:var(--text-main);background:var(--theme-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.seedance-videogen-page .coming-soon p{font-size:var(--font-size-lg);color:var(--text-muted);margin:0}@media (width<=1024px){:root{--sidebar-width:120px}.seedance-content{padding:var(--space-lg)}}@media (width<=768px){:root{--sidebar-width:0px;--header-height:60px;--space-xl:12px}.seedance-page{padding-top:var(--header-height)}.seedance-tabs{width:100%;min-width:100%;padding:var(--space-sm);z-index:999;border:1px solid var(--glass-border);border-top:none;border-radius:0;flex-direction:row;justify-content:space-around;top:auto;bottom:0;left:0}.seedance-tab{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs)}.seedance-tab svg{width:14px;height:14px}.seedance-content{padding:var(--space-lg);margin-bottom:60px}.seedance-chat-page .message-content{max-width:85%}.seedance-resource-page .resources-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.projects-grid-modal{grid-template-columns:1fr}.seedance-videogen-page .video-card-header{gap:var(--space-sm);flex-wrap:wrap}.seedance-videogen-page .video-card{min-width:0}}@media (width<=480px){:root{--space-xl:8px;--space-2xl:16px}.seedance-chat-page{height:auto;min-height:calc(100vh - var(--header-height) - var(--space-xl) * 2)}.seedance-chat-page .message-content{max-width:92%}.seedance-chat-page .bottom-section{padding:var(--space-md) var(--space-lg)}.seedance-chat-page .message-actions{flex-direction:column;align-items:flex-start}}.view-original-form{gap:var(--space-lg);flex-direction:column;display:flex}.textarea-toolbar{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.textarea-toolbar .toolbar-btn{padding:4px var(--space-sm);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--font-size-xs);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#ffffff0d;align-items:center;gap:4px;font-weight:600;display:inline-flex}.textarea-toolbar .toolbar-btn:hover{border-color:var(--theme-primary);color:var(--theme-primary);background:#f523b71a}.textarea-toolbar .toolbar-btn:disabled{opacity:.35;cursor:not-allowed}.textarea-toolbar .toolbar-btn:disabled:hover{border-color:var(--glass-border);color:var(--text-muted);background:#ffffff0d}.textarea-toolbar .toolbar-btn svg{width:12px;height:12px}.textarea-toolbar .toolbar-goto{flex-wrap:nowrap;align-items:center;gap:4px;display:flex;position:relative}.textarea-toolbar .toolbar-help{flex-shrink:0}.textarea-toolbar .toolbar-help svg{width:12px;height:12px}.textarea-toolbar .toolbar-help:hover{color:#60a5fa;background:#3b82f61a;border-color:#3b82f666}.toolbar-tip-popup{width:280px;padding:var(--space-md);border:1px solid var(--glass-border);border-radius:var(--radius-md);z-index:1000;background:#080115f7;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 32px #0009}.toolbar-tip-popup p{margin:0 0 var(--space-sm);font-size:var(--font-size-xs);font-family:var(--font-family);color:var(--text-main);line-height:1.5}.toolbar-tip-popup p:last-child{margin-bottom:0}.toolbar-tip-popup p strong{color:var(--theme-primary);font-weight:700}.toolbar-tip-popup .tip-reason{color:var(--text-muted);font-size:11px}.textarea-toolbar .goto-select{padding:4px var(--space-sm);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-main);font-size:var(--font-size-xs);font-family:var(--font-family);cursor:pointer;appearance:none;background:#ffffff0d;outline:none;min-width:70px;font-weight:600}.textarea-toolbar .goto-select:focus{border-color:var(--theme-primary)}.textarea-toolbar .goto-select option{color:var(--text-main);background:#1a0a2e}.textarea-toolbar .goto-select-wide{min-width:100px}.textarea-toolbar .goto-input{width:70px;padding:4px var(--space-sm);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-main);font-size:var(--font-size-xs);font-family:var(--font-mono);background:#ffffff0d;outline:none}.textarea-toolbar .goto-input:focus{border-color:var(--theme-primary)}.textarea-toolbar .goto-input::placeholder{color:#fff3}.textarea-toolbar .textarea-char-count{font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--text-muted);margin-left:auto}.view-original-form .form-group label{margin-bottom:var(--space-sm);color:var(--text-main);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family);justify-content:space-between;align-items:center;display:flex}.view-original-form .form-group label .textarea-char-count{font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--text-muted)}.view-original-form .form-group textarea{width:100%;padding:var(--space-md);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-main);font-size:var(--font-size-base);font-family:var(--font-family);resize:vertical;box-sizing:border-box;background:#ffffff08;line-height:1.6}.view-original-form .form-group textarea.readonly{color:var(--text-muted);cursor:default;background:#ffffff05}.view-original-form .form-group textarea.editable{border-color:var(--theme-primary);background:#ffffff0d;box-shadow:0 0 12px #f523b726}.view-original-form .form-actions{justify-content:space-between;align-items:center;display:flex}.view-original-form .form-actions-right{gap:var(--space-sm);display:flex}.view-original-form .btn{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:700;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);display:inline-flex}.view-original-form .btn svg{width:14px;height:14px}.view-original-form .btn-danger{color:#f87171;background:#ef44441a;border:1px solid #ef44444d}.view-original-form .btn-danger:hover{background:#ef444433;border-color:#ef444480;box-shadow:0 0 16px #ef44444d}.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}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.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{align-items:center;gap:12px;margin-bottom:1.5rem;display:flex}.select-images-btn.project-btn{color:#00d4ff;cursor:pointer;background:#00d4ff0d;border:2px solid #00d4ff4d;border-radius:10px;align-items:center;gap:12px;padding:14px 24px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.select-images-btn.project-btn:hover{background:#00d4ff26;border-color:#00d4ff;transform:translateY(-2px);box-shadow:0 4px 20px #00d4ff4d}.select-images-btn.project-btn.has-project{background:linear-gradient(135deg,#00d4ff33 0%,#7c3aed33 100%);border-color:#00d4ff}.select-images-btn.project-btn svg{fill:currentColor;width:24px;height:24px}.select-images-btn.project-btn .project-name{text-align:left;color:#fff;text-overflow:ellipsis;white-space:nowrap;flex:1;max-width:200px;overflow:hidden}.select-images-btn.project-btn .project-ratio-tag{color:#a78bfa;background:#7c3aed80;border-radius:6px;padding:4px 12px;font-size:12px}.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.disabled{opacity:.5;cursor:not-allowed;background:#444}.select-images-btn.disabled:hover{box-shadow:none;transform:none}.select-images-btn svg{fill:currentColor;width:20px;height:20px}.select-images-btn.new-page-btn{background:#7c3aed4d;border:2px solid #7c3aed80}.select-images-btn.new-page-btn:hover{background:#7c3aed80;box-shadow:0 4px 15px #7c3aed66}.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}.video-duration{color:#ff6b6b;font-size:12px;font-weight:600}.generating-timer{background:linear-gradient(135deg,#ff6b6b26 0%,#ff3b3026 100%);border:1px solid #ff6b6b66;border-radius:12px;justify-content:center;align-items:center;gap:16px;margin-top:12px;padding:12px 24px;display:flex}.generating-timer .timer-item{flex-direction:column;align-items:center;gap:4px;display:flex}.generating-timer .timer-divider{background:#fff3;width:1px;height:40px}.generating-timer .timer-label{color:#ffffffb3;font-size:13px}.generating-timer .timer-value{color:#ff6b6b;text-shadow:0 0 10px #ff6b6b80;font-family:Courier New,monospace;font-size:22px;font-weight:700}.project-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.project-modal{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid #00d4ff4d;border-radius:16px;flex-direction:column;width:90%;max-width:600px;max-height:80vh;animation:.3s ease-out slideUp;display:flex;box-shadow:0 0 40px #00d4ff33,0 20px 60px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.project-modal-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.project-modal-header h2{color:#fff;background:linear-gradient(90deg,#00d4ff,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:20px;font-weight:700}.project-modal-close{cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.project-modal-close:hover{background:#ff64644d;transform:rotate(90deg)}.project-modal-close svg{fill:#fff;width:16px;height:16px}.project-modal-tabs{border-bottom:1px solid #ffffff1a;gap:8px;padding:0 24px;display:flex}.project-modal-tab{color:#fff9;cursor:pointer;background:0 0;border:none;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;position:relative}.project-modal-tab:hover{color:#fff}.project-modal-tab.active{color:#00d4ff}.project-modal-tab.active:after{content:"";background:linear-gradient(90deg,#00d4ff,#7c3aed);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.project-modal-content{flex:1;padding:24px;overflow-y:auto}.project-list{flex-direction:column;gap:12px;display:flex}.project-list-empty{text-align:center;color:#ffffff80;padding:40px 20px}.project-list-empty svg{fill:#ffffff4d;width:48px;height:48px;margin-bottom:12px}.project-item{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;padding:16px;transition:all .2s;display:flex;position:relative}.project-item:hover{background:#00d4ff1a;border-color:#00d4ff4d;transform:translate(4px)}.project-item.selected{background:#00d4ff26;border-color:#00d4ff}.project-item-info{flex:1}.project-item-title{color:#fff;margin-bottom:4px;font-size:16px;font-weight:600}.project-item-meta{color:#ffffff80;gap:12px;font-size:12px;display:flex}.project-item-ratio{color:#a78bfa;background:#7c3aed4d;border-radius:4px;padding:2px 8px}.project-item-actions{gap:8px;display:flex}.project-item-btn{cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.project-item-btn:hover{background:#00d4ff4d}.project-item-btn.delete:hover{background:#ff64644d}.project-item-btn svg{fill:#ffffffb3;width:16px;height:16px}.project-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:#fffc;font-size:14px;font-weight:600}.form-label .required{color:#ff6b6b;margin-left:2px}.form-input{color:#fff;background:#0000004d;border:1px solid #fff3;border-radius:8px;outline:none;padding:12px 16px;font-size:14px;transition:all .2s}.form-input:focus{border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff33}.form-input::placeholder{color:#fff6}.ratio-options{gap:12px;display:flex}.ratio-option{cursor:pointer;text-align:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;flex:1;padding:16px;transition:all .2s}.ratio-option:hover{border-color:#00d4ff80}.ratio-option.selected{background:#00d4ff1a;border-color:#00d4ff}.ratio-option-icon{color:#ffffffb3;margin-bottom:8px;font-size:24px}.ratio-option.selected .ratio-option-icon{color:#00d4ff}.ratio-option-label{color:#fffc;font-size:14px;font-weight:600}.form-actions{gap:12px;margin-top:8px;display:flex}.form-btn{cursor:pointer;border:none;border-radius:10px;flex:1;padding:14px 24px;font-size:14px;font-weight:600;transition:all .2s}.form-btn.primary{color:#fff;background:linear-gradient(135deg,#00d4ff 0%,#7c3aed 100%)}.form-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00d4ff4d}.form-btn.secondary{color:#fffc;background:#ffffff1a}.form-btn.secondary:hover{background:#ffffff26}.form-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.project-modal-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.loading-spinner{border:3px solid #ffffff1a;border-top-color:#00d4ff;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.loading-text{color:#fff9;font-size:14px}.error-message{color:#ff6b6b;text-align:center;background:#ff646433;border:1px solid #ff646480;border-radius:8px;padding:12px 16px;font-size:14px}.confirm-delete{text-align:center;z-index:10;background:linear-gradient(135deg,#2d1f3d 0%,#1a1a2e 100%);border:1px solid #ff646480;border-radius:12px;width:300px;padding:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.confirm-delete h3{color:#fff;margin:0 0 8px;font-size:16px}.confirm-delete p{color:#ffffffb3;margin:0 0 20px;font-size:14px}.confirm-delete-actions{gap:12px;display:flex}.confirm-delete-actions .form-btn{flex:1;padding:10px 16px}.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:48px;--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}