body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body.dark-theme,body.light-theme{--bg-primary:#fff;--bg-secondary:#f8f9fa;--text-primary:#212529;--text-secondary:#6c757d;--border-color:#dee2e6;--accent-color:#0d6efd;--success-color:#28a745;--danger-color:#dc3545;--box-shadow:0 2px 5px #0000001a;background-color:var(--bg-primary);color:var(--text-primary)}.theme-toggle{position:fixed;right:20px;top:20px;z-index:1000}.theme-toggle-button{align-items:center;border:none;border-radius:20px;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease}.theme-toggle-button.dark-mode,.theme-toggle-button.light-mode{background-color:#f8f9fa;box-shadow:0 2px 5px #0000001a;color:#212529}.error-boundary{border:1px solid var(--danger-color);border-radius:8px;color:var(--text-primary);margin:20px;padding:20px}.error-boundary,.error-details{background-color:var(--bg-secondary)}.error-details{border-radius:4px;margin-top:20px;overflow-x:auto;padding:15px}.error-details pre{word-wrap:break-word;white-space:pre-wrap}.App{background-color:#fff;background-color:var(--app-bg-color,#fff);color:#333;color:var(--app-text-color,#333);display:flex;flex-direction:column;min-height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center}.App-link{color:#61dafb}details{background-color:#f6f8fa;background-color:var(--details-bg-color,#f6f8fa);border:1px solid #e1e4e8;border:1px solid var(--details-border-color,#e1e4e8);border-radius:6px;color:inherit;color:var(--details-text-color,inherit);margin:1em 0;padding:.5em}details[open]{padding-bottom:.75em}details>summary{border-radius:6px;cursor:pointer;font-weight:600;margin:-8px;padding:8px;transition:background-color .2s ease}details>summary:hover{background-color:#f0f3f6;background-color:var(--details-summary-hover-bg,#f0f3f6)}details>:not(summary){margin-top:1em}.chat-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.chat-overlay .chat-window{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;height:80%;max-width:1000px;overflow:hidden;width:80%}.continue-in-chat-btn{align-items:center;background-color:#4a6fa5;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;margin-left:10px;padding:8px 16px}.continue-in-chat-btn:hover{background-color:#3a5a8c}.continue-in-chat-btn:before{content:"💬";margin-right:8px}.app-controls{display:flex;justify-content:flex-end;margin:20px 0}.toggle-qq-music-button{background-color:#4a6fa5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.toggle-qq-music-button:hover{background-color:#3a5a8c}.qq-music-tools{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px 0;padding:20px}.music-banner{animation:gradientShift 8s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe);background-size:400% 400%;border-radius:15px;box-shadow:0 10px 30px #0000004d;margin:10px 0;overflow:hidden;padding:20px 30px;position:relative}.music-banner:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#ffffff1a,#0000 50%,#ffffff1a);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.music-banner-title{-webkit-text-fill-color:#0000;animation:textGlow 4s ease-in-out infinite;background:linear-gradient(45deg,#fff,#f8f9fa 25%,#fff 50%,#e9ecef 75%,#fff);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:2.2em;font-weight:700;letter-spacing:1px;margin:0;position:relative;text-shadow:2px 2px 4px #0000004d;z-index:2}@keyframes textGlow{0%,to{background-position:0 50%;filter:brightness(1)}50%{background-position:100% 50%;filter:brightness(1.2)}}.music-files-section{background:linear-gradient(135deg,#667eea,#764ba2 20%,#f093fb 40%,#f5576c 60%,#4facfe 80%,#00f2fe);border-radius:25px;box-shadow:0 20px 60px #0003,0 10px 30px #667eea4d,inset 0 1px 0 #fff3;padding:30px;perspective:1000px;transform-style:preserve-3d}.music-files-section:before{animation:advancedShimmer 8s ease-in-out infinite;background:linear-gradient(45deg,#0000,#ffffff1a 25%,#ffffff4d 50%,#ffffff1a 75%,#0000);height:200%;left:-50%;opacity:.9;pointer-events:none;top:-50%;transform:rotate(45deg);width:200%}.music-files-section:after{animation:musicalParticles 25s linear infinite;background-image:radial-gradient(circle at 15% 15%,#ffffff26 2px,#0000 3px),radial-gradient(circle at 85% 20%,#ffffff1f 1.5px,#0000 2.5px),radial-gradient(circle at 25% 75%,#ffffff14 1px,#0000 2px),radial-gradient(circle at 75% 85%,#ffffff1a 2.5px,#0000 3.5px),radial-gradient(circle at 50% 30%,#ffffff0f 1.2px,#0000 2.2px);background-position:0 0,30px 30px,60px 60px,90px 90px,120px 120px;background-size:120px 120px,180px 180px,90px 90px,150px 150px,200px 200px;bottom:0;content:"";left:0;opacity:.4;pointer-events:none;position:absolute;right:0;top:0}.music-files-title{font-size:32px;font-weight:800;gap:20px;letter-spacing:1px;margin-bottom:30px;text-shadow:0 2px 10px #0000004d,0 4px 20px #0003,0 0 30px #ffffff1a;transform:translateZ(20px)}.music-files-title:before{animation:musicIconFloat3D 4s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:36px}.music-files-title:after{animation:musicIconFloat3D 4s ease-in-out infinite reverse;content:"🎶";filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:32px}.music-files-grid{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;position:relative;transform-style:preserve-3d;z-index:1}.music-file-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(145deg,#ffffff40,#ffffff26 50%,#fff3);border:1px solid #fff6;border-radius:20px;box-shadow:0 12px 40px #0000001f,0 6px 20px #667eea26,inset 0 1px 0 #fff9,inset 0 -1px 0 #0000000d;cursor:pointer;flex-shrink:0;padding:25px;text-align:center;transform:translateZ(0);transform-style:preserve-3d;transition:all .5s cubic-bezier(.4,0,.2,1);width:200px}.music-file-card:before{background:linear-gradient(90deg,#0000,#fff9,#ffffff4d,#0000);border-radius:20px;height:100%;left:-120%;top:0;transition:left .8s ease;width:120%}.music-file-card:hover{background:linear-gradient(145deg,#fff6,#ffffff59);box-shadow:0 25px 80px #00000040,0 15px 40px #667eea4d,inset 0 1px 0 #fffc,0 0 30px #fff3;transform:translateY(-12px) translateZ(30px) rotateX(5deg) rotateY(2deg) scale(1.05)}.music-file-card:hover:before{left:120%}.music-file-card:active{transform:translateY(-8px) translateZ(20px) scale(1.02);transition:all .15s cubic-bezier(.68,-.55,.265,1.55)}.music-file-card:after{background:radial-gradient(circle,#667eea4d 0,#f093fb33 50%,#0000 100%);border-radius:50%;content:"";height:0;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .6s cubic-bezier(.4,0,.2,1);width:0;z-index:-1}.music-file-card:hover:after{height:300px;opacity:1;width:300px}.music-file-name{color:#333;font-size:15px;font-weight:600;max-width:100%;overflow:hidden;position:relative;text-overflow:ellipsis;text-shadow:0 1px 3px #0000001a;transform:translateZ(5px);transition:all .4s cubic-bezier(.4,0,.2,1);white-space:nowrap;z-index:1}.music-file-card:hover .music-file-name{color:#1976d2;text-shadow:0 2px 8px #1976d24d;transform:translateZ(10px) scale(1.08)}.music-file-card{overflow:hidden;position:relative}.music-file-card:before{background:#ffffff80;border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0;z-index:0}.music-file-card:active:before{height:300px;transition:width 0s,height 0s;width:300px}.music-file-play-overlay{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#fffffff2,#ffffffd9);border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 25px #00000026,inset 0 1px 0 #fff9;display:flex;height:50px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.8);transition:all .4s cubic-bezier(.4,0,.2,1);width:50px}.music-file-card:hover .music-file-play-overlay{box-shadow:0 12px 35px #00000040,inset 0 1px 0 #fffc,0 0 20px #667eea4d;opacity:1;transform:translate(-50%,-50%) scale(1.1)}.music-file-play-overlay:hover{background:linear-gradient(135deg,#667eeaf2,#764ba2f2);transform:translate(-50%,-50%) scale(1.2)}.music-file-play-overlay svg{height:24px;margin-left:3px;transition:all .3s ease;width:24px}.music-file-play-overlay:hover svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transform:scale(1.1)}.music-file-type-badge{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:15px;box-shadow:0 4px 15px #f093fb66;color:#fff;font-size:10px;font-weight:700;left:10px;letter-spacing:.8px;opacity:0;padding:6px 10px;position:absolute;text-transform:uppercase;top:10px;transform:translateY(-10px) scale(.8);transition:all .4s cubic-bezier(.4,0,.2,1)}.music-file-card:hover .music-file-type-badge{box-shadow:0 6px 20px #f093fb99,0 0 15px #f5576c66;opacity:1;transform:translateY(0) scale(1)}.music-file-status-indicator{animation:enhancedStatusPulse 2.5s ease-in-out infinite;background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:50%;box-shadow:0 0 15px #4caf5099,inset 0 1px 0 #ffffff4d;height:14px;position:absolute;right:10px;top:10px;width:14px}.music-file-waveform{bottom:20px;display:flex;gap:3px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:all .4s ease}.music-file-card:hover .music-file-waveform{opacity:.8;transform:translateX(-50%) translateY(-5px)}.waveform-bar{animation:enhancedWaveformPulse 1.8s ease-in-out infinite;background:linear-gradient(0deg,#667eeacc 0,#f093fb99);border-radius:2px;box-shadow:0 2px 8px #667eea4d;width:4px}.waveform-bar:first-child{animation-delay:0s;height:25px}.waveform-bar:nth-child(2){animation-delay:.15s;height:40px}.waveform-bar:nth-child(3){animation-delay:.3s;height:30px}.waveform-bar:nth-child(4){animation-delay:.45s;height:45px}.waveform-bar:nth-child(5){animation-delay:.6s;height:35px}.waveform-bar:nth-child(6){animation-delay:.75s;height:25px}@keyframes enhancedStatusPulse{0%,to{box-shadow:0 0 15px #4caf5099,inset 0 1px 0 #ffffff4d;transform:scale(1)}50%{box-shadow:0 0 25px #4caf50cc,0 0 35px #4caf5066,inset 0 1px 0 #ffffff80;transform:scale(1.15)}}@keyframes enhancedWaveformPulse{0%,to{opacity:.6;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1.2)}}.floating-music-note{animation:enhancedNoteFloat 12s ease-in-out infinite;color:#ffffff80;text-shadow:0 2px 10px #0003;z-index:0}.floating-music-note:first-child{font-size:20px;top:15%}.floating-music-note:nth-child(2){animation-delay:3s;font-size:28px;top:65%}.floating-music-note:nth-child(3){animation-delay:6s;bottom:25%;font-size:22px;left:25%}.floating-music-note:nth-child(4){animation-delay:9s;font-size:26px;top:35%}@keyframes enhancedNoteFloat{0%,to{opacity:.3;transform:translateY(0) translateX(0) rotate(0deg) scale(1)}25%{opacity:.6;transform:translateY(-15px) translateX(10px) rotate(5deg) scale(1.1)}50%{opacity:.4;transform:translateY(-25px) translateX(0) rotate(0deg) scale(.9)}75%{opacity:.7;transform:translateY(-15px) translateX(-10px) rotate(-5deg) scale(1.05)}}.music-files-section{animation:musicSectionGradientFlow 15s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe);background-size:400% 400%;border-radius:20px;box-shadow:0 12px 40px #00000026;margin-top:30px;overflow:hidden;padding:25px;position:relative}.music-files-section:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#fff3,#0000 50%,#fff3);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.music-files-title{align-items:center;color:#fff;display:flex;font-size:28px;font-weight:700;gap:15px;justify-content:center;margin-bottom:25px;position:relative;text-shadow:0 2px 10px #0000004d;z-index:1}.music-files-title:before{animation:musicIconFloat 3s ease-in-out infinite;content:"🎵";font-size:32px}.app-container{box-sizing:border-box;margin:0 auto;max-width:960px;width:100%}.app-container.has-results{max-width:1120px}.auth-page{background:linear-gradient(135deg,#1e3c72,#2a5298 50%,#1e3c72);overflow:hidden;position:relative}.auth-page:before{animation:float 20s linear infinite;background:linear-gradient(45deg,#ffffff1a 25%,#0000 0,#0000 75%,#ffffff1a 0,#ffffff1a),linear-gradient(45deg,#ffffff1a 25%,#0000 0,#0000 75%,#ffffff1a 0,#ffffff1a);background-position:0 0,10px 10px;background-size:20px 20px;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.auth-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:40px;position:relative;width:100%;z-index:1}.auth-header h1{color:#2a5298;font-size:2rem;font-weight:700;margin:0 0 10px;text-shadow:0 2px 4px #0000001a}.auth-header p{color:#666;font-size:1rem;margin:0;opacity:.8}.auth-form-header{margin-bottom:25px;text-align:center}.auth-form-header h2{color:#2a5298;font-size:1.5rem;font-weight:600;margin:0 0 8px}.auth-form-header p{color:#666;font-size:.9rem;margin:0}.form-group input::placeholder{color:#aaa}.password-input-wrapper{position:relative}.password-toggle{background:none;border:none;color:#666;cursor:pointer;font-size:1.2rem;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .3s ease}.password-toggle:hover{color:#2a5298}.form-actions{display:flex;justify-content:flex-end;margin-bottom:20px}.forgot-password-link{background:none;border:none;color:#2a5298;cursor:pointer;font-size:.9rem;text-decoration:underline;transition:color .3s ease}.forgot-password-link:hover{color:#1e3c72}.auth-button{overflow:hidden;position:relative}.auth-button.primary{background:linear-gradient(135deg,#2a5298,#1e3c72);color:#fff}.auth-button.primary:hover:not(:disabled){background:linear-gradient(135deg,#1e3c72,#2a5298);box-shadow:0 8px 25px #2a52984d;transform:translateY(-2px)}.spinner{border:2px solid #0000;border-top-color:currentcolor;height:16px;width:16px}.error-icon{font-size:1.1rem}.auth-success{background:#efe;border:1px solid #cfc;color:#363}.auth-footer{border-top:1px solid #eee;margin-top:25px;padding-top:20px;text-align:center}.auth-switch{margin:0}.password-strength{display:flex;gap:4px;margin-top:8px}.password-strength-bar{background:#eee;border-radius:2px;flex:1 1;height:4px;transition:background-color .3s ease}.password-strength-bar.weak{background:#e74c3c}.password-strength-bar.fair{background:#f39c12}.password-strength-bar.good{background:#f1c40f}.password-strength-bar.strong{background:#27ae60}.password-strength-text{color:#666;font-size:.8rem;margin-top:4px}@media (max-width:480px){.auth-container{border-radius:12px;margin:10px;padding:30px 20px}.auth-header h1{font-size:1.6rem}.auth-form-header h2{font-size:1.3rem}}.auth-loading-overlay{align-items:center;background:#ffffffe6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.auth-loading-content{color:#2a5298;text-align:center}.auth-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#2a5298;height:40px;margin:0 auto 16px;width:40px}.auth-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.auth-modal{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:450px;overflow-y:auto;position:relative;width:90%}.auth-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;position:absolute;right:20px;top:15px;transition:all .2s ease;width:30px;z-index:1}.auth-modal-close:hover{background:#f5f5f5;color:#333}.auth-form{padding:40px}.auth-form h2{color:#2a5298;font-size:1.8rem;font-weight:600;margin:0 0 20px;text-align:center}.form-group label{color:#333;font-size:.9rem;margin-bottom:6px}.form-group input{background:#fff;border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#2a5298;box-shadow:0 0 0 3px #2a52981a;outline:none;transform:translateY(-1px)}.form-group input.error{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.checkbox-group{align-items:center;display:flex;margin-bottom:20px}.checkbox-group label{align-items:center;color:#666;cursor:pointer;display:flex;font-size:.9rem;margin:0}.checkbox-group input[type=checkbox]{margin-right:8px;width:auto}.auth-button{align-items:center;background:linear-gradient(135deg,#2a5298,#1e3c72);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .3s ease;width:100%}.auth-button:hover:not(:disabled){background:linear-gradient(135deg,#1e3c72,#2a5298);box-shadow:0 8px 25px #2a52984d;transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-error{align-items:center;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;display:flex;font-size:.9rem;gap:8px;margin-bottom:20px;padding:12px 16px}.auth-switch{border-top:1px solid #eee;color:#666;font-size:.9rem;margin-top:25px;padding-top:20px;text-align:center}.link-button{background:none;border:none;color:#2a5298;cursor:pointer;font-size:inherit;font-weight:600;margin-left:4px;text-decoration:underline;transition:color .3s ease}.link-button:hover{color:#1e3c72}.user-menu{display:inline-block;position:relative}.user-menu-trigger{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.user-menu-trigger:hover{background:#ffffff1a}.user-avatar{align-items:center;background:#fff;border-radius:50%;color:#2a5298;display:flex;font-size:.9rem;font-weight:600;height:32px;justify-content:center;width:32px}.user-name{font-size:.9rem;font-weight:500}.user-menu-dropdown{animation:slideDown .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.user-info{border-bottom:1px solid #eee;padding:16px}.user-email{color:#666;font-size:.8rem;margin-bottom:4px}.user-role{color:#999;font-size:.8rem}.menu-item{background:none;border:none;color:#333;cursor:pointer;font-size:.9rem;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.menu-item:hover{background:#f5f5f5}.menu-item.logout{border-top:1px solid #eee;color:#e74c3c}.menu-item.logout:hover{background:#fef2f2}@media (max-width:480px){.auth-modal{margin:20px;width:95%}.auth-form{padding:30px 20px}.auth-form h2{font-size:1.5rem}.user-menu-dropdown{min-width:180px;right:-10px}}.auth-button.loading{color:#0000;position:relative}.auth-button.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;color:#fff;content:"";height:20px;position:absolute;width:20px}.auth-success{align-items:center;background:#e8f5e8;border:1px solid #c3e6c3;border-radius:8px;color:#2d5a2d;display:flex;font-size:.9rem;gap:8px;margin-bottom:20px;padding:12px 16px}.auth-button:focus{box-shadow:0 0 0 3px #2a52984d;outline:none}.user-menu-trigger:focus{box-shadow:0 0 0 2px #ffffff4d;outline:none}.auth-page{background:linear-gradient(135deg,#1e3c72,#2a5298);min-height:100vh;padding:20px}.auth-background,.auth-page{align-items:center;display:flex;justify-content:center}.auth-background{width:100%}.auth-container-wrapper{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a,0 8px 16px #0000000f;box-sizing:border-box;margin:0 auto;max-width:600px;padding:3rem;width:100%}.auth-brand{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;margin-bottom:2rem;padding:2rem;text-align:center}.auth-brand p{color:#87ceeb!important;font-size:16px;font-weight:400;letter-spacing:.5px;margin:0;text-shadow:0 1px 2px #87ceeb33}.auth-header h1:not(.brand-title),.auth-header h2:not(.brand-title){color:#2a5298!important}.auth-card,.auth-container{background:#0000!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box!important;margin:0!important;max-width:none!important;padding:0!important;width:100%!important}.auth-content{box-sizing:border-box;padding:0;width:100%}.auth-form,.form-group{box-sizing:border-box;display:flex;flex-direction:column;width:100%}.form-group{margin-bottom:20px}.form-group label{box-sizing:border-box;color:#374151;display:block;font-size:15px;font-weight:500;margin-bottom:8px;text-align:left;width:100%}.input-container input{background-color:#fafbfc!important;border:2px solid #e5e7eb!important;border-radius:12px!important;box-sizing:border-box!important;font-size:16px!important;font-weight:400;margin:0!important;padding:16px 20px 16px 55px!important;transition:all .2s ease!important;width:100%!important}.input-container input:focus{background-color:#fff!important;border-color:#2a5298!important;box-shadow:0 0 0 4px #2a52981a!important;outline:none!important;transform:translateY(-1px)}.input-container input::placeholder{color:#9ca3af!important;font-size:15px!important;font-weight:400!important;padding-left:0!important;text-indent:0!important}.input-container input::-webkit-input-placeholder{color:#9ca3af!important;font-size:15px!important;font-weight:400!important;padding-left:0!important}.input-container input::-moz-placeholder{color:#9ca3af!important;font-size:15px!important;opacity:1!important;padding-left:0!important}.input-container input:-ms-input-placeholder{color:#9ca3af!important;font-size:15px!important;padding-left:0!important}.input-icon{color:#9ca3af!important;left:18px!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:2!important}.auth-button,.login-button,.register-button,button[type=submit]{background-color:#2a5298;border:none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:block;font-size:16px;margin:0;padding:12px;transition:background-color .3s;width:100%}.auth-button{background:linear-gradient(135deg,#2a5298,#1e3c72)!important;border:none!important;border-radius:12px!important;box-sizing:border-box!important;color:#fff!important;cursor:pointer!important;display:block!important;font-size:16px!important;font-weight:600!important;letter-spacing:.3px;margin:24px 0 0!important;padding:16px!important;transition:all .2s ease!important;width:100%!important}.auth-button:hover{box-shadow:0 8px 25px #2a52984d!important;transform:translateY(-2px)!important}.auth-button:active{transform:translateY(0)!important}.auth-button.loading{background:#94a3b8!important;cursor:not-allowed!important;transform:none!important}.login-button:hover,.register-button:hover,button[type=submit]:hover{background-color:#1e3c72}.auth-button:disabled,.login-button:disabled,.register-button:disabled,button[type=submit]:disabled{background-color:#999;cursor:not-allowed}.auth-error,.error-message{background-color:#ffebee;color:#c62828}.auth-error,.error-message,.success-message{border-radius:4px;box-sizing:border-box;font-size:14px;margin-bottom:20px;padding:10px;width:100%}.success-message{background-color:#e8f5e8;color:#2e7d32}.spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;height:20px;margin-right:8px;width:20px}.error-message,.success-message{align-items:center;animation:slideDown .3s ease-out;border-radius:8px;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:20px;padding:12px 16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-form-container{box-sizing:border-box;display:flex;flex-direction:column;margin-top:20px;width:100%}.auth-toggle,.toggle-form{margin-top:20px;text-align:center;width:100%}.brand-logo{align-items:center;display:flex;height:48px;justify-content:center;margin:0 auto 1rem;position:relative;width:48px}.brand-logo svg{stroke-width:2;stroke:url(#rainbow-gradient);fill:url(#rainbow-gradient);animation:rainbow-glow 3s ease-in-out infinite alternate;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));height:100%;width:100%}@keyframes rainbow-glow{0%{filter:drop-shadow(0 4px 8px rgba(255,0,0,.3))}16.66%{filter:drop-shadow(0 4px 8px rgba(255,165,0,.3))}33.33%{filter:drop-shadow(0 4px 8px rgba(255,255,0,.3))}50%{filter:drop-shadow(0 4px 8px rgba(0,255,0,.3))}66.66%{filter:drop-shadow(0 4px 8px rgba(0,0,255,.3))}83.33%{filter:drop-shadow(0 4px 8px rgba(75,0,130,.3))}to{filter:drop-shadow(0 4px 8px rgba(148,0,211,.3))}}.brand-title{align-items:center;display:flex;font-size:2.5rem;font-weight:700;gap:.3em;justify-content:center;margin:.5rem 0;text-shadow:0 2px 4px #0000001a}.brand-title .word-music{color:#e74c3c;text-shadow:0 2px 8px #e74c3c4d}.brand-title .word-inspiration{color:#3498db;text-shadow:0 2px 8px #3498db4d}.brand-title .word-crossover{color:#2ecc71;text-shadow:0 2px 8px #2ecc714d}.brand-title span{cursor:default;transition:all .3s ease}.brand-title span:hover{filter:brightness(1.2);transform:translateY(-2px)}@media (max-width:768px){.auth-container-wrapper{margin:16px;max-width:90%;padding:1.5rem}.brand-title{font-size:2rem;gap:.2em}.brand-logo{height:40px;width:40px}.auth-header,.auth-header.form-width,.welcome-header{margin-bottom:24px;padding:16px}.auth-header h1,.auth-header h2,.welcome-header h1,.welcome-header h2{font-size:20px}.auth-header p,.welcome-header p{font-size:13px}.auth-brand p{font-size:14px}}@media (max-width:480px){.auth-container-wrapper{margin:12px;max-width:95%;padding:1rem}.brand-title{flex-direction:column;font-size:1.5rem;gap:.1em}.brand-logo{height:32px;width:32px}.form-group input,.input-container input{font-size:14px;padding:10px 14px 10px 45px}.auth-button,.login-button,.register-button,button[type=submit]{font-size:14px;padding:10px}.auth-brand p{font-size:13px}}.auth-container-wrapper .input-container input::placeholder,.auth-content .input-container input::placeholder{color:#9ca3af!important;font-size:14px!important;padding-left:0!important;text-align:left!important;text-indent:0!important}.auth-container-wrapper .input-container input::-webkit-input-placeholder,.auth-content .input-container input::-webkit-input-placeholder{color:#9ca3af!important;font-size:14px!important;padding-left:0!important;text-indent:0!important}.auth-container-wrapper .input-container input::-moz-placeholder,.auth-content .input-container input::-moz-placeholder{color:#9ca3af!important;font-size:14px!important;opacity:1!important;padding-left:0!important;text-indent:0!important}.auth-container-wrapper .input-container input:-ms-input-placeholder,.auth-content .input-container input:-ms-input-placeholder{color:#9ca3af!important;font-size:14px!important;padding-left:0!important}.auth-container-wrapper .input-container input,.auth-content .input-container input{background-color:#fafbfc!important;border:2px solid #e1e5e9!important;border-radius:8px!important;box-sizing:border-box!important;font-size:16px!important;margin:0!important;padding:12px 16px 12px 55px!important;text-align:left!important;transition:all .3s ease!important;width:100%!important}.auth-container-wrapper .input-icon,.auth-content .input-icon{color:#9ca3af!important;font-size:16px!important;left:18px!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:2!important}.auth-container-wrapper .form-group input.input-with-icon,.auth-content .form-group input.input-with-icon{padding-left:55px!important}.auth-container-wrapper .form-group input.input-with-icon::placeholder,.auth-content .form-group input.input-with-icon::placeholder{color:#9ca3af!important;font-size:14px!important;padding-left:0!important}.auth-container-wrapper .input-container input:focus,.auth-content .input-container input:focus{background-color:#fff!important;border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e51a!important;outline:none!important}@media (max-width:480px){.auth-container-wrapper .input-container input,.auth-content .input-container input{font-size:14px!important;padding:10px 14px 10px 50px!important}.auth-container-wrapper .input-container input:-ms-input-placeholder,.auth-container-wrapper .input-container input::-moz-placeholder,.auth-container-wrapper .input-container input::-webkit-input-placeholder,.auth-container-wrapper .input-container input::placeholder,.auth-content .input-container input::placeholder,.auth_content .input-container input:-ms-input-placeholder,.auth_content .input-container input::-moz-placeholder,.auth_content .input-container input::-webkit-input-placeholder{font-size:13px!important}.auth-container-wrapper .input-icon,.auth-content .input-icon{font-size:14px!important;left:16px!important}}.auth-header *{border:none!important;display:block!important;opacity:1!important;visibility:visible!important}.auth-header,.auth-header *{background-color:initial!important}.auth-header{border-radius:8px;padding:20px}.auth-header h1,.auth-header h2{color:#1f2937!important;font-size:28px!important;font-weight:600!important;letter-spacing:-.5px!important;margin:0 0 8px!important;text-shadow:none!important}.auth-header p{color:#4b5563!important;opacity:1!important}.auth-header{background:#2a529805!important;border:none!important;border:1px solid #2a529814;border-radius:16px!important;box-sizing:border-box;margin-bottom:30px;min-height:auto!important;padding:24px 20px;text-align:center;transition:all .3s ease;width:100%}.auth-header:hover{background:#2a52980d!important;border-color:#2a529826;box-shadow:0 8px 25px #2a52981a;transform:translateY(-2px)}.auth-header h1,.auth-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2a5298,#1e3c72);-webkit-background-clip:text;background-clip:text;color:#2a5298!important;display:block!important;font-size:32px!important;font-weight:700!important;letter-spacing:-.8px!important;margin:0 0 12px!important;opacity:1!important;text-shadow:0 2px 4px #2a52981a!important;transition:all .3s ease}.auth-header h1:hover,.auth-header h2:hover{filter:brightness(1.1);letter-spacing:-.5px!important;transform:translateY(-1px)}.auth-header p{color:#6b7280!important;display:block!important;font-size:16px!important;font-weight:400!important;letter-spacing:.3px;margin:0!important;opacity:.8!important;text-shadow:none!important;transition:all .3s ease}.auth-header p:hover{color:#4b5563!important;opacity:1!important;transform:translateY(-1px)}@keyframes subtle-pulse{0%{box-shadow:0 4px 20px #2a52980d}50%{box-shadow:0 8px 25px #2a52981a}to{box-shadow:0 4px 20px #2a52980d}}.auth-header{animation:subtle-pulse 4s ease-in-out infinite}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:#0000}}.auth-header.typewriter h1,.auth-header.typewriter h2{animation:typewriter 2s steps(12) .5s forwards,blink 1s step-end infinite;border-right:2px solid #2a5298;overflow:hidden;white-space:nowrap;width:0}.auth-header.gradient h1,.auth-header.gradient h2{-webkit-text-fill-color:#0000;animation:gradient-shift 3s ease infinite;background:linear-gradient(45deg,#2a5298,#1e3c72,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;background-size:400% 400%}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.auth-header:focus-within{border-color:#2a5298;outline:2px solid #2a5298;outline-offset:4px}@media (max-width:768px){.auth-header{margin-bottom:24px;padding:20px 16px}.auth-header h1,.auth-header h2{font-size:28px!important;letter-spacing:-.6px!important}.auth-header p{font-size:15px!important}}@media (max-width:480px){.auth-header{margin-bottom:20px;padding:16px 12px}.auth-header h1,.auth-header h2{font-size:24px!important;letter-spacing:-.4px!important}.auth-header p{font-size:14px!important}}.auth-header.loading{animation:shimmer 2s infinite;background:linear-gradient(90deg,#2a529805,#2a52981a 40px,#2a529805 80px);background-size:200px 100%}.auth-header.success{animation:success-pulse .6s ease-out;background:#22c55e0d!important;border-color:#22c55e33}@keyframes success-pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.auth-header.success h1,.auth-header.success h2{color:#22c55e!important}.input-container{box-sizing:border-box!important;display:block!important;margin-bottom:20px!important;position:relative!important;width:100%!important}.auth-card .input-container .input-icon,.auth-container .input-container .input-icon,.auth-form .input-container .input-icon,.form-group .input-container .input-icon{align-items:center!important;color:#9ca3af!important;display:flex!important;font-size:18px!important;height:18px!important;justify-content:center!important;left:16px!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:18px!important;z-index:10!important}.auth-card .input-container input,.auth-container .input-container input,.auth-form .input-container input,.form-group .input-container input{background-color:#fafbfc!important;border:2px solid #e1e5e9!important;border-radius:8px!important;box-sizing:border-box!important;font-size:16px!important;margin:0!important;padding:12px 16px 12px 50px!important;position:relative!important;transition:all .3s ease!important;width:100%!important}.auth-card .input-container .input-icon svg,.auth-container .input-container .input-icon svg,.auth-form .input-container .input-icon svg,.form-group .input-container .input-icon svg{stroke:currentColor!important;fill:none!important;stroke-width:2!important;height:18px!important;width:18px!important}.auth-card .input-container .password-toggle,.auth-container .input-container .password-toggle,.auth-form .input-container .password-toggle,.form-group .input-container .password-toggle{align-items:center!important;background:none!important;border:none!important;color:#9ca3af!important;cursor:pointer!important;display:flex!important;height:24px!important;justify-content:center!important;padding:4px!important;position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;width:24px!important;z-index:10!important}.auth-card .input-container .password-toggle:hover,.auth-container .input-container .password-toggle:hover,.auth-form .input-container .password-toggle:hover,.form-group .input-container .password-toggle:hover{color:#6b7280!important}.auth-card .input-container .password-toggle svg,.auth-container .input-container .password-toggle svg,.auth-form .input-container .password-toggle svg,.form-group .input-container .password-toggle svg{height:18px!important;width:18px!important}.auth-card .input-container:has(.password-toggle) input,.auth-container .input-container:has(.password-toggle) input,.auth-form .input-container:has(.password-toggle) input,.form-group .input-container:has(.password-toggle) input{padding-right:50px!important}.auth-card .input-container input:focus,.auth-container .input-container input:focus,.auth-form .input-container input:focus,.form-group .input-container input:focus{background-color:#fff!important;border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e51a!important;outline:none!important}.auth-card .input-container input:focus+.input-icon,.auth-card .input-container input:focus~.input-icon,.auth-container .input-container input:focus+.input-icon,.auth-container .input-container input:focus~.input-icon,.auth-form .input-container input:focus+.input-icon,.auth-form .input-container input:focus~.input-icon,.form-group .input-container input:focus+.input-icon,.form-group .input-container input:focus~.input-icon{color:#4f46e5!important}.auth-card .input-container input.error,.auth-container .input-container input.error,.auth-form .input-container input.error,.form-group .input-container input.error{border-color:#ef4444!important}.auth-card .input-container input.error:focus,.auth-container .input-container input.error:focus,.auth-form .input-container input.error:focus,.form-group .input-container input.error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}@media (max-width:480px){.auth-card .input-container input,.auth-container .input-container input,.auth-form .input-container input,.form-group .input-container input{font-size:14px!important;padding:10px 14px 10px 45px!important}.auth-card .input-container .input-icon,.auth-container .input-container .input-icon,.auth-form .input-container .input-icon,.form-group .input-container .input-icon{font-size:16px!important;height:16px!important;left:14px!important;width:16px!important}.auth-card .input-container .input-icon svg,.auth-container .input-container .input-icon svg,.auth-form .input-container .input-icon svg,.form-group .input-container .input-icon svg{height:16px!important;width:16px!important}.auth-card .input-container .password-toggle,.auth-container .input-container .password-toggle,.auth-form .input-container .password-toggle,.form-group .input-container .password-toggle{height:20px!important;right:10px!important;width:20px!important}.auth-card .input-container .password-toggle svg,.auth-container .input-container .password-toggle svg,.auth-form .input-container .password-toggle svg,.form-group .input-container .password-toggle svg{height:16px!important;width:16px!important}.auth-card .input-container:has(.password-toggle) input,.auth-container .input-container:has(.password-toggle) input,.auth-form .input-container:has(.password-toggle) input,.form-group .input-container:has(.password-toggle) input{padding-right:45px!important}}.authenticated-layout{display:flex;flex-direction:column;min-height:100vh}.auth-main{flex:1 1;width:100%}.user-profile-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.user-profile-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;padding:20px;width:90%}.user-profile-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.user-profile-header h2{color:#2a5298;margin:0}.profile-message{border-radius:4px;margin-bottom:20px;padding:10px}.profile-message.success{background-color:#e8f5e9;color:#2e7d32}.profile-message.error{background-color:#ffebee;color:#c62828}.profile-form .form-group{margin-bottom:20px}.profile-form label{color:#555;display:block;font-size:14px;margin-bottom:5px}.profile-form input,.profile-form textarea{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}.profile-form input:focus,.profile-form textarea:focus{border-color:#2a5298;outline:none}.profile-form input:disabled{background-color:#f5f5f5;cursor:not-allowed}.profile-form small{color:#999;display:block;font-size:12px;margin-top:5px}.profile-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.cancel-button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px}.cancel-button,.save-button{cursor:pointer;padding:10px 20px}.save-button{background-color:#2a5298;border:none;border-radius:4px}.save-button:hover{background-color:#1e3c72}.profile-info{padding:10px 0}.profile-field{margin-bottom:15px}.field-label{color:#555;font-weight:700;margin-right:10px}.field-value{color:#333}.profile-field.bio{display:flex;flex-direction:column}.profile-field.bio .field-label{margin-bottom:5px}.profile-field.bio .field-value{background-color:#f9f9f9;border-radius:4px;padding:10px;white-space:pre-wrap}.edit-button{background-color:#2a5298;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px;width:100%}.edit-button:hover{background-color:#1e3c72}.project-management{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;padding:2rem;position:relative}.project-management:before{background:radial-gradient(circle at 20% 20%,#7877c61a 0,#0000 50%),radial-gradient(circle at 80% 80%,#ff95001a 0,#0000 50%),radial-gradient(circle at 40% 40%,#34c7591a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.project-management-container{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001a;margin:0 auto;max-width:1200px;overflow:hidden}.project-management-header{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:2rem;text-align:center}.project-management-header h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.project-management-header p{font-size:1.1rem;margin:0;opacity:.9}.project-management-content{padding:2rem}.project-header{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px 12px 0 0;box-shadow:0 4px 16px #4f46e533;color:#fff;display:flex;justify-content:space-between;margin-bottom:0;padding:2rem}.header-separator{background:#e5e7eb;border:none;box-shadow:0 1px 2px #0000000d;height:1px;margin-bottom:2rem;width:100%}.text-action-group,.text-action-item{align-items:center;display:flex;gap:.5rem}.text-action-item{border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.25rem .5rem;text-decoration:none;transition:all .2s ease}.text-action-icon{font-size:1rem;opacity:.9}.text-action-item:hover{background:#ffffff1a;color:#fff}.text-action-separator{color:#fff9;font-size:.8rem;margin:0 .25rem}.header-main{flex:1 1;justify-content:space-between}.header-main,.header-title-section{align-items:center;display:flex;gap:2rem}.header-title-text h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.header-title-text p{font-size:1.1rem;margin:0;opacity:.9}.header-actions{align-items:center;display:flex;gap:1rem}.project-actions-row{background:#0000;justify-content:space-between;margin-bottom:2rem;padding:1rem}.primary-actions,.project-actions-row,.secondary-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.inline-statistics{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-left:2rem}.inline-statistics .statistics-label{color:#374151;font-size:.875rem;font-weight:600;margin-right:.5rem}.inline-statistics .stat-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:.8125rem;gap:.375rem;padding:.25rem .5rem;transition:background-color .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.inline-statistics .stat-item:hover{background:#6366f11a}.inline-statistics .stat-item.active{background:#6366f126;font-weight:600}.inline-statistics .stat-color{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0000001a;flex-shrink:0;height:12px;width:12px}.inline-statistics .stat-text{color:#6b7280;font-size:.9rem;font-weight:500;transition:color .2s ease}.inline-statistics .stat-item.active .stat-text{color:#374151;font-weight:600}.inline-statistics .stat-separator{color:#d1d5db;font-weight:400;margin:0 .25rem}.project-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.create-project-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 2rem;transition:all .3s ease}.create-project-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.logout-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem;transition:all .3s ease}.logout-btn:hover{background:#dc2626;transform:translateY(-1px)}.projects-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-grid,.projects-grid{display:grid;margin-bottom:2rem}.project-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.project-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;cursor:pointer;padding:1.5rem;position:relative;transition:all .3s ease}.project-card:hover{border-color:#4f46e5;box-shadow:0 8px 24px #0000001f,0 4px 12px #00000014;transform:translateY(-4px)}.project-card.selected{background:#f8fafc;border-color:#4f46e5;box-shadow:0 4px 16px #4f46e526,0 2px 8px #4f46e51a}.project-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.project-name{color:#1f2937;font-size:1.25rem;font-weight:700;line-height:1.2;margin:0}.project-actions-menu{display:flex;gap:.5rem}.action-btn{background:none;border-radius:4px;color:#6b7280;padding:.25rem}.action-btn:hover{background:#f3f4f6;color:#1f2937}.project-description{color:#6b7280;font-size:.9rem;line-height:1.4;margin-bottom:1rem}.project-meta{color:#9ca3af;display:flex;flex-wrap:wrap;font-size:.8rem;gap:1rem;margin-bottom:1rem}.project-tools{display:flex;flex-wrap:wrap;gap:.5rem}.tool-tag{background:#e0e7ff;border-radius:20px;color:#4338ca;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.empty-state{color:#6b7280;padding:4rem 2rem}.empty-state-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:#374151;font-size:1.5rem;margin-bottom:.5rem}.empty-state p{font-size:1rem;line-height:1.6;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:400px}.selected-project-actions{background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:center;padding:2rem}.enter-project-btn{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.enter-project-btn:hover{box-shadow:0 6px 20px #4f46e54d;transform:translateY(-2px)}.enter-project-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;margin:1rem;max-width:500px;padding:2rem;width:90%}.modal-header{margin-bottom:1.5rem}.modal-title{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.close-btn{align-items:center;color:#6b7280;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.close-btn:hover{background:#f3f4f6;color:#1f2937}.form-group{margin-bottom:1.5rem}.form-label{color:#374151;display:block;font-weight:600;margin-bottom:.5rem}.form-input{border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.form-textarea{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:1rem;min-height:100px;padding:.75rem;resize:vertical;transition:border-color .3s ease;width:100%}.form-textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.analysis-tools{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tool-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;padding:1rem;transition:all .3s ease}.tool-option:hover{background:#f8fafc;border-color:#4f46e5}.tool-option.selected{background:#ede9fe;border-color:#4f46e5}.tool-option input[type=checkbox]{margin-right:.75rem;transform:scale(1.2)}.tool-option label{color:#374151;cursor:pointer;font-weight:500}.modal-actions{gap:1rem;margin-top:2rem}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}.btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.btn-primary:hover{box-shadow:0 4px 12px #4f46e54d}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.btn{display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-outline{background:#0000;border:2px solid #ffffff80;color:#fff}.btn-outline:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-success:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#fff}.btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.project-files{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:1rem 0;padding:.75rem}.project-files strong{color:#495057;display:block;margin-bottom:.5rem}.file-list{margin-top:.5rem}.file-list details{margin:0}.file-list summary{border-radius:4px;color:#6c757d;cursor:pointer;font-size:.875rem;padding:.25rem 0;transition:background-color .2s}.file-list summary:hover{background-color:#e9ecef;color:#495057}.file-names{border-top:1px solid #dee2e6;list-style:none;margin:0;max-height:120px;overflow-y:auto;padding:.5rem 0 0}.file-name{background:#fff;border:1px solid #e9ecef;border-radius:4px;color:#6c757d;font-size:.8rem;margin-bottom:.25rem;padding:.25rem .5rem;word-break:break-all}.file-name:last-child{margin-bottom:0}.file-name.assigned{border-left:3px solid #28a745}.file-name.unassigned{align-items:center;background:#fff8e1;border-left:3px solid #ffc107;display:flex;gap:.5rem;justify-content:space-between}.file-info{min-width:0}.btn-assign{background:#007bff;border:none;border-radius:3px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.7rem;padding:.2rem .5rem;transition:background-color .2s;white-space:nowrap}.btn-assign:hover{background:#0056b3}.file-list-content{margin-top:.5rem}.bulk-assign-actions{border-top:1px solid #dee2e6;margin-top:.5rem;padding-top:.5rem;text-align:center}.btn-assign-all{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.4rem .8rem;transition:background-color .2s}.btn-assign-all:hover{background:#1e7e34}.unassigned-label{background:#fff3cd;border-radius:3px;color:#856404;font-size:.7rem;margin-left:.5rem;padding:.1rem .3rem}@media (max-width:768px){.project-management{padding:1rem}.project-management-header{padding:1.5rem}.project-management-header h1{font-size:2rem}.project-management-content{padding:1rem}.project-header{flex-direction:column;gap:1rem;padding:1.5rem}.header-main h1{font-size:2rem}.header-actions{align-self:flex-start}.projects-grid{grid-template-columns:1fr}.project-actions,.selected-project-actions{align-items:stretch;flex-direction:column}.analysis-tools{grid-template-columns:1fr}.modal-actions{flex-direction:column}}.analysis-tools-categorized{margin-top:1rem}.tool-categories-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.tool-category{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;transition:all .3s ease}.tool-category:hover{background:#f1f5f9;border-color:#cbd5e0;box-shadow:0 2px 8px #0000000d}.category-title{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:1rem;font-weight:600;margin:0 0 .75rem;padding-bottom:.5rem}.category-title:before{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:2px;content:"";height:20px;margin-right:.5rem;width:4px}.category-tools{display:flex;flex-direction:column;gap:.5rem}.tool-category .tool-option{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.5rem;transition:all .2s ease}.tool-category .tool-option:hover{border-color:#cbd5e0;box-shadow:0 1px 4px #0000000d}.tool-category .tool-checkbox{align-items:center;cursor:pointer;display:flex;gap:.5rem;width:100%}.tool-category .tool-checkbox input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.tool-category .checkmark{border:2px solid #cbd5e0;border-radius:3px;flex-shrink:0;height:16px;position:relative;transition:all .2s ease;width:16px}.tool-category .tool-checkbox input[type=checkbox]:checked+.checkmark{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:#4f46e5}.tool-category .tool-checkbox input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.tool-category .tool-name{color:#2d3748;font-size:.875rem;font-weight:600;line-height:1.2}.quick-selection-actions{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1rem;padding:1rem}.quick-selection-actions .btn-sm{border-radius:6px;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.quick-selection-actions .btn-outline{background:#fff;border:1px solid #cbd5e0;color:#4f46e5}.quick-selection-actions .btn-outline:hover{background:#4f46e5;border-color:#4f46e5;box-shadow:0 2px 8px #4f46e533;color:#fff;transform:translateY(-1px)}@media (max-width:1024px){.tool-categories-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.tool-categories-grid{gap:1rem;grid-template-columns:1fr}.tool-category{padding:.75rem}.category-title{font-size:.95rem}.quick-selection-actions{align-items:stretch;flex-direction:column}.quick-selection-actions .btn-sm{text-align:center}}.project-card-compact{backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);background:#fff6;border:none;border-radius:1px 1px 1px 1px;box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014;clip-path:polygon(30px 0,100% 0,100% 100%,0 100%,0 30px);cursor:pointer;display:flex;flex-direction:column;max-width:200px;min-height:480px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.project-card-compact:hover{background:#fff9;box-shadow:0 16px 48px #0000002e,0 8px 24px #0000001f;transform:translateY(-12px) scale(1.02)}.project-card-compact.selected{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f633,0 4px 16px #3b82f61a;position:relative;transform:translateY(-8px) scale(1.05)}.project-card-compact.selected:before{animation:borderGlow 2s ease-in-out infinite alternate;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffa07a);border-radius:3px;bottom:-2px;clip-path:polygon(32px 0,100% 0,100% 100%,0 100%,0 32px);content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes borderGlow{0%{filter:blur(2px) brightness(1)}to{filter:blur(4px) brightness(1.2)}}.card-header-compact{align-items:flex-start;border-radius:1px;box-shadow:0 2px 8px #0000001a;color:#fff;display:flex;gap:6px;padding:12px 8px;position:relative}.project-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));flex-shrink:0;font-size:16px;opacity:.95;transition:all .3s ease}.card-header-compact:hover .project-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transform:scale(1.1) rotate(5deg)}.project-title{flex:1 1;min-width:0}.project-title h3{color:#fff;font-size:16px;font-weight:700;letter-spacing:.3px;line-height:1.2;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px #00000080;white-space:nowrap}.project-subtitle{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-size:10px;line-height:1.3;margin:0;opacity:.8;overflow:hidden}.project-status-label{color:#fff!important;font-size:11px;font-weight:600;letter-spacing:.2px;margin:6px 0 4px;opacity:1;text-shadow:0 2px 4px #000c,0 1px 2px #0009}.project-progress{margin-top:8px}.progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.progress-text{font-weight:500}.progress-percentage,.progress-text{color:#fff!important;font-size:10px;opacity:1;text-shadow:0 1px 3px #000c,0 1px 1px #0009}.progress-percentage{font-weight:600}.progress-bar-container{background-color:#ffffff4d;border-radius:2px;box-shadow:inset 0 1px 2px #0003;height:4px;overflow:hidden;width:100%}.progress-bar-fill{background-color:#666!important;border-radius:2px;box-shadow:0 1px 2px #0000004d;transition:all .3s ease}.status-dropdown-container{align-items:center;display:flex}.project-status-dropdown{background-color:#ffffff1a!important;border:1px solid #ffffff4d!important;border-radius:4px;color:#fff!important;cursor:pointer;font-size:10px;font-weight:500;min-width:80px;padding:2px 6px;text-shadow:0 1px 2px #00000080;transition:all .2s ease}.project-status-dropdown:hover{background-color:#fff3!important;border-color:#ffffff80!important}.project-status-dropdown:focus{background-color:#fff3!important;box-shadow:0 0 0 2px #ffffff4d;outline:none}.project-status-dropdown option{background-color:#333!important;color:#fff!important;font-size:11px;padding:4px 8px}.card-actions-compact,.dropdown-menu-container{position:relative}.menu-toggle-btn{color:#fff;cursor:pointer;font-size:20px;font-weight:700;line-height:1;padding:0}.menu-toggle-btn,.menu-toggle-btn:hover{background:none;border:none;box-shadow:none}.menu-toggle-btn:hover{transform:scale(1.1)}.dropdown-menu{background:#fff;border:1px solid #0000001a;border-radius:6px;box-shadow:0 8px 32px #00000026;min-width:120px;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:1000}.dropdown-menu.show{opacity:1;transform:translateY(0);visibility:visible}.dropdown-item{background:none;border:none;border-bottom:1px solid #0000000d;color:#374151;cursor:pointer;display:block;font-size:12px;padding:8px 12px;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:#f3f4f6}.dropdown-item.delete:hover{background-color:#fef2f2;color:#dc2626}.card-body-compact{backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);background:#f5f5f08c;border:1px solid #b4b4b42e;box-shadow:0 4px 24px #3c3c3c1a;color:#374151;display:flex;flex:1 1;flex-direction:column;justify-content:space-evenly;padding:15px 8px}.info-section{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-bottom:15px}.info-section:last-child{margin-bottom:0}.section-header{gap:8px;margin-bottom:12px}.section-icon{color:#6b7280;font-size:16px;opacity:.8}.section-title{color:#374151;flex:1 1;font-size:16px!important;line-height:1.2}.file-count,.tool-count{background:#4f46e5;box-shadow:0 1px 3px #0000001a;display:none;min-width:24px;text-align:center}.file-count,.tool-count,.unassigned-count{border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:3px 9px}.unassigned-count{background:#f59e0b;margin-left:4px}.tool-tags-compact{display:flex;flex-wrap:wrap;gap:6px}.tool-tag-compact{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#a8edea,#fed6e3);border:1px solid #fffc;border-radius:12px;box-shadow:0 2px 4px #0000001a;color:#4a5568;font-size:11px;font-weight:600;padding:5px 10px;transition:all .3s ease}.tool-tag-compact:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.no-tools-compact{color:#9ca3af;font-size:12px;font-style:italic}.achievement-summary{display:flex;flex-direction:column;gap:8px}.achievement-item{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b33;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:6px 10px}.achievement-label{color:#92400e;flex:1 1;font-size:11px;font-weight:500}.achievement-count{border-radius:12px;min-width:20px}.achievement-count,.achievement-count-input{background:#f59e0b;box-shadow:0 1px 2px #0000001a;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;text-align:center}.achievement-count-input{border:1px solid #ffffff4d;border-radius:12px;cursor:pointer;max-width:60px;min-width:40px;transition:all .2s ease}.achievement-count-input:hover{background:#d97706;border-color:#ffffff80;box-shadow:0 2px 4px #00000026}.achievement-count-input:focus{background:#d97706;border-color:#ffffffb3;box-shadow:0 0 0 2px #f59e0b4d;outline:none}.achievement-count-input::-webkit-inner-spin-button,.achievement-count-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.achievement-count-input[type=number]{appearance:textfield}.more-tools{background:#e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:11px;font-weight:500;padding:4px 8px;position:relative;transition:all .2s ease}.more-tools:hover{background:#d1d5db;transform:translateY(-1px)}.tools-display-icon{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:11px;font-weight:500;margin-left:4px;padding:4px 8px;transition:all .2s ease}.tools-display-icon:hover{background:#2563eb;transform:translateY(-1px)}.tools-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.tools-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;padding:24px;position:relative;width:100%}.tools-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.tools-modal-title{color:#1f2937;font-size:18px;font-weight:600;margin:0}.tools-modal-close{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.tools-modal-close:hover{background:#f3f4f6;color:#374151}.tools-modal-content{grid-gap:16px;display:grid;gap:16px}.tools-category-modal{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.tools-category-title{align-items:center;color:#475569;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.tools-grid-modal{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.tool-tag-modal{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#475569;font-size:12px;font-weight:500;padding:8px 12px;text-align:center;transition:all .2s ease}.tool-tag-modal:hover{background:#f1f5f9;border-color:#3b82f6;color:#3b82f6}.file-summary{margin-top:8px}.file-details-compact{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.file-summary-text{background:#6b72801a;border:none;color:#374151;cursor:pointer;font-size:12px;font-weight:500;outline:none;padding:8px 12px;transition:background-color .2s ease}.file-summary-text:hover{background:#6b728033}.file-list-compact{background:#fffc;border:1px solid #0000001a;border-radius:6px;max-height:200px;overflow-y:auto;padding:12px}.file-item-compact{align-items:center;display:flex;font-size:11px;gap:8px;padding:4px 0}.file-status{flex-shrink:0;font-size:12px}.file-name-compact{color:#374151;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item-compact.unassigned .file-name-compact{color:#6b7280}.assign-btn-compact{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:10px;padding:2px 6px;transition:background-color .2s ease}.assign-btn-compact:hover{background:#2563eb}.more-files{color:#9ca3af;font-size:10px;font-style:italic;padding:4px 0}.assign-all-btn-compact{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:11px;font-weight:500;margin-top:8px;padding:6px 12px;transition:background-color .2s ease;width:100%}.assign-all-btn-compact:hover{background:#059669}.card-footer-compact{border-top:1px solid #0000001a;margin-top:16px;padding-top:16px}.meta-compact{display:flex;gap:8px;justify-content:space-between}.meta-item-compact{align-items:center;color:#6b7280;display:flex;font-size:11px;gap:4px}.meta-icon{color:#6b7280;font-size:12px;opacity:.8}@media (max-width:768px){.project-card-compact{max-width:100%;min-height:auto}.card-body-compact,.card-header-compact{padding:16px}.meta-compact{flex-direction:column;gap:4px}}@media (max-width:1200px){.project-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:900px){.project-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:600px){.project-grid{gap:.75rem;grid-template-columns:1fr}.tools-modal{margin:10px;padding:16px}.tools-grid-modal{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.tags-container{padding:.5rem 0}.tags-container,.tags-list{box-sizing:border-box;overflow:hidden;width:100%}.tags-list{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.5rem;min-height:1.5rem}.tag-item{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:1rem;box-shadow:0 1px 3px #0000001a;color:#fff;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .5rem;transition:all .2s ease}.tag-item:hover{box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.tag-text{margin-right:.25rem;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-remove-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:700;height:1rem;justify-content:center;line-height:1;margin:0;opacity:.8;padding:0;transition:opacity .2s ease;width:1rem}.tag-remove-btn:hover{background:#ffffff1a;opacity:1}.tag-input-container{margin-top:.25rem;position:relative}.tag-input,.tag-input-container{box-sizing:border-box;width:100%}.tag-input{background:#ffffffe6;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;font-size:.75rem;max-width:100%;padding:.375rem 4rem .375rem .5rem;transition:border-color .2s ease,box-shadow .2s ease}.tag-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.tag-input::placeholder{color:#9ca3af}.tag-input-hint{background:#0000;color:#6b7280;font-size:.625rem;max-width:3.5rem;overflow:hidden;padding:0 .25rem;pointer-events:none;position:absolute;right:.5rem;text-overflow:ellipsis;top:50%;transform:translateY(-50%);white-space:nowrap}.tags-list:empty:after{color:#e5e7eb;content:"暂无标签";font-size:.75rem;font-style:italic}@media (max-width:768px){.tag-item{font-size:.6875rem;padding:.1875rem .375rem}.tag-text{max-width:80px}.tag-input{font-size:.6875rem;padding:.3125rem 3.5rem .3125rem .375rem}.tag-input-hint{font-size:.5625rem;max-width:3rem;right:.375rem}.tags-container{padding:.375rem 0}}.project-controls{background:#0000;margin:1rem 0;padding:1rem}.project-controls-row{align-items:center;display:flex;gap:1rem;margin-bottom:.75rem}.project-controls-row:last-child{margin-bottom:0}.statistics-row{border-top:1px solid #e5e7eb;justify-content:center;margin-top:.75rem;padding-top:.75rem}.search-container{flex:1 1;max-width:800px;min-width:280px}.search-input{background:#fff;border:none;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;font-size:.875rem;padding:.75rem 3rem .75rem 2.5rem}.search-input:focus{box-shadow:0 0 0 3px #6366f11a,0 4px 12px #00000026;outline:none}.search-input::placeholder{color:#9ca3af;font-style:italic}.search-icon{color:#6b7280;font-size:1rem;left:.75rem}.search-clear-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:.75rem;height:24px;justify-content:center;opacity:.7;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:all .2s ease;width:24px}.search-clear-btn:hover{background:#ef4444;color:#fff;opacity:1;transform:translateY(-50%) scale(1.1)}.project-statistics{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;overflow-x:auto;padding:.75rem 1rem;white-space:nowrap;width:67%}.statistics-label{color:#374151;font-weight:600;margin-right:.25rem}.stat-item{gap:.25rem}.stat-color{border-radius:50%;flex-shrink:0;height:8px;width:8px}.stat-text{color:#4b5563;font-weight:500}.stat-separator{color:#9ca3af;margin:0 .25rem}.view-mode-toggle{border:2px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;display:flex;margin-left:auto;overflow:hidden}.view-btn{border:none;font-size:1.1rem;justify-content:center;min-width:50px;padding:.75rem 1rem}.view-btn:hover{background-color:#f9fafb;transform:translateY(-1px)}.view-btn.active{background-color:#6366f1;box-shadow:0 2px 8px #6366f14d}.filter-container,.sort-container{align-items:center;display:flex;gap:.5rem}.filter-container label,.sort-container label{color:#374151;font-size:.875rem;font-weight:500;white-space:nowrap}.filter-select,.sort-select{background:#fff;border:none;border-radius:.375rem;box-shadow:0 1px 3px #0000001a;cursor:pointer;font-size:.875rem;padding:.375rem .75rem;transition:box-shadow .2s ease}.filter-select:focus,.sort-select:focus{box-shadow:0 0 0 3px #6366f11a,0 1px 3px #0000001a;outline:none}.sort-order-btn{background:#fff;border:none;border-radius:.375rem;box-shadow:0 1px 3px #0000001a;cursor:pointer;font-size:.875rem;font-weight:700;padding:.375rem .5rem;transition:all .2s ease}.sort-order-btn:hover{background-color:#f3f4f6}.sort-order-btn.desc{background-color:#6366f1;border-color:#6366f1;color:#fff}.results-info{margin-left:auto}.results-count{color:#6b7280;font-size:.875rem;font-weight:500}.project-container.list-view{display:block}.project-list-view{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.list-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;padding:.75rem 1rem}.list-header,.project-list-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1.2fr 1fr .8fr .8fr 1.2fr 1fr 1fr 1fr}.project-list-row{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;padding:1rem;position:relative;transition:all .3s ease}.project-list-row:hover{background-color:#f8fafc;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.project-list-row:hover:before{background:#1f2937;border-radius:.375rem;color:#fff;content:"点击进入项目";font-size:.75rem;left:50%;opacity:.9;padding:.375rem .75rem;pointer-events:none;position:absolute;top:-30px;transform:translateX(-50%);white-space:nowrap;z-index:10}.project-list-row.selected{background-color:#eff6ff;border-left:4px solid #6366f1}.list-col{font-size:.875rem}.list-col,.project-name-cell{align-items:center;display:flex}.project-name-cell{gap:.5rem}.project-name-cell .project-icon{font-size:1.25rem}.project-info h4{color:#111827;font-size:.875rem;font-weight:600;margin:0}.project-info .project-desc{color:#6b7280;font-size:.75rem;line-height:1.2;margin:.25rem 0 0}.project-status-dropdown-list{border:none;border-radius:.375rem;cursor:pointer;font-size:.75rem;font-weight:500;padding:.25rem .5rem;transition:opacity .2s ease}.project-status-dropdown-list:hover{opacity:.9}.progress-cell{align-items:center;display:flex;gap:.5rem;width:100%}.progress-bar-mini{border-radius:3px;flex:1 1;height:6px;overflow:hidden}.progress-bar-fill-mini{border-radius:3px;height:100%;transition:width .3s ease}.progress-text-mini{color:#6b7280;font-size:.75rem;font-weight:500;white-space:nowrap}.file-count-badge,.tool-count-badge{background:#e5e7eb;border-radius:.375rem;color:#374151;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.unassigned-indicator{background:#fbbf24;border-radius:.25rem;color:#92400e;font-size:.625rem;margin-left:.25rem;padding:.125rem .25rem}.tags-mini{display:flex;flex-wrap:wrap;gap:.25rem}.tag-mini{background:#6366f1;border-radius:.25rem;color:#fff;font-size:.625rem;font-weight:500;padding:.125rem .375rem}.tag-mini.more{background:#9ca3af}.date-text{color:#6b7280;font-size:.75rem}.action-buttons-list{display:flex;gap:.25rem}.action-btn-list{background:#fff;border:1px solid #d1d5db;border-radius:.25rem;cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:all .2s ease}.action-btn-list:hover{background-color:#f3f4f6}.action-btn-list.edit:hover{background-color:#dbeafe;border-color:#3b82f6}.action-btn-list.delete:hover{background-color:#fee2e2;border-color:#ef4444}.action-btn-list.tools:hover{background-color:#f0fdf4;border-color:#22c55e}@media (max-width:1200px){.list-header,.project-list-row{grid-template-columns:2fr 1fr 1fr .8fr .8fr 1fr 1fr}.col-accessed,.col-created{display:none}}@media (max-width:992px){.project-controls-row{flex-wrap:wrap;gap:.75rem}.search-container{flex:1 1 300px;max-width:none;min-width:250px;order:1}.view-mode-toggle{margin-left:0;order:2}.search-container{flex-basis:100%;max-width:100%;order:-1}.statistics-row .project-statistics{font-size:.8rem}.list-header,.project-list-row{grid-template-columns:2fr 1fr 1fr .8fr 1fr}.col-tags,.col-tools{display:none}}@media (max-width:768px){.project-controls{padding:.75rem}.project-controls-row{align-items:stretch;flex-direction:column;gap:.75rem}.search-container{max-width:none;min-width:auto}.statistics-row{margin-top:.5rem;padding-top:.5rem}.statistics-row .project-statistics{align-items:flex-start;flex-direction:column;gap:.5rem;padding:.5rem .75rem}.statistics-row .project-statistics .statistics-label{margin-bottom:.25rem}.statistics-row .project-statistics .stat-item{margin-right:.75rem}.statistics-row .project-statistics .stat-separator{display:none}.view-mode-toggle{align-self:center;margin-left:0}.results-info{margin-left:0;text-align:center}.list-header,.project-list-row{gap:.5rem;grid-template-columns:2fr 1fr 1fr}.col-files,.col-status{display:none}.list-col{font-size:.75rem}.project-actions-row{gap:1rem}.primary-actions,.project-actions-row{align-items:stretch;flex-direction:column}.primary-actions{gap:.75rem}.inline-statistics,.secondary-actions{justify-content:center}.inline-statistics{margin-left:0;order:-1}.inline-statistics .stat-item{margin-bottom:.25rem}.inline-statistics .stat-separator{display:none}.project-actions-row{padding:.75rem}.inline-statistics{flex-wrap:wrap;margin-left:1rem}.inline-statistics .statistics-label{margin-bottom:.5rem;width:100%}}.required-indicator{color:#ef4444;font-weight:700;margin-left:2px}.field-hint{color:#6b7280;font-size:.875rem;font-style:italic;line-height:1.4;margin-top:.5rem}.goals-section{flex:none!important;justify-content:flex-start!important;margin-bottom:1rem!important;min-height:auto!important;order:-1}.project-goals-content{-webkit-line-clamp:3;line-clamp:3;background:#f8f9fa;border-left:4px solid #4f46e5;border-radius:6px;color:#4b5563;font-size:.9rem;line-height:1.5;max-height:90px;padding:.75rem}.project-goals,.project-goals-content{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.project-goals{-webkit-line-clamp:2;line-clamp:2;color:#4f46e5!important;font-size:.875rem;font-weight:500;line-height:1.4;margin:.25rem 0 .5rem;max-height:40px}.file-upload-container{border-radius:20px;box-shadow:0 8px 32px #0000001a;margin:20px 0;overflow:hidden}.file-upload-box,.file-upload-container{position:relative;transition:all .3s ease}.file-upload-box{align-items:center;animation:uploadGradientFlow 12s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe);background-size:400% 400%;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:40px 30px;text-align:center}.file-upload-box:before{animation:uploadShimmer 4s ease-in-out infinite;background:linear-gradient(45deg,#ffffff1a,#0000 50%,#ffffff1a);bottom:0;content:"";left:0;opacity:.7;position:absolute;right:0;top:0}.file-upload-box.drag-active{box-shadow:0 12px 40px #0003;transform:scale(1.02)}.file-upload-box.drag-active:before{animation-duration:1.5s;opacity:1}.upload-icon{animation:uploadIconFloat 3s ease-in-out infinite;font-size:48px;margin-bottom:16px}.upload-icon,.upload-text{position:relative;z-index:2}.upload-text{color:#fff;font-size:1.3em;font-weight:600;letter-spacing:.5px;margin:12px 0;text-shadow:2px 2px 4px #0000004d}.upload-text.drag-active{animation:uploadTextPulse .8s ease-in-out infinite}.file-types{color:#ffffffe6;font-size:.85rem;line-height:1.4;margin:8px 0 4px}.file-types,.warning-text{position:relative;text-shadow:1px 1px 2px #0000004d;z-index:2}.warning-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border:1px solid #ffffff1a;border-radius:15px;color:#fffc;font-size:.75rem;margin:4px 0 0;padding:8px 16px}@keyframes uploadGradientFlow{0%{background-position:0 50%}25%{background-position:100% 25%}50%{background-position:100% 100%}75%{background-position:25% 100%}to{background-position:0 50%}}@keyframes uploadShimmer{0%{opacity:0;transform:translateX(-100%) rotate(45deg)}50%{opacity:.8}to{opacity:0;transform:translateX(100%) rotate(45deg)}}@keyframes uploadIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes uploadTextPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.file-upload-box.processing{animation:processingPulse 2s ease infinite;background:linear-gradient(135deg,#4facfe,#00f2fe 50%,#4facfe);background-size:200% 200%}.file-upload-box.success{animation:successGlow 3s ease infinite;background:linear-gradient(135deg,#56ab2f,#a8e6cf 50%,#56ab2f);background-size:200% 200%}.processing-indicator{align-items:center;display:flex;flex-direction:column;gap:15px;margin-top:10px}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;width:40px}.success-indicator{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:10px}.success-checkmark{animation:successBounce .6s ease-out;font-size:48px}@keyframes processingPulse{0%,to{background-position:0 50%;transform:scale(1)}50%{background-position:100% 50%;transform:scale(1.02)}}@keyframes successGlow{0%,to{background-position:0 50%;box-shadow:0 8px 32px #56ab2f4d}50%{background-position:100% 50%;box-shadow:0 12px 40px #56ab2f80}}@keyframes successBounce{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.file-upload-box:active{transform:translateY(-1px) scale(.98);transition:all .1s ease}.file-upload-box:hover .supported-types .type-icon{animation:iconFloat 2s ease-in-out infinite}.file-upload-box:hover .supported-types .type-icon:first-child{animation-delay:0s}.file-upload-box:hover .supported-types .type-icon:nth-child(2){animation-delay:.2s}.file-upload-box:hover .supported-types .type-icon:nth-child(3){animation-delay:.4s}.file-upload-box:hover .supported-types .type-icon:nth-child(4){animation-delay:.6s}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.file-upload-box:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.file-upload-box:hover:before{animation-duration:2s;opacity:1}.file-upload-box:hover .upload-icon{animation-duration:2s}.file-upload-box:focus{box-shadow:0 0 0 3px #ffffff4d;outline:none}.supported-types{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:12px;position:relative;z-index:2}.type-icon{align-items:center;color:#ffffffe6;display:flex;flex-direction:column;font-size:.75rem;text-shadow:1px 1px 2px #0000004d}.type-icon .icon{font-size:20px;margin-bottom:4px}@media (max-width:768px){.file-upload-box{min-height:100px;padding:30px 20px}.upload-icon{font-size:36px;margin-bottom:12px}.upload-text{font-size:1.1em}.file-types{font-size:.8rem}.warning-text{font-size:.7rem;padding:6px 12px}.supported-types{gap:10px}.type-icon{font-size:.7rem}.type-icon .icon{font-size:16px}}@media (max-width:480px){.file-upload-box{min-height:90px;padding:25px 15px}.upload-icon{font-size:32px;margin-bottom:10px}.upload-text{font-size:1em}.supported-types{gap:8px;margin-top:8px}}.file-upload-box.processing{cursor:default;pointer-events:none}.file-upload-box.success{cursor:pointer}.file-upload-box.duplicate{background:linear-gradient(135deg,#ff9a9e,#fecfef 50%,#fecfef);border:2px dashed #ff6b6b;cursor:pointer}.file-upload-box.duplicate .upload-text{color:#d63031;font-weight:600}.file-upload-box.duplicate .upload-icon{animation:duplicateShake .5s ease-in-out}@keyframes duplicateShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.file-replacement-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.file-replacement-modal{animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#808080d9,#606060e6);border-radius:12px;box-shadow:0 10px 30px #0006;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{padding:20px;text-align:center}.modal-header h3{font-size:1.4rem}.modal-message{color:#ffffffe6;font-size:1.1rem;margin-bottom:16px;text-align:center}.duplicate-files-list{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#606060b3,#505050bf);border:2px dashed #ffffff4d;border-radius:8px;margin:16px 0;max-height:200px;overflow-y:auto;padding:16px}.duplicate-file-item{align-items:center;background:linear-gradient(135deg,#80808073,#70707080);border:1px solid #fff3;border-radius:6px;display:flex;margin:4px 0;padding:8px}.file-icon{font-size:1.2rem;margin-right:12px}.file-name{font-family:Courier New,monospace;font-size:.95rem}.modal-question{color:#ffffffe6;font-size:1.1rem;font-weight:500;margin:20px 0 16px;text-align:center}.replacement-options{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#80808066,#70707073);border:1px solid #fff3;border-radius:8px;margin:16px 0;padding:16px}.option-item{align-items:center;margin:8px 0;padding:8px}.option-icon{font-size:1.1rem;margin-right:12px;text-align:center;width:24px}.option-text{color:#ffffffe6;font-size:.95rem}.modal-footer{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#606060b3,#505050bf);border-top:1px solid #fff3;gap:12px;padding:20px 24px}.btn,.modal-footer{justify-content:center}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;min-width:140px;padding:12px 24px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.btn-primary:hover{box-shadow:0 4px 12px #28a7454d;transform:translateY(-1px)}.btn-secondary{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.btn-secondary:hover{box-shadow:0 4px 12px #6c757d4d;transform:translateY(-1px)}@media (max-width:768px){.file-replacement-modal{margin:20px;width:95%}.modal-footer{flex-direction:column}.btn{width:100%}}.chat-media-container{align-items:center;background-color:#f5f5f5;border-radius:8px;display:flex;justify-content:center;margin-bottom:15px;overflow:hidden;padding:10px;width:100%}.chat-video{border-radius:4px;max-height:300px;width:100%}.chat-image{border-radius:4px;display:block;height:auto;margin:0 auto;max-height:250px;max-width:100%;object-fit:contain;width:auto}.timestamp-hint{background-color:#fff9e6;border-radius:4px;color:#666;font-size:12px;margin-top:5px;padding:3px 8px;text-align:center}.file-api-status{margin-top:10px;padding:8px;text-align:center}.file-api-status.processing{background-color:#e3f2fd;color:#0d47a1}.file-api-status.failed{color:#b71c1c}.file-api-status.active{color:#1b5e20}.upload-progress-container{background-color:#e0e0e0;border-radius:4px;height:8px;margin-bottom:5px;overflow:hidden;width:100%}.upload-progress-bar{background-color:#4caf50;height:100%;transition:width .3s ease}.message-timestamp{background-color:#0000000d;border-radius:3px;color:#666;display:inline-block;margin-bottom:5px;padding:2px 6px}.system-message{opacity:.8}.system-message .message-bubble{background-color:#f1f1f1;color:#555;font-style:italic}.check-status-button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:12px;margin-top:8px;padding:5px 10px}.check-status-button:hover{background-color:#e0e0e0}.status-actions{display:flex;gap:8px;margin-top:8px}.force-active-button{background-color:#ff9800;border:1px solid #e65100;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px}.force-active-button:hover{background-color:#fb8c00}.file-status-message{background-color:#f5f5f5;border-left:4px solid #2196f3;border-radius:4px;color:#555;font-size:14px;margin:10px 0;padding:8px 12px}.delete-message-button{background:none;border:none;border-radius:50%;color:#999;cursor:pointer;font-size:16px;font-weight:700;margin-left:8px;opacity:0;padding:2px 6px;transition:all .2s ease}.message-bubble:hover .delete-message-button{opacity:1}.delete-message-button:hover{background-color:#0000001a;color:#666}.message-timestamp{color:#888;font-size:12px}.chat-actions{display:flex;justify-content:flex-end;margin-bottom:15px}.delete-all-messages-button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px;transition:background-color .2s ease}.delete-all-messages-button:hover{background-color:#d32f2f}.delete-all-messages-button:disabled{background-color:#e0e0e0;color:#9e9e9e;cursor:not-allowed}.file-api-status.failed{background-color:#fff2f0;border:1px solid #ffccc7;border-radius:4px;margin-bottom:15px;padding:15px;text-align:center}.failed-message{color:#666;font-size:14px;margin:10px 0}button.close-button.large{background-color:#f56565;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:8px 16px}button.close-button.large:hover{background-color:#e53e3e}.manual-upload-container{margin:10px 0;text-align:center}.manual-upload-button{background-color:#4caf50;border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.manual-upload-button:hover{background-color:#388e3c;box-shadow:0 4px 8px #00000026}.timestamp-range{background-color:#e8f5e9;border:1px solid #c8e6c9;padding:2px 5px;white-space:nowrap}.timestamp-range:hover{background-color:#c8e6c9}.timestamp-range .play-icon{align-items:center;color:#4caf50;display:inline-flex;font-size:12px;height:16px;justify-content:center;margin-right:4px;width:16px}.timestamp-range.playing{background-color:#c8e6c9;box-shadow:0 0 0 1px #4caf50}.timestamp-range.playing .play-icon{color:#2e7d32}.analysis-text-with-timestamps{line-height:1.8}.chat-messages{gap:10px;margin-bottom:10px}.chat-message{border-radius:18px;line-height:1.4;max-width:80%;padding:10px 15px;position:relative;word-break:break-word}.chat-message.user{align-self:flex-end;background-color:#e3f2fd;border-bottom-right-radius:5px;color:#0d47a1;margin-right:10px}.chat-message.assistant{align-self:flex-start;background-color:#f5f5f5;border-bottom-left-radius:5px;color:#333;margin-left:10px}.chat-message.system{align-self:center;background-color:#fff3e0;border-radius:8px;color:#e65100;font-style:italic;max-width:90%}.chat-message.system.isError{background-color:#ffebee;color:#c62828}.chat-input{background-color:#f9f9f9;border-top:1px solid #ddd;display:flex;flex-direction:column;padding:10px}.chat-input textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;margin-bottom:10px;min-height:60px;padding:10px}.chat-buttons{display:flex;gap:10px}.chat-buttons button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 12px;transition:background-color .2s}.chat-buttons button:disabled{background-color:#e0e0e0;color:#9e9e9e;cursor:not-allowed}.chat-buttons button:first-child{background-color:#2196f3;color:#fff}.chat-buttons button:first-child:hover:not(:disabled){background-color:#1976d2}.chat-buttons .force-active-button{background-color:#ff9800;color:#fff}.chat-buttons .force-active-button:hover:not(:disabled){background-color:#f57c00}.chat-buttons .clear-chat{background-color:#f44336;color:#fff}.chat-buttons .clear-chat:hover:not(:disabled){background-color:#d32f2f}.delete-message{background:none;border:none;color:#9e9e9e;cursor:pointer;font-size:16px;opacity:0;position:absolute;right:5px;top:5px;transition:opacity .2s}.chat-message:hover .delete-message{opacity:1}.delete-message:hover{color:#f44336}.file-api-status{border-radius:4px;font-size:14px;margin-bottom:15px;padding:10px 15px}.file-api-status.uploading{background-color:#e3f2fd;border:1px solid #bbdefb}.file-api-status.processing{background-color:#fff8e1;border:1px solid #ffecb3}.file-api-status.active{background-color:#e8f5e9;border:1px solid #c8e6c9}.file-api-status.failed{background-color:#ffebee;border:1px solid #ffcdd2}.enlarged-view-modal-container .tabs{background-color:#fafafa;border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0;box-shadow:0 1px 3px #0000001a;display:flex}.enlarged-view-modal-container .tab-button{background-color:#f5f5f5!important;border:none;border-bottom:2px solid #0000;border:1px solid #e0e0e0!important;border-bottom:none!important;border-radius:8px 8px 0 0;color:#424242!important;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500!important;margin-right:2px;padding:12px 20px;position:relative;text-decoration:none;transition:all .2s ease}.enlarged-view-modal-container .tab-button:focus{box-shadow:0 0 0 2px #1565c04d!important;outline:none}.enlarged-view-modal-container .tabs .tab-button.active{background-color:#fff!important;border-bottom:3px solid #1565c0!important;box-shadow:0 -2px 8px #1565c026!important;color:#1565c0!important;font-weight:600!important;position:relative}.enlarged-view-modal-container .tabs .tab-button{background-color:#f5f5f5!important;border:1px solid #e0e0e0!important;color:#424242!important;font-weight:500!important;transition:all .2s ease}.enlarged-view-modal-container .tabs .tab-button:hover:not(.active){background-color:#e3f2fd!important;border-color:#bbdefb!important;color:#1565c0!important}.enlarged-view-modal-overlay{align-items:center;background-color:#00000080;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.enlarged-view-modal-container{-webkit-backdrop-filter:blur(40px) saturate(1.5);backdrop-filter:blur(40px) saturate(1.5);background:linear-gradient(135deg,#808080bf,#707070cc);border-radius:12px;box-shadow:0 10px 30px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;min-height:300px;min-width:400px;overflow:hidden;position:relative;resize:both;width:1000px}.resize-handle{background-color:initial;position:absolute;transition:opacity .2s ease;z-index:10}.enlarged-view-modal-container:hover .resize-handle{opacity:1}.resize-handle-right{cursor:ew-resize;height:100%;opacity:0;right:0;top:0;width:10px}.resize-handle-right:hover{background-color:#2196f333;opacity:1}.resize-handle-bottom{bottom:0;cursor:ns-resize;height:10px;left:0;opacity:0;width:100%}.resize-handle-bottom:hover{background-color:#2196f333;opacity:1}.resize-handle-corner{bottom:0;cursor:nw-resize;height:15px;opacity:.6;right:0;width:15px}.resize-handle-corner:before{border-bottom:8px solid #999;border-left:8px solid #0000;bottom:2px;content:"";height:0;position:absolute;right:2px;width:0}.resize-handle-corner:after{border-bottom:5px solid #666;border-left:5px solid #0000;bottom:5px;content:"";height:0;position:absolute;right:5px;width:0}.resize-handle-corner:hover{opacity:1}.enlarged-view-header{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#80808080,#7070708c);border-bottom:1px solid #fff3;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px}.enlarged-view-header h2{color:#333;font-size:1.4rem;font-weight:600;margin:0}.header-controls{align-items:center;display:flex;gap:10px}.close-button{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:24px;line-height:1;padding:4px 8px;transition:all .2s ease}.close-button:hover{background-color:#f0f0f0;color:#333}.enlarged-view-content{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:20px}.enlarged-view-content.edit-tab,.enlarged-view-content.view-tab{overflow-y:auto}.enlarged-view-content.chat-tab{overflow:hidden}.file-display-section{margin-bottom:20px;text-align:center}.enlarged-image{max-height:400px}.enlarged-image,.enlarged-video{border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:100%}.enlarged-video{display:block;height:auto;margin:0 auto;max-height:calc(70vh - 200px);object-fit:contain;width:auto}.analysis-section{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px}.analysis-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.analysis-header h3{color:#333;font-size:1.2rem;margin:0}.header-buttons{align-items:center;display:flex;gap:10px}.regenerate-button{background-color:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.regenerate-button:hover:not(:disabled){background-color:#1976d2}.regenerate-button:disabled{background-color:#ccc;cursor:not-allowed}.add-inspiration-button{align-items:center;background-color:#f39c12;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.add-inspiration-button:hover{background-color:#d68910}.chat-container{border:1px solid #e0e0e0;border-radius:8px;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.chat-messages{background-color:#fafafa;min-height:0;padding:15px}.edit-container{display:flex;flex:1 1;flex-direction:column;min-height:0}.edit-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.edit-header h3{color:#333;margin:0}.edit-actions{display:flex;gap:10px}.cancel-button,.save-button{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.save-button{background-color:#4caf50;color:#fff}.save-button:hover{background-color:#45a049}.cancel-button{background-color:#f44336;color:#fff}.cancel-button:hover{background-color:#da190b}.edit-textarea{border:1px solid #ddd;border-radius:6px;flex:1 1;font-family:inherit;font-size:14px;line-height:1.5;padding:15px;resize:none}.edit-textarea:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333;outline:none}.inspiration-cards-container{min-height:300px;padding:10px;position:relative;width:100%}.inspiration-cards-container,.no-inspiration-cards{background-color:#fafafa;border:2px dashed #e0e0e0;border-radius:8px;margin-top:10px}.no-inspiration-cards{color:#999;padding:40px 20px;text-align:center}.no-inspiration-cards:before{content:"💡";display:block;font-size:32px;margin-bottom:10px}@media (max-width:768px){.enlarged-view-modal-container{margin:10px;max-height:95vh;width:95vw}.enlarged-view-header{padding:15px}.enlarged-view-content{max-height:calc(95vh - 120px);padding:15px}.enlarged-view-content.edit-tab,.enlarged-view-content.view-tab{overflow-y:auto}.enlarged-view-content.chat-tab{overflow:hidden}.header-buttons{flex-direction:column;gap:8px}.tabs{flex-wrap:wrap}.tab-button{font-size:13px;padding:10px 15px}.inspiration-cards-container{min-height:200px}}.timestamp-segment{overflow:hidden;position:relative;transition:all .3s ease}.timestamp-segment:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.timestamp-segment.playing{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.timestamp-segment .timestamp-range{align-items:center;cursor:pointer;display:flex}.timestamp-segment .play-icon{align-items:center;background-color:#0000000d;border-radius:50%;display:inline-flex;height:20px;justify-content:center;margin-right:5px;transition:all .2s ease;width:20px}.timestamp-segment:hover .play-icon{background-color:#0000001a}.timestamp-segment.playing .play-icon{background-color:#00000026}.timestamp-segment .click-ripple{animation:ripple .6s ease-out;background-color:#ffffff4d;border-radius:4px;height:100%;left:50%;opacity:1;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);width:100%}@keyframes ripple{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}.timestamp-segment:focus-visible{outline:2px solid #3498db}.timestamp-range{align-items:center;background-color:#f2f2f2;border:1px solid #ddd;color:inherit;display:inline-flex;padding:2px 6px;position:relative;z-index:1}.timestamp-range:hover{background-color:#e6e6e6;border-color:#ccc}.timestamp-range.playing{background-color:#e1f5fe;border-color:#4fc3f7}.play-icon{height:20px;margin-right:5px;width:20px}.timestamp-text{color:inherit;display:inline-block;font-weight:500;margin-left:2px;margin-right:3px;white-space:nowrap}.timestamp-button-group{align-items:center;display:inline-flex;gap:4px;margin:2px 4px;vertical-align:middle}.timestamp-download-btn{background-color:initial!important;opacity:.7;transition:all .2s ease}.timestamp-download-btn:hover{background-color:#2196f314!important;opacity:1;transform:scale(1.1)}.timestamp-download-btn:active{transform:scale(.95)}.timestamp-button{border-bottom-right-radius:0!important;border-top-right-radius:0!important;margin-right:0!important}.download-progress{overflow:hidden;position:relative}.download-progress:after{animation:downloadProgress 1.5s ease-in-out;background:linear-gradient(90deg,#0000,#2196f333,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes downloadProgress{0%{left:-100%}to{left:100%}}.timestamp-visibility-fix{--timestamp-text-color:#333;margin-top:10px}.timestamp-visibility-fix .timestamp-segment{border-radius:4px;overflow:visible}.timestamp-visibility-fix .timestamp-range{color:var(--timestamp-text-color)!important;text-shadow:0 0 1px #ffffff80}.timestamp-visibility-fix .timestamp-text{color:inherit!important;display:inline-block!important;opacity:1!important;pointer-events:auto;-webkit-user-select:text;user-select:text;visibility:visible!important}body.dark-theme .timestamp-visibility-fix{--timestamp-text-color:#e0e0e0}.timestamp-visibility-fix .timestamp-header{overflow:visible}.tab-panel-content{box-sizing:border-box!important;max-width:100%!important;overflow-x:hidden!important}.tab-panel-content *{box-sizing:border-box;max-width:100%}.MuiTabPanel-root,.analysis-text-section,.tab-content{word-wrap:break-word;box-sizing:border-box;max-width:100%;overflow-wrap:break-word;overflow-x:hidden}.analysis-content{word-wrap:break-word;animation:slideUp .4s cubic-bezier(.25,.8,.25,1);max-width:100%;overflow-wrap:break-word}.analysis-content:after{background:linear-gradient(180deg,#f5f7fa00,#f5f7facc);bottom:-20px;content:"";height:40px;left:0;opacity:.7;width:100%;z-index:2}.timestamp-clickable{background-color:#2196f31a;border-radius:6px;box-shadow:0 1px 2px #00000014;color:#1976d2;display:inline-block;margin:2px 3px;overflow:hidden;padding:4px 8px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.timestamp-clickable:hover{background-color:#2196f333;box-shadow:0 3px 5px #0000001a;color:#0d47a1;transform:translateY(-2px)}.timestamp-clickable:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.timestamp-clickable:after{background:radial-gradient(circle,#ffffffb3 0,#fff0 70%);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transform:scale(2);transition:opacity .5s,transform .5s;width:100%}.timestamp-clickable:active:after{opacity:.3;transform:scale(0);transition:0s}.timestamp-error{animation:errorPulse 2s infinite;background-color:#f443361a;border:1px dashed #f443364d;color:#f44336}@keyframes slideUp{0%{filter:blur(3px);opacity:0;transform:translateY(15px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}.analysis-text-section{scrollbar-color:#90a4ae #e3f2fd;scrollbar-width:thin}.analysis-text-section::-webkit-scrollbar{width:8px}.analysis-text-section::-webkit-scrollbar-track{background:#e3f2fd;border-radius:6px;box-shadow:inset 0 0 3px #0000000d;margin:5px 0}.analysis-text-section::-webkit-scrollbar-thumb{background-color:#90a4ae;border:2px solid #e3f2fd;border-radius:6px;-webkit-transition:all .3s ease;transition:all .3s ease}.analysis-text-section::-webkit-scrollbar-thumb:hover{background-color:#607d8b}.chat-button{align-items:center;animation:fadeIn .5s ease-out;box-sizing:border-box;display:flex;flex-direction:row;flex-shrink:0;font-size:13px;font-weight:500;gap:4px;height:36px;justify-content:center;line-height:1;max-height:36px;max-width:120px;min-height:36px;min-width:80px;overflow:hidden;padding:6px 10px;position:relative;transform-origin:center;transition:all .3s cubic-bezier(.25,.8,.25,1);white-space:nowrap}.chat-button:hover{transform:translateY(-2px) scale(1.03)}.chat-button:active{transform:translateY(1px) scale(.98)}.chat-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .6s ease;width:100%;z-index:1}.chat-button:hover:before{transition:all .6s cubic-bezier(.4,0,.2,1)}.chat-button svg{transition:all .3s ease}.chat-button:hover svg{transform:translateX(-2px) scale(1.1)}.chat-button:hover:before{left:100%}.save-button{background:linear-gradient(135deg,#4caf50,#45a049)!important;border:2px solid #4caf50!important;color:#fff!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.save-button:hover{background:linear-gradient(135deg,#45a049,#3d8b40)!important;box-shadow:0 6px 16px #4caf5066!important;transform:translateY(-2px)!important}.edit-button{background:linear-gradient(135deg,#ff9800,#f57c00)!important;border:2px solid #ff9800!important;color:#fff!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.edit-button:hover{background:linear-gradient(135deg,#f57c00,#ef6c00)!important;box-shadow:0 6px 16px #ff980066!important;transform:translateY(-2px)!important}.save-edit-button{background:linear-gradient(135deg,#4caf50,#45a049)!important;border:2px solid #4caf50!important;color:#fff!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.save-edit-button:hover{background:linear-gradient(135deg,#45a049,#3d8b40)!important;box-shadow:0 6px 16px #4caf5066!important;transform:translateY(-2px)!important}.cancel-edit-button{background:linear-gradient(135deg,#f44336,#d32f2f)!important;border:2px solid #f44336!important;color:#fff!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.cancel-edit-button:hover{background:linear-gradient(135deg,#d32f2f,#c62828)!important;box-shadow:0 6px 16px #f4433666!important;transform:translateY(-2px)!important}.edit-textarea{box-shadow:0 2px 8px #0000001a!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;transition:all .2s ease-in-out!important}.edit-textarea:focus{border-color:#2196f3!important;box-shadow:0 0 0 3px #2196f31a,0 4px 12px #00000026!important;outline:none!important}.edit-textarea:hover{border-color:#64b5f6!important}.cancel-edit-button,.edit-button,.save-button,.save-edit-button{line-height:1!important;overflow:hidden!important}.cancel-edit-button,.chat-button.new-loaded.cancel-edit-button,.chat-button.new-loaded.edit-button,.chat-button.new-loaded.save-button,.chat-button.new-loaded.save-edit-button,.edit-button,.save-button,.save-edit-button{align-items:center!important;box-sizing:border-box!important;display:flex!important;flex-direction:row!important;font-size:14px!important;gap:6px!important;height:36px!important;justify-content:center!important;max-height:36px!important;min-height:36px!important;min-width:fit-content!important;padding:8px 12px!important;position:relative!important;white-space:nowrap!important}.chat-button.new-loaded.cancel-edit-button,.chat-button.new-loaded.edit-button,.chat-button.new-loaded.save-button,.chat-button.new-loaded.save-edit-button{line-height:20px!important;margin:0!important;top:0!important;transform:none!important;transition:background-color .3s,box-shadow .3s!important;vertical-align:initial!important}.chat-button.new-loaded.cancel-edit-button:hover,.chat-button.new-loaded.edit-button:hover,.chat-button.new-loaded.save-button:hover,.chat-button.new-loaded.save-edit-button:hover{position:relative!important;top:0!important;transform:none!important}.chat-button.new-loaded.cancel-edit-button:before,.chat-button.new-loaded.edit-button:before,.chat-button.new-loaded.save-button:before,.chat-button.new-loaded.save-edit-button:before{display:none!important}.project-header-controls .chat-button.new-loaded{align-items:center!important;box-sizing:border-box!important;display:flex!important;flex-direction:row!important;font-size:14px!important;gap:6px!important;height:36px!important;justify-content:center!important;line-height:1!important;max-height:36px!important;min-height:36px!important;min-width:fit-content!important;padding:8px 12px!important;white-space:nowrap!important}.cancel-edit-button:before,.edit-button:before,.save-button:before,.save-edit-button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s;width:0}.cancel-edit-button:active:before,.edit-button:active:before,.save-button:active:before,.save-edit-button:active:before{height:300px;width:300px}.tab-title{min-height:44px!important;position:relative!important;width:100%!important}.project-name{display:block;max-width:100%;overflow:hidden}.project-name,.timestamp-count{text-overflow:ellipsis;white-space:nowrap}.timestamp-count{flex-shrink:1;margin-left:8px;max-width:80px;opacity:.7}.project-name-container{flex:1 1;min-width:0}.project-name-container .project-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-header-controls{align-items:center;box-sizing:border-box;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:4px;height:fit-content;justify-content:flex-end;max-width:50%;min-height:32px;position:relative;z-index:10}@media (max-width:768px){.project-header-controls{flex-wrap:wrap;gap:3px;max-width:60%}.project-header-controls>button{font-size:12px!important;height:28px!important;max-height:28px!important;min-height:28px!important;min-width:auto!important;padding:5px 8px!important}}@media (max-width:480px){.project-header-controls{gap:2px;max-width:70%}.project-header-controls>button{font-size:11px!important;height:26px!important;max-height:26px!important;min-height:26px!important;padding:4px 6px!important}}.project-header-controls>button{align-items:center!important;border-radius:20px!important;box-sizing:border-box!important;display:flex!important;flex-shrink:0;font-size:13px!important;gap:4px!important;height:32px!important;justify-content:center!important;line-height:1!important;max-height:32px!important;max-width:120px!important;min-height:32px!important;min-width:auto!important;padding:6px 10px!important;white-space:nowrap}@media (max-width:768px){.edit-textarea{font-size:14px!important;min-height:250px!important}.cancel-edit-button,.chat-button,.edit-button,.save-button,.save-edit-button{flex-shrink:0!important;font-size:12px!important;gap:3px!important;max-width:100px!important;min-width:60px!important;padding:4px 8px!important}.project-header-controls{-ms-overflow-style:none;flex-wrap:nowrap!important;gap:4px!important;overflow-x:auto!important;padding:0 4px;scrollbar-width:none}.project-header-controls::-webkit-scrollbar{display:none}}.tab-actions{background:#f8f9fa;border-top:1px solid #e0e0e0;flex-shrink:0;padding:16px 20px}.action-buttons-group{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.action-btn{align-items:center;border:none;display:inline-flex;font-size:14px;font-weight:500;gap:6px;min-height:40px;padding:10px 16px;text-decoration:none;transition:all .2s ease}.btn-icon{font-size:16px}.continue-chat-btn{background:#3498db;color:#fff}.continue-chat-btn:hover{background:#2980b9;box-shadow:0 4px 8px #3498db4d;transform:translateY(-1px)}.send-to-chat-btn{background:#27ae60;color:#fff}.send-to-chat-btn:hover{background:#219a52;box-shadow:0 4px 8px #27ae604d;transform:translateY(-1px)}.edit-btn{background:#f39c12;color:#fff}.edit-btn:hover{background:#e67e22;box-shadow:0 4px 8px #f39c124d;transform:translateY(-1px)}.save-btn{background:#2ecc71}.save-btn:hover{background:#27ae60;box-shadow:0 4px 8px #2ecc714d}.cancel-btn{background:#95a5a6;color:#fff}.cancel-btn:hover{background:#7f8c8d;box-shadow:0 4px 8px #95a5a64d;transform:translateY(-1px)}.delete-btn{background:#e74c3c}.delete-btn:hover{background:#c0392b;box-shadow:0 4px 8px #e74c3c4d;transform:translateY(-1px)}.editing-content{display:flex;flex-direction:column;height:100%;padding:20px}.content-editor{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#2c3e50;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;height:400px;line-height:1.6;min-height:300px;padding:16px;resize:vertical;width:100%}.content-editor:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}@media (max-width:768px){.action-buttons-group{align-items:stretch;flex-direction:column}.action-btn{justify-content:center;width:100%}.tab-actions{padding:12px 16px}}@media (max-width:480px){.action-btn{font-size:13px;padding:12px 16px}.btn-icon{font-size:14px}}.project-header-controls{max-width:100%;overflow:visible}.cancel-edit-button,.chat-button,.edit-button,.save-button,.save-edit-button{flex-shrink:0!important;overflow:hidden;text-overflow:ellipsis}.project-tab-content{border:2px solid #ff5722!important;border-left:none!important;border-radius:4px!important;color:#000!important;font-family:inherit!important;min-height:50px!important;text-align:left!important;text-indent:0!important;white-space:pre-wrap!important}.project-tab-content,.project-tab-content-timestamps{background-color:#fff!important;display:block!important;font-size:15px!important;line-height:1.7!important;margin-bottom:24px!important;opacity:1!important;padding:15px!important;visibility:visible!important}.project-tab-content-timestamps{border:2px solid #4caf50!important;border-left:none!important;border-radius:4px!important;color:#37474f!important}.project-tab-content-plain{background-color:#fff!important;border:1px solid #e0e0e0!important;border-radius:4px!important;color:#37474f!important;display:block!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important;font-size:15px!important;line-height:1.7!important;margin-bottom:24px!important;min-height:50px!important;opacity:1!important;padding:15px!important;visibility:visible!important;white-space:pre-wrap!important}.tab-title:after{animation:lineExpand 2s cubic-bezier(.4,0,.2,1) forwards;background:linear-gradient(90deg,#2196f3,#2196f333);bottom:0;content:"";height:2px;left:0;position:absolute;width:100px}.tab-panel-content[data-analysis-type=\8282\594F\5206\6790] .tab-title:after{background:linear-gradient(90deg,#ff5722,#ff572233)}.tab-panel-content[data-analysis-type=\4E50\5668\5206\6790] .tab-title:after{background:linear-gradient(90deg,#9c27b0,#9c27b033)}.tab-panel-content[data-analysis-type=\7ED3\6784\5206\6790] .tab-title:after{background:linear-gradient(90deg,#3f51b5,#3f51b533)}.tab-panel-content[data-analysis-type=\52A8\6001\5206\6790] .tab-title:after{background:linear-gradient(90deg,#009688,#00968833)}.tab-panel-content[data-analysis-type=\8C03\6027\5206\6790] .tab-title:after{background:linear-gradient(90deg,#8bc34a,#8bc34a33)}.tab-panel-content[data-analysis-type=\6280\672F\5206\6790] .tab-title:after{background:linear-gradient(90deg,#607d8b,#607d8b33)}.tab-panel-content[data-analysis-type=\60C5\611F\5206\6790] .tab-title:after{background:linear-gradient(90deg,#e91e63,#e91e6333)}.tab-panel-content[data-analysis-type=\6574\4F53\8BC4\4EF7] .tab-title:after{background:linear-gradient(90deg,#ffc107,#ffc10733)}.tab-panel-content[data-analysis-type=\8282\594F\5206\6790] .timestamp-clickable{background:linear-gradient(135deg,#ff572226,#e64a1926);border:1px solid #ff57224d;box-shadow:0 1px 3px #ff57221a;color:#e64a19;transition:all .3s ease}.tab-panel-content[data-analysis-type=\8282\594F\5206\6790] .timestamp-clickable:hover{background:linear-gradient(135deg,#ff572240,#e64a1940);box-shadow:0 2px 5px #ff572233;color:#bf360c;transform:translateY(-1px)}.tab-panel-content[data-analysis-type=\4E50\5668\5206\6790] .timestamp-clickable{background:linear-gradient(135deg,#9c27b026,#8e24aa26);border:1px solid #9c27b04d;box-shadow:0 1px 3px #9c27b01a;color:#8e24aa;transition:all .3s ease}.tab-panel-content[data-analysis-type=\4E50\5668\5206\6790] .timestamp-clickable:hover{background:linear-gradient(135deg,#9c27b040,#8e24aa40);box-shadow:0 2px 5px #9c27b033;color:#6a1b9a;transform:translateY(-1px)}.tab-panel-content[data-analysis-type=\7ED3\6784\5206\6790] .timestamp-clickable{background:linear-gradient(135deg,#3f51b526,#3949ab26);border:1px solid #3f51b54d;box-shadow:0 1px 3px #3f51b51a;color:#3949ab;transition:all .3s ease}.tab-panel-content[data-analysis-type=\7ED3\6784\5206\6790] .timestamp-clickable:hover{background:linear-gradient(135deg,#3f51b540,#3949ab40);box-shadow:0 2px 5px #3f51b533;color:#283593;transform:translateY(-1px)}.tab-panel-content[data-analysis-type=\52A8\6001\5206\6790] .timestamp-clickable{background:linear-gradient(135deg,#00968826,#00897b26);border:1px solid #0096884d;box-shadow:0 1px 3px #0096881a;color:#00897b;transition:all .3s ease}.tab-panel-content[data-analysis-type=\52A8\6001\5206\6790] .timestamp-clickable:hover{background:linear-gradient(135deg,#00968840,#00897b40);box-shadow:0 2px 5px #00968833;color:#00695c;transform:translateY(-1px)}.tab-panel-content[data-analysis-type=\8C03\6027\5206\6790] .timestamp-clickable{background:linear-gradient(135deg,#8bc34a26,#7cb34226);border:1px solid #8bc34a4d;box-shadow:0 1px 3px #8bc34a1a;color:#7cb342;transition:all .3s ease}.tab-panel-content[data-analysis-type=\8C03\6027\5206\6790] .timestamp-clickable:hover{background:linear-gradient(135deg,#8bc34a40,#7cb34240);box-shadow:0 2px 5px #8bc34a33;color:#558b2f;transform:translateY(-1px)}.tab-panel-content[data-analysis-type=\6280\672F\5206\6790] .timestamp-clickable{background:linear-gradient(135deg,#607d8b26,#546e7a26);border:1px solid #607d8b4d;box-shadow:0 1px 3px #607d8b1a;color:#546e7a;transition:all .3s ease}.tab-panel-content[data-analysis-type=\6280\672F\5206\6790] .timestamp-clickable:hover{background:linear-gradient(135deg,#607d8b40,#546e7a40);box-shadow:0 2px 5px #607d8b33;color:#37474f;transform:translateY(-1px)}.tab-panel-content[data-analysis-type=\60C5\611F\5206\6790] .timestamp-clickable{background:linear-gradient(135deg,#e91e6326,#d81b6026);border:1px solid #e91e634d;box-shadow:0 1px 3px #e91e631a;color:#d81b60;transition:all .3s ease}.tab-panel-content[data-analysis-type=\60C5\611F\5206\6790] .timestamp-clickable:hover{background:linear-gradient(135deg,#e91e6340,#d81b6040);box-shadow:0 2px 5px #e91e6333;color:#ad1457;transform:translateY(-1px)}.tab-panel-content[data-analysis-type=\6574\4F53\8BC4\4EF7] .timestamp-clickable{background:linear-gradient(135deg,#ffc10726,#ffb30026);border:1px solid #ffc1074d;box-shadow:0 1px 3px #ffc1071a;color:#ffa000;transition:all .3s ease}.tab-panel-content[data-analysis-type=\6574\4F53\8BC4\4EF7] .timestamp-clickable:hover{background:linear-gradient(135deg,#ffc10740,#ffb30040);box-shadow:0 2px 5px #ffc10733;color:#ff8f00;transform:translateY(-1px)}.tab-panel-content[data-analysis-type=\8282\594F\5206\6790] .chat-button.new-loaded{background:linear-gradient(135deg,#ff5722,#e64a19);box-shadow:0 4px 10px #ff57224d}.tab-panel-content[data-analysis-type=\8282\594F\5206\6790] .chat-button.new-loaded:hover{background:linear-gradient(135deg,#f4511e,#d84315);box-shadow:0 6px 15px #ff572266}.tab-panel-content[data-analysis-type=\4E50\5668\5206\6790] .chat-button.new-loaded{background:linear-gradient(135deg,#9c27b0,#8e24aa);box-shadow:0 4px 10px #9c27b04d}.tab-panel-content[data-analysis-type=\4E50\5668\5206\6790] .chat-button.new-loaded:hover{background:linear-gradient(135deg,#8e24aa,#7b1fa2);box-shadow:0 6px 15px #9c27b066}.tab-panel-content[data-analysis-type=\7ED3\6784\5206\6790] .chat-button.new-loaded{background:linear-gradient(135deg,#3f51b5,#3949ab);box-shadow:0 4px 10px #3f51b54d}.tab-panel-content[data-analysis-type=\7ED3\6784\5206\6790] .chat-button.new-loaded:hover{background:linear-gradient(135deg,#3949ab,#303f9f);box-shadow:0 6px 15px #3f51b566}.tab-panel-content[data-analysis-type=\52A8\6001\5206\6790] .chat-button.new-loaded{background:linear-gradient(135deg,#009688,#00897b);box-shadow:0 4px 10px #0096884d}.tab-panel-content[data-analysis-type=\52A8\6001\5206\6790] .chat-button.new-loaded:hover{background:linear-gradient(135deg,#00897b,#00796b);box-shadow:0 6px 15px #00968866}.tab-panel-content[data-analysis-type=\8C03\6027\5206\6790] .chat-button.new-loaded{background:linear-gradient(135deg,#8bc34a,#7cb342);box-shadow:0 4px 10px #8bc34a4d}.tab-panel-content[data-analysis-type=\8C03\6027\5206\6790] .chat-button.new-loaded:hover{background:linear-gradient(135deg,#7cb342,#689f38);box-shadow:0 6px 15px #8bc34a66}.tab-panel-content[data-analysis-type=\6280\672F\5206\6790] .chat-button.new-loaded{background:linear-gradient(135deg,#607d8b,#546e7a);box-shadow:0 4px 10px #607d8b4d}.tab-panel-content[data-analysis-type=\6280\672F\5206\6790] .chat-button.new-loaded:hover{background:linear-gradient(135deg,#546e7a,#455a64);box-shadow:0 6px 15px #607d8b66}.tab-panel-content[data-analysis-type=\60C5\611F\5206\6790] .chat-button.new-loaded{background:linear-gradient(135deg,#e91e63,#d81b60);box-shadow:0 4px 10px #e91e634d}.tab-panel-content[data-analysis-type=\60C5\611F\5206\6790] .chat-button.new-loaded:hover{background:linear-gradient(135deg,#d81b60,#c2185b);box-shadow:0 6px 15px #e91e6366}.tab-panel-content[data-analysis-type=\6574\4F53\8BC4\4EF7] .chat-button.new-loaded{background:linear-gradient(135deg,#ffc107,#ffb300);box-shadow:0 4px 10px #ffc1074d}.tab-panel-content[data-analysis-type=\8282\594F\5206\6790]{background-image:linear-gradient(90deg,#fffffff2,#fffffffa),repeating-linear-gradient(45deg,#ff572208,#ff572208 2px,#0000 0,#0000 8px)}.tab-panel-content[data-analysis-type=\4E50\5668\5206\6790]{background-image:linear-gradient(90deg,#fffffff2,#fffffffa),radial-gradient(circle at 10% 20%,#9c27b005 0,#9c27b005 5px,#0000 0,#0000 15px)}.tab-panel-content[data-analysis-type=\7ED3\6784\5206\6790]{background-image:linear-gradient(90deg,#fffffff2,#fffffffa),linear-gradient(90deg,#3f51b505 1px,#0000 0),linear-gradient(180deg,#3f51b505 1px,#0000 0);background-size:100% 100%,20px 20px,20px 20px}.tab-panel-content[data-analysis-type=\52A8\6001\5206\6790]{background-image:linear-gradient(90deg,#fffffff2,#fffffffa),radial-gradient(circle at 50% 0,#00968808 0,#00968800 50%)}.tab-panel-content[data-analysis-type=\8C03\6027\5206\6790]{background-image:linear-gradient(90deg,#fffffff2,#fffffffa),repeating-linear-gradient(90deg,#8bc34a05 0,#8bc34a05 1px,#0000 0,#0000 30px),repeating-linear-gradient(180deg,#8bc34a05 0,#8bc34a05 1px,#0000 0,#0000 30px)}.tab-panel-content[data-analysis-type=\6280\672F\5206\6790]{background-image:linear-gradient(90deg,#fffffff2,#fffffffa),linear-gradient(135deg,#607d8b08 25%,#0000 0,#0000 50%,#607d8b08 0,#607d8b08 75%,#0000 0,#0000);background-size:100% 100%,40px 40px}.tab-panel-content[data-analysis-type=\60C5\611F\5206\6790]{background-image:linear-gradient(90deg,#fffffff2,#fffffffa),radial-gradient(circle at 90% 10%,#e91e6308 0,#e91e6300 60%)}.tab-panel-content[data-analysis-type=\6574\4F53\8BC4\4EF7]{background-image:linear-gradient(90deg,#fffffff2,#fffffffa),linear-gradient(45deg,#ffc10705,#ffc10705 1px,#0000 0,#0000 15px)}@media (prefers-color-scheme:dark){.tab-panel-content{background-color:#fff!important;border:1px solid #0000000d!important;box-shadow:0 4px 12px #0000001a!important}.tab-panel-content[data-analysis-type]{background-image:inherit!important}.analysis-text-section{background-color:#f8f9fab3!important;border:1px solid #0000000d!important;color:#212529!important}.tab-title{border-bottom-color:#0000001a!important}.project-name{background:linear-gradient(45deg,#0d6efd,#0a58ca)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#212529!important}.timestamp-clickable{background-color:#0d6efd26!important;border:1px solid #0d6efd33!important;box-shadow:0 1px 3px #0000001a!important;color:#0d6efd!important}.timestamp-clickable:hover{background-color:#0d6efd40!important;color:#084298!important}.no-content-message{background-color:#f8f9fa80!important;border:1px dashed #dee2e6!important;color:#6c757d!important}.timestamp-count{background-color:#0d6efd26!important;color:#0d6efd!important}.analysis-text-section::-webkit-scrollbar-track{background:#2c2c30!important}.analysis-text-section::-webkit-scrollbar-thumb{background-color:#555!important;border:2px solid #2c2c30!important}}@keyframes lineExpand{0%{opacity:0;width:0}to{opacity:1;width:100px}}.project-name-container{align-items:center;display:flex;overflow:hidden;padding:4px 0;position:relative}.project-name{animation:gradientBackgroundFlow 8s ease infinite;background:linear-gradient(45deg,#1976d2,#2196f3);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;color:#0000;display:inline-block;font-weight:600;position:relative;text-shadow:0 1px 1px #0000000d}.tab-panel-content{position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1)}.tab-panel-content:hover{box-shadow:0 8px 24px #00000012,0 4px 8px #00000008!important;transform:translateY(-2px)}.tab-panel-content:after{background:radial-gradient(circle at top right,#2196f30d,#0000 70%);content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .5s ease;width:100%;z-index:0}@keyframes timestampAppear{0%{opacity:0;transform:scale(.9) translateY(2px)}to{opacity:1;transform:scale(1) translateY(0)}}.timestamp-clickable{animation:timestampAppear .3s cubic-bezier(.4,0,.2,1);border-radius:8px;cursor:pointer;font-weight:500;margin:3px 4px;padding:5px 10px;transform-origin:center;transition:all .3s ease}.timestamp-clickable:nth-child(odd){animation-delay:.05s}.timestamp-clickable:nth-child(2n){animation-delay:.1s}@keyframes gradientBackgroundFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.project-name:before{background:linear-gradient(90deg,#2196f3,#2196f300);bottom:-2px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.project-name:hover:before{transform:scaleX(1)}.timestamp-count{align-items:center;background-color:#2196f31a;border-radius:16px;box-shadow:0 2px 4px #0000000d;color:#1976d2;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;letter-spacing:.5px;margin-left:12px;padding:3px 10px;transition:all .3s ease}.timestamp-count:hover{background-color:#2196f333;transform:scale(1.05)}.no-content-message{overflow:hidden;position:relative}.no-content-message:before{animation:shimmerEffect 3s infinite;background:linear-gradient(90deg,#fff0 0,#ffffff4d 50%,#fff0);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;transform:rotate(30deg);width:200%}@keyframes shimmerEffect{0%{transform:translateX(-100%) rotate(30deg)}to{transform:translateX(100%) rotate(30deg)}}.tab-panel-content{animation:fadeSlideIn .5s cubic-bezier(.4,0,.2,1)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-button.new-loaded{align-items:center;animation:buttonPulse 2s cubic-bezier(.4,0,.2,1) infinite alternate;background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:24px;box-shadow:0 4px 10px #2196f34d;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:500;gap:6px;height:36px;justify-content:center;letter-spacing:.5px;line-height:1;max-height:36px;min-height:36px;min-width:fit-content;overflow:hidden;padding:8px 12px;position:relative;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}@keyframes buttonPulse{0%{box-shadow:0 4px 10px #2196f34d}to{box-shadow:0 6px 15px #2196f380}}.chat-button.new-loaded:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:5}.chat-button.new-loaded:hover{background:linear-gradient(135deg,#1e88e5,#1565c0);box-shadow:0 6px 15px #2196f366;transform:translateY(-3px) scale(1.03)}.chat-button.new-loaded:hover:before{left:100%}.chat-button.new-loaded:active{box-shadow:0 2px 5px #2196f34d;transform:translateY(0) scale(.98);transition:all .1s cubic-bezier(.4,0,.2,1)}.chat-button.new-loaded svg{transition:all .3s ease}.chat-button.new-loaded:hover svg{transform:translateX(-2px) scale(1.1)}@media (max-width:768px){.chat-button.new-loaded{flex-shrink:0;font-size:13px;gap:6px;min-width:fit-content;padding:6px 12px}}.analysis-content{-webkit-user-select:text;user-select:text}.context-menu-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:14px;margin:0 4px;padding:10px 16px;transition:background-color .2s}.context-menu-item:hover{background-color:#2196f31a}.context-menu-item svg{color:#1976d2;margin-right:8px}::selection{background-color:#2196f333}.analysis-content{position:relative}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.analysis-content:after{background-color:#000c;border-left:3px solid #1976d2;border-radius:4px;box-shadow:0 3px 10px #0000004d;color:#fff;content:"提示: 可选中时间戳[00:00-00:00]以及其他文本，然后右键点击发送到聊天窗口";font-size:12px;opacity:0;padding:8px 14px;pointer-events:none;position:absolute;right:10px;top:10px;transition:opacity .3s ease;white-space:nowrap;z-index:10}.analysis-text-section:hover .analysis-content:after{animation:tooltipFadeIn .3s ease-out;opacity:1;transition-delay:.5s}::selection{background-color:#2196f340;color:#0d47a1;text-shadow:0 1px 0 #ffffff80}.analysis-content{line-height:1.8}.timestamp-wrapper{background-color:#2196f31a;border:1px solid #2196f333;border-radius:3px;cursor:default;display:inline-block;font-family:monospace;font-weight:500;margin:0 2px;padding:1px 4px;transition:all .2s ease;user-select:all;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all}.timestamp-wrapper:hover{background-color:#2196f333;border-color:#2196f366;box-shadow:0 1px 3px #0000001a}@keyframes fadeInOut{0%{opacity:0;transform:translateY(20px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.analysis-sections{display:flex;flex-direction:column;gap:24px}.analysis-section{background-color:#ffffffb3;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:20px;transition:all .3s ease}.analysis-section:hover{background-color:#ffffffe6;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.section-title{padding-left:16px;position:relative}.section-title:before{background:linear-gradient(180deg,#1976d2,#2196f3);border-radius:2px;content:"";height:16px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.section-content{border-left:1px solid #1976d21a;padding-left:16px}.section-content .timestamp-wrapper{background-color:#1976d21a;border-radius:4px;color:#1976d2;cursor:pointer;display:inline-block;font-weight:500;margin:0 2px;padding:2px 6px;transition:all .2s ease}.section-content .timestamp-wrapper:hover{background-color:#1976d233}.edit-textarea{background-color:#fffffff2!important}@media (max-width:768px){.analysis-section{padding:16px}.section-content,.section-title{font-size:14px!important}.section-content{padding-left:12px}}.movable-analysis-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;overflow:hidden;transition:all .3s ease}.movable-analysis-card,.movable-analysis-card.MuiCard-root{max-width:calc(100vw - 40px)!important;min-width:500px!important;width:auto!important}.movable-analysis-card.MuiCard-root{box-sizing:border-box!important}.movable-analysis-card.collapsed{cursor:grab;left:0!important;max-height:60px;min-height:60px}.movable-analysis-card.collapsed,.movable-analysis-card.collapsed.MuiCard-root{max-width:calc(100vw - 40px)!important;min-width:500px!important;width:auto!important}.movable-analysis-card.collapsed:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.movable-analysis-card.expanded{box-shadow:0 4px 16px #0000001a;left:auto!important;max-height:none;max-width:calc(100vw - 40px)!important;min-width:500px!important;position:relative!important;top:auto!important;width:auto!important}.movable-analysis-card{margin-bottom:16px}.movable-analysis-card.dragging{box-shadow:0 8px 24px #0003;cursor:grabbing;transform:rotate(2deg);z-index:1000!important}.movable-analysis-card .card-header{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-bottom:1px solid #0000001a;padding:12px 16px}.movable-analysis-card.collapsed .card-header{padding:8px 16px}.card-title-container{align-items:center;display:flex;gap:8px}.card-title{color:inherit;font-size:1rem;font-weight:600;margin:0}.movable-analysis-card.collapsed .card-title{font-size:.9rem}.drag-handle{opacity:.6;transition:opacity .2s ease}.drag-handle:hover{opacity:1}.movable-analysis-card.dragging .drag-handle{cursor:grabbing}.expand-button{transition:transform .2s ease}.expand-button:hover{transform:scale(1.1)}.card-content{padding:16px!important}.movable-analysis-card.music-analysis-theme .card-header{background:linear-gradient(135deg,#ff4757,#ff3742);color:#fff}.movable-analysis-card.music-analysis-theme{border-left:6px solid #ff4757}.movable-analysis-card.rhythm-theme .card-header{background:linear-gradient(135deg,#00d4ff,#09c);color:#fff}.movable-analysis-card.rhythm-theme{border-left:6px solid #00d4ff}.movable-analysis-card.instrument-theme .card-header{background:linear-gradient(135deg,#ff4757,#ff3742);color:#fff}.movable-analysis-card.instrument-theme{border-left:6px solid #ff4757}.movable-analysis-card.structure-theme .card-header{background:linear-gradient(135deg,#0f8,#00e676);color:#fff}.movable-analysis-card.structure-theme{border-left:6px solid #0f8}.movable-analysis-card.dynamics-theme .card-header{background:linear-gradient(135deg,#d63aff,#c625ea);color:#fff}.movable-analysis-card.dynamics-theme{border-left:6px solid #d63aff}.movable-analysis-card.tonality-theme .card-header{background:linear-gradient(135deg,#fd0,#ffc107);color:#fff}.movable-analysis-card.tonality-theme{border-left:6px solid #fd0}.movable-analysis-card.technical-theme .card-header{background:linear-gradient(135deg,#0fc,#00e5b8);color:#fff}.movable-analysis-card.technical-theme{border-left:6px solid #0fc}.movable-analysis-card.emotion-theme .card-header{background:linear-gradient(135deg,#ff6b35,#ff5722);color:#fff}.movable-analysis-card.emotion-theme{border-left:6px solid #ff6b35}.movable-analysis-card.overall-theme .card-header{background:linear-gradient(135deg,#5c7cfa,#4c6ef5);color:#fff}.movable-analysis-card.overall-theme{border-left:6px solid #5c7cfa}.movable-analysis-card.complete-theme .card-header{background:linear-gradient(135deg,#ff3d71,#f03e3e);color:#fff}.movable-analysis-card.complete-theme{border-left:6px solid #ff3d71}.movable-analysis-card.default-theme .card-header{background:linear-gradient(135deg,#845ec2,#7048e8);color:#fff}.movable-analysis-card.default-theme{border-left:6px solid #845ec2}.movable-analysis-card.neon-green-theme .card-header{background:linear-gradient(135deg,#39ff14,#32cd32);color:#fff}.movable-analysis-card.neon-green-theme{border-left:6px solid #39ff14}.movable-analysis-card.electric-blue-theme .card-header{background:linear-gradient(135deg,#007fff,#06c);color:#fff}.movable-analysis-card.electric-blue-theme{border-left:6px solid #007fff}.movable-analysis-card.hot-pink-theme .card-header{background:linear-gradient(135deg,#ff1493,#dc143c);color:#fff}.movable-analysis-card.hot-pink-theme{border-left:6px solid #ff1493}.movable-analysis-card.lime-theme .card-header{background:linear-gradient(135deg,#32ff32,#0f0);color:#fff}.movable-analysis-card.lime-theme{border-left:6px solid #32ff32}.movable-analysis-card.magenta-theme .card-header{background:linear-gradient(135deg,#f0f,#c0c);color:#fff}.movable-analysis-card.magenta-theme{border-left:6px solid #f0f}.movable-analysis-card.coral-theme .card-header{background:linear-gradient(135deg,coral,tomato);color:#fff}.movable-analysis-card.coral-theme{border-left:6px solid coral}.movable-analysis-card.gold-theme .card-header{background:linear-gradient(135deg,gold,#ffb347);color:#fff}.movable-analysis-card.gold-theme{border-left:6px solid gold}.movable-analysis-card.spring-green-theme .card-header{background:linear-gradient(135deg,#00ff7f,#00e676);color:#fff}.movable-analysis-card.spring-green-theme{border-left:6px solid #00ff7f}.movable-analysis-card.deep-sky-blue-theme .card-header{background:linear-gradient(135deg,#00bfff,#1e90ff);color:#fff}.movable-analysis-card.deep-sky-blue-theme{border-left:6px solid #00bfff}.movable-analysis-card.orange-red-theme .card-header{background:linear-gradient(135deg,#ff4500,#f60);color:#fff}.movable-analysis-card.orange-red-theme{border-left:6px solid #ff4500}.movable-analysis-card{animation:cardSlideIn .3s ease-out}@media (max-width:768px){.movable-analysis-card.collapsed{width:100%!important}.movable-analysis-card,.movable-analysis-card.collapsed,.movable-analysis-card.expanded{max-width:calc(100vw - 20px)!important;min-width:300px!important}.card-title{font-size:.85rem}.analysis-cards-container{padding:12px}}@media (max-width:480px){.movable-analysis-card.collapsed{width:100%!important}.movable-analysis-card,.movable-analysis-card.collapsed,.movable-analysis-card.expanded{max-width:calc(100vw - 10px)!important;min-width:280px!important}.card-title{font-size:.8rem}.drag-handle{display:none}}.movable-analysis-card.collapsed:hover .drag-handle{color:#007bff;opacity:1}.movable-analysis-card.collapsed:hover .card-title{text-shadow:0 1px 2px #0000001a}.drag-handle:focus,.expand-button:focus{outline:2px solid #007bff;outline-offset:2px}.inspiration-section{border-top:1px solid #0000001f;margin-top:24px;padding-top:16px}.inspiration-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.inspiration-list{display:flex;flex-direction:column;gap:16px}.add-inspiration-button{background-color:#f8f9fa;border-color:#dee2e6;color:#495057;margin-bottom:16px!important;transition:all .2s ease}.add-inspiration-button:hover{background-color:#e9ecef;border-color:#ced4da;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.inspiration-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:16px;transition:all .2s ease}.inspiration-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.timestamp-button{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #2196f3;border-radius:16px;color:#1976d2;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:4px;margin:2px;overflow:hidden;padding:4px 8px;position:relative;text-decoration:none;transition:all .2s ease;white-space:nowrap}.timestamp-button:hover:not(:disabled){background:linear-gradient(135deg,#bbdefb,#90caf9);box-shadow:0 2px 8px #2196f34d;transform:translateY(-1px)}.timestamp-button:active{box-shadow:0 1px 4px #2196f366;transform:translateY(0)}.timestamp-button.playing{animation:pulse 2s infinite;background:linear-gradient(135deg,#c8e6c9,#a5d6a7);border-color:#4caf50;color:#2e7d32}.timestamp-button.loading{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-color:#ff9800;color:#ef6c00;cursor:wait}.timestamp-button.loading:before{animation:loading-shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.timestamp-button:disabled{cursor:not-allowed;opacity:.7}.play-icon{line-height:1}.loading-spinner,.play-icon{align-items:center;display:inline-flex;font-size:10px;height:12px;justify-content:center;width:12px}@keyframes loading-shimmer{0%{left:-100%}to{left:100%}}.analysis-text-with-timestamps .timestamp-button{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2196f31a;border:1px solid #2196f34d}.analysis-text-with-timestamps .timestamp-button:hover{background:#2196f333;border-color:#2196f3}.timestamp-button.error{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-color:#f44336;color:#c62828}.performance-dashboard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e28f2;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0000004d;color:#fff;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:400px;min-width:280px;position:fixed;right:20px;top:20px;transition:all .3s ease;z-index:10000}.performance-dashboard.compact{max-width:250px;min-width:200px}.performance-dashboard.expanded{max-height:80vh;max-width:450px;min-width:350px;overflow-y:auto}.dashboard-header{align-items:center;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:12px 16px}.dashboard-title{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px}.dashboard-toggle{border-radius:4px;cursor:pointer;font-size:12px;padding:4px;transition:background-color .2s ease}.dashboard-toggle:hover{background:#ffffff1a}.dashboard-close{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;padding:4px 8px;transition:background-color .2s ease}.dashboard-close:hover{background:#f003}.dashboard-content{padding:16px}.dashboard-compact{padding:8px 16px}.compact-stats{display:flex;font-size:12px;gap:12px}.compact-stat{background:#ffffff1a;border-radius:6px;font-weight:500;padding:4px 8px}.stat-group{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:16px;padding:12px}.stat-group h4{color:#fff;font-size:13px;font-weight:600;margin:0 0 8px;opacity:.9}.stat-row{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin-bottom:4px}.stat-row:last-child{margin-bottom:0}.stat-row span:first-child{color:#ffffffb3}.stat-row span:last-child{font-family:SF Mono,Monaco,Consolas,monospace;font-weight:600}.recommendations{background:#ffc1071a;border:1px solid #ffc10733;border-radius:8px;margin-bottom:16px;padding:12px}.recommendations h4{color:#ffc107;font-size:13px;font-weight:600;margin:0 0 8px}.recommendation{border-radius:4px;font-size:11px;line-height:1.4;margin-bottom:6px;padding:6px 8px}.recommendation:last-child{margin-bottom:0}.recommendation.high{background:#dc354533;border-left:3px solid #dc3545}.recommendation.medium{background:#ffc10733;border-left:3px solid #ffc107}.recommendation.low{background:#28a74533;border-left:3px solid #28a745}.rec-priority{font-weight:600;margin-right:6px}.rec-message{opacity:.9}.quick-actions{display:flex;flex-wrap:wrap;gap:8px}.action-button{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:11px;font-weight:600;min-width:80px;padding:8px 12px;transition:all .2s ease}.action-button:hover{background:#fff3;transform:translateY(-1px)}.action-button.cleanup{background:#28a74533;border-color:#28a7454d}.action-button.cleanup:hover{background:#28a7454d}.action-button.clear-cache{background:#ffc10733;border-color:#ffc1074d}.action-button.clear-cache:hover{background:#ffc1074d}.action-button.report{background:#007bff33;border-color:#007bff4d}.action-button.report:hover{background:#007bff4d}.performance-dashboard.expanded::-webkit-scrollbar{width:6px}.performance-dashboard.expanded::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.performance-dashboard.expanded::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.performance-dashboard.expanded::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width:768px){.performance-dashboard{max-width:300px;min-width:250px;right:10px;top:10px}.performance-dashboard.compact{max-width:220px;min-width:180px}.quick-actions{flex-direction:column}.action-button{min-width:auto}}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulse-error{0%,to{opacity:1}50%{opacity:.4}}.stat-row span[style*="color: #ffa500"],.stat-row span[style*="color: rgb(255, 165, 0)"]{animation:pulse-warning 2s infinite}.stat-row span[style*="color: #ff4444"],.stat-row span[style*="color: rgb(255, 68, 68)"]{animation:pulse-error 1.5s infinite}.performance-dashboard.loading{opacity:.7}.performance-dashboard.loading:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}:root{--chat-bg-primary:#fff;--chat-bg-secondary:#f5f5f5;--chat-text-primary:#333;--chat-text-secondary:#666;--chat-border-color:#dee2e6;--chat-primary-color:#2196f3;--chat-primary-hover:#1976d2;--chat-success-color:#28a745;--chat-danger-color:#dc3545;--chat-info-bg:#e3f2fd;--chat-warning-bg:#fff3e0;--chat-error-bg:#ffebee}.chat-window{background-color:var(--bg-primary,var(--chat-bg-primary));border-radius:8px}.chat-messages{padding:12px 16px}.empty-chat{color:#666;color:var(--text-secondary,#666)}.message{margin-bottom:16px}.user-message{background-color:#2196f3;background-color:var(--selection-primary,#2196f3);border-radius:12px 12px 2px 12px;padding:10px 16px}.ai-message{background-color:#f5f5f5;background-color:var(--bg-secondary,#f5f5f5);border-radius:12px 12px 12px 2px;padding:10px 16px}.ai-message,.system-message{color:#333;color:var(--text-primary,#333)}.system-message{background-color:#fff3e0;background-color:var(--details-bg-color,#fff3e0);border-radius:12px;font-size:.9em}.message-header{align-items:center;display:flex;font-size:.85em;justify-content:space-between;margin-bottom:5px}.message-info{display:flex;flex-direction:column;gap:2px}.timestamp{color:#ffffffb3;font-size:.85em}.ai-message .timestamp{color:#666;color:var(--text-secondary,#666)}.save-message-btn{background:#0000001a;border:none;border-radius:4px;color:#0009;cursor:pointer;margin-left:8px;opacity:0;padding:4px 6px;transform:scale(.9);transition:all .2s ease}.message:hover .save-message-btn{opacity:1;transform:scale(1)}.save-message-btn:hover{background:#0003;color:#000c}.user-message .save-message-btn{background:#fff3;color:#fffc}.user-message .save-message-btn:hover{background:#ffffff4d;color:#fff}.ai-message .save-message-btn{background:#0000000d;color:#00000080}.ai-message .save-message-btn:hover{background:#0000001a;color:#000000b3}.system-message .save-message-btn{background:#0000001a;color:#0009}.system-message .save-message-btn:hover{background:#0003;color:#000c}.message-content{word-break:break-word}.message-content p{margin:0 0 8px}.message-content p:last-child{margin-bottom:0}.chat-input{background-color:#fff;background-color:var(--bg-primary,#fff);border-top:1px solid #dee2e6;border-top:1px solid var(--border-color,#dee2e6);padding:12px 16px}.chat-input-container{align-items:flex-end}.chat-input textarea{-webkit-text-fill-color:#333!important;background-color:#fff!important;border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-radius:20px;caret-color:#333!important;color:#333!important;flex:1 1;font-family:inherit;font-size:.95rem;font-weight:600;max-height:150px;min-height:24px;opacity:1!important;outline:none;padding:10px 60px 10px 16px;resize:none;text-shadow:none!important;transition:all .2s}.chat-input textarea:focus,.chat-input textarea:hover{background-color:#fff!important;border-color:#2196f3;border-color:var(--selection-primary,#2196f3);color:#333!important}.chat-message{color:#333!important}.chat-message.user-message{background-color:#2196f3;background-color:var(--selection-primary,#2196f3);color:#fff!important}.chat-message.assistant-message{background-color:#f5f5f5;background-color:var(--bg-secondary,#f5f5f5);color:#333!important}.chat-message.system-message{background-color:#fff3e0;background-color:var(--details-bg-color,#fff3e0);color:#333!important}.message-content{color:#333!important}.user-message .message-content{color:#fff!important}.assistant-message .message-content,.markdown-content,.markdown-content div,.markdown-content li,.markdown-content p,.markdown-content span{color:#333!important}.markdown-content code,.markdown-content pre{background-color:#f5f5f5;color:#333!important}.chat-input textarea::placeholder{color:#666!important;opacity:1}.chat-input textarea::selection{background-color:#b3d4fc!important;color:#000!important}.chat-input textarea:focus{border-color:#2196f3;border-color:var(--selection-primary,#2196f3);box-shadow:0 0 0 2px #2196f333}.chat-input button[type=submit]{align-items:center;background-color:#2196f3;background-color:var(--selection-primary,#2196f3);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.9em;font-weight:600;height:36px;justify-content:center;position:relative;right:50px;transition:all .2s;width:36px}.chat-input button[type=submit]:disabled{background-color:#dee2e6;background-color:var(--border-color,#dee2e6);cursor:not-allowed;opacity:.7}.chat-input button[type=submit]:hover:not(:disabled){background-color:#1976d2;background-color:var(--selection-secondary,#1976d2)}.loading-animation{align-items:center;display:flex;gap:6px;justify-content:center;padding:12px}.loading-animation .dot{animation:pulse 1.5s infinite;background-color:#333;background-color:var(--text-primary,#333);border-radius:50%;height:8px;opacity:.7;width:8px}.loading-animation .dot:nth-child(2){animation-delay:.5s}.loading-animation .dot:nth-child(3){animation-delay:1s}.error-message{background-color:var(--danger-color,#ffebee);color:var(--text-primary,#c62828);font-size:.95em;margin:12px 0;padding:12px;text-align:center}.retry-button{background-color:var(--selection-primary,#2196f3);font-size:.9em;margin-top:8px;transition:all .2s}.retry-button:hover{background-color:var(--selection-secondary,#1976d2)}.upload-progress{background-color:#e3f2fd;background-color:var(--details-bg-color,#e3f2fd);border-radius:8px;color:#333;color:var(--text-primary,#333);font-size:.95em;margin:12px 0;padding:12px}.progress-bar{background-color:#dee2e6;background-color:var(--border-color,#dee2e6);border-radius:3px;height:6px;margin-top:8px;overflow:hidden}.progress-bar-fill{background-color:#2196f3;background-color:var(--selection-primary,#2196f3);border-radius:3px;height:100%;transition:width .5s ease}.attachment-button{background:#0000;border:none;border-radius:50%;color:#666;color:var(--text-secondary,#666);cursor:pointer;margin-right:8px;padding:10px;transition:all .2s}.attachment-button:hover{background-color:#f5f5f5;background-color:var(--bg-secondary,#f5f5f5);color:#2196f3;color:var(--selection-primary,#2196f3)}.attachment-button:disabled{cursor:not-allowed;opacity:.5}.file-preview{align-items:center;background-color:#f5f5f5;background-color:var(--bg-secondary,#f5f5f5);border-radius:6px;display:flex;gap:8px;margin:8px 0;padding:8px 12px}.file-info{flex:1 1}.file-info svg,.remove-file-btn{color:#666;color:var(--text-secondary,#666)}.remove-file-btn{background:#0000;border-radius:50%;padding:4px}.remove-file-btn:hover{background-color:#f5f5f5;background-color:var(--bg-secondary,#f5f5f5);color:#dc3545;color:var(--danger-color,#dc3545)}.video-preview{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.video-thumbnail{border-radius:4px;height:90px;overflow:hidden;position:relative;width:160px}.video-thumbnail img{height:100%;object-fit:cover;width:100%}.video-play-icon{align-items:center;background-color:#0009;border-radius:50%;color:#fff;display:flex;font-size:14px;height:30px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:30px}.video-processing-status{background-color:var(--info-bg);border-radius:8px;color:var(--info-text);font-size:.95em;margin:12px 0;padding:12px}.progress-bar-fill.pulse{animation:pulse-bar 1.5s infinite;background:linear-gradient(90deg,var(--primary-color) 0,var(--primary-color-light) 50%,var(--primary-color) 100%);background-size:200% 100%}@keyframes pulse-bar{0%{background-position:0 50%}to{background-position:100% 50%}}.force-chat-button{background-color:#f0ad4e;background-color:var(--warning-color,#f0ad4e);border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:.9em;font-weight:500;margin-left:auto;margin-right:auto;margin-top:10px;max-width:300px;padding:8px 14px;transition:all .2s;width:100%}.force-chat-button:hover{background-color:#ec971f;background-color:var(--warning-color-dark,#ec971f);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.error-message{align-items:center;display:flex;flex-direction:column}.error-message p{color:var(--error-text);margin-bottom:10px;text-align:center}.message.system-message.processing-info{background-color:#e8f4fd;background-color:var(--info-bg-alt,#e8f4fd);border-left:3px solid #0d6efd;border-left:3px solid var(--info-color,#0d6efd)}code:has(time){background-color:rgba(var(--primary-color-rgb),.1);border-radius:3px;padding:2px 4px}.analysis-context-line{background-color:#f0f7ff;border-left:3px solid #4a90e2;border-radius:4px;margin:4px 0;padding:8px}.system-message .analysis-context-line{color:#2a5298;font-weight:700}.system-message{background-color:#f8fafc;border-left:4px solid #4299e1;border-radius:0 4px 4px 0;margin:8px 0;padding:12px}.system-message pre{background-color:#ebf4ff;border-radius:4px;margin:8px 0;padding:8px;white-space:pre-wrap}.assistant-message{background-color:#f0fff4;border-left:4px solid #48bb78;border-radius:0 4px 4px 0;margin:8px 0;padding:12px}.chat-window{background-color:#fff;background-color:var(--bg-primary,#fff);border-radius:12px;box-shadow:0 0 20px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.chat-messages{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:16px 20px;scrollbar-color:#90a4ae #e3f2fd;scrollbar-width:thin}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#e3f2fd80;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb{background-color:#90a4ae;border-radius:4px}.empty-chat{align-items:center;animation:fadeIn .5s ease;color:#78909c;color:var(--text-secondary,#78909c);display:flex;flex-direction:column;font-style:italic;gap:12px;height:100%;justify-content:center}.empty-chat svg{animation:floatIcon 3s ease-in-out infinite;margin-bottom:12px;opacity:.6}.message{animation:fadeIn .3s ease;margin-bottom:18px;max-width:85%;position:relative}.user-message{align-self:flex-end;animation:fadeInUser .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#2196f3,#1976d2);border:1px solid #ffffff1a;border-radius:18px 18px 4px 18px;box-shadow:0 3px 10px #2196f333;color:#fff;letter-spacing:.2px;transform-origin:bottom right}.ai-message,.user-message{font-weight:400;line-height:1.5;padding:12px 18px}.ai-message{align-self:flex-start;animation:fadeInAI .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#f5f7fa,#e4e7ec);border:1px solid #00000008;border-radius:18px 18px 18px 4px;box-shadow:0 3px 10px #0000000d;color:#37474f;color:var(--text-primary,#37474f);transform-origin:bottom left}.system-message{background-color:#03a9f414;background-color:var(--details-bg-color,#03a9f414);box-shadow:0 1px 3px #0000000d;margin:10px 0;padding:8px 16px}.chat-input-container{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(0deg,#f9fafcf2,#f4f7fad9);border-radius:0 0 12px 12px;border-top:1px solid #0000000d;border-top:1px solid var(--border-color,#0000000d);box-shadow:0 -4px 15px #00000008;display:flex;padding:16px 20px;position:relative;transition:all .3s ease}.chat-input{background-color:#ffffffe6;border:1px solid #00000014;border:1px solid var(--border-color,#00000014);border-radius:24px;box-shadow:0 2px 6px #0000000a;flex:1 1;font-family:inherit;font-size:14px;line-height:1.5;max-height:120px;min-height:20px;outline:none;padding:14px 18px;resize:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.chat-input:focus{background-color:#fff;border-color:#2196f3;border-color:var(--primary-color,#2196f3);box-shadow:0 0 0 4px #2196f31a}.send-button{align-items:center;background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:50%;box-shadow:0 3px 8px #2196f34d;color:#fff;cursor:pointer;display:flex;height:45px;justify-content:center;margin-left:12px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:45px}.send-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.send-button:hover{background:linear-gradient(135deg,#1e88e5,#1565c0);box-shadow:0 6px 12px #2196f366;transform:translateY(-3px) scale(1.05)}.send-button:hover:before{left:100%}.send-button:active{box-shadow:0 2px 6px #2196f34d;transform:translateY(0) scale(.98)}.send-button:disabled{background:linear-gradient(135deg,#bdbdbd,#9e9e9e);box-shadow:none;cursor:not-allowed;transform:none}.send-button svg{height:20px;transition:transform .3s ease;width:20px}.send-button:hover svg{transform:rotate(10deg)}.loading-dots{gap:4px;padding:8px 0}.dot{background-color:#2196f3;background-color:var(--primary-color,#2196f3)}.file-upload-button{align-items:center;background-color:#fffc;border:none;border-radius:50%;box-shadow:0 2px 5px #0000000d;color:#78909c;color:var(--text-muted,#78909c);cursor:pointer;display:flex;height:38px;justify-content:center;margin-right:10px;padding:10px;transition:all .3s cubic-bezier(.4,0,.2,1);width:38px}.file-upload-button:hover{background-color:#fff;box-shadow:0 4px 8px #00000014;color:#2196f3;color:var(--primary-color,#2196f3);transform:translateY(-2px)}.file-upload-button:active{transform:translateY(0) scale(.95)}.file-upload-button svg{height:18px;transition:all .3s ease;width:18px}.file-upload-button:hover svg{transform:scale(1.1)}@keyframes fadeInUser{0%{filter:blur(2px);opacity:0;transform:translateY(10px) translateX(10px) scale(.95)}to{filter:blur(0);opacity:1;transform:translateY(0) translateX(0) scale(1)}}@keyframes fadeInAI{0%{filter:blur(2px);opacity:0;transform:translateY(10px) translateX(-10px) scale(.95)}to{filter:blur(0);opacity:1;transform:translateY(0) translateX(0) scale(1)}}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.message-timestamp{font-size:.7rem;margin-top:4px;opacity:.7;text-align:right}@media (max-width:768px){.message{max-width:90%}.chat-input-container{padding:10px}.chat-input{padding:10px 14px}.send-button{height:36px;width:36px}}@media (prefers-color-scheme:dark){.chat-window{--bg-color:#fff;--text-color:#212529;--text-muted:#6c757d;--secondary-bg:#f8f9fa;--input-bg:#fff;--border-color:#0000001a;--info-bg:#0d6efd26;--info-color:#0d6efd;--disabled-color:#e9ecef}.chat-input{background-color:#1e1e2d;color:#e0e0e0}.ai-message{border:1px solid #ffffff0d}}.loading-dots{align-items:center;display:flex;gap:5px;justify-content:center;padding:10px 0}.dot{animation:dotPulse 1.4s ease-in-out infinite;background:linear-gradient(135deg,#2196f3,#1976d2);border-radius:50%;box-shadow:0 2px 5px #2196f333;height:8px;width:8px}.dot:first-child{animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%{opacity:.3;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}to{opacity:.3;transform:scale(.6)}}.system-message{align-self:center;animation:systemMessageFadeIn .5s ease;background:linear-gradient(135deg,#03a9f414,#2196f30d);border:1px solid #03a9f41a;border-radius:18px;box-shadow:0 2px 5px #0000000d;color:#0288d1;color:var(--info-color,#0288d1);font-size:.85rem;margin:12px 0;max-width:90%;padding:10px 18px;text-align:center}@keyframes systemMessageFadeIn{0%{opacity:0;transform:translateY(-5px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-color-scheme:dark){.dot{background:linear-gradient(135deg,#0d6efd,#0a58ca);box-shadow:0 2px 5px #0d6efd4d}.system-message{background:linear-gradient(135deg,#03a9f426,#2196f31a);border:1px solid #03a9f433}}.user-management{margin:0 auto;max-width:1200px;padding:20px}.user-table{border-collapse:collapse;margin-top:20px;width:100%}.user-table td,.user-table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.user-table th{background-color:#f5f5f5;font-weight:700}.user-table tr:hover{background-color:#f9f9f9}.user-table select{border:1px solid #ddd;border-radius:4px;padding:6px}.delete-btn{background-color:#f44;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px}.delete-btn:hover{background-color:#c00}.admin-error{color:#f44;font-weight:700;padding:20px;text-align:center}.qq-music-recorder h3{color:#2a5298;margin-bottom:15px;margin-top:0}.recording-controls{align-items:center;display:flex;flex-direction:column}.analyze-button,.record-button,.stop-button{border:none;border-radius:4px;cursor:pointer;font-size:16px;margin:5px 0;max-width:200px;padding:10px 20px;width:100%}.record-button{background-color:#4caf50;color:#fff}.stop-button{background-color:#f44336;color:#fff}.analyze-button{background-color:#2196f3}.recording-indicator{align-items:center;display:flex;font-weight:700;margin-bottom:15px}.recording-dot{animation:pulse 1s infinite;background-color:#f44336;border-radius:50%;height:12px;margin-right:8px;width:12px}.recording-preview{margin-bottom:15px;width:100%}.recording-preview audio{width:100%}.qq-music-recorder{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.error-message{background-color:#ffebee;border-radius:4px;margin-bottom:15px;padding:10px}.qq-music-importer h3{color:#2a5298;margin-bottom:15px;margin-top:0}.instructions{background-color:#e3f2fd;border-radius:6px;line-height:1.5;margin-bottom:20px;padding:12px}.import-form{display:flex;flex-direction:column;gap:10px}.share-url-input{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}.import-button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.import-button:hover{background-color:#0b7dda}.import-button:disabled{background-color:#90caf9;cursor:not-allowed}.error-message{color:#f44336;margin-top:10px}.note{background-color:#fff3e0;border-left:4px solid #ff9800;font-size:14px;line-height:1.5;margin-top:15px;padding:10px}.qq-music-importer{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.cookie-manager{background:#f8f9fa;border-radius:8px;margin-top:20px;padding:20px}.cookie-manager textarea{border:1px solid #ddd;border-radius:4px;margin:10px 0;min-height:100px;padding:10px;width:100%}.cookie-manager button{background:#4a6fa5;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.instructions{color:#666;font-size:14px;margin-top:15px}.qq-music-analyzer{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px}.search-box{display:flex;gap:10px;margin-bottom:20px}.search-box input{border:1px solid #ddd;border-radius:4px;flex:1 1;padding:10px}.search-box button{background-color:#4a6fa5;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.results{grid-gap:10px;display:grid;gap:10px}.song-item{align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:10px}.song-info h4{color:#333;margin:0}.song-info p{color:#666;font-size:14px;margin:5px 0 0}.song-item button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.analysis-preview{background-color:#e3f2fd;border-radius:4px;margin-top:20px;padding:15px}.error{color:#f44336;margin-bottom:15px}:root{--rhythm-color:#2196f3;--instrument-color:#f44336;--structure-color:#4caf50;--dynamics-color:#9c27b0;--tonality-color:#ffeb3b;--technical-color:#00bcd4;--emotion-color:#ff9800;--overall-color:#607d8b;--custom-color-1:#9c27b0;--custom-color-2:#009688;--custom-color-3:#ff5722;--custom-color-4:#8bc34a;--custom-color-5:#03a9f4;--custom-color-6:#e91e63;--custom-color-7:#ffc107;--custom-color-8:#795548;--checkbox-border-width:2px;--checkbox-border-left-width:6px;--checkbox-hover-y-offset:-2px;--checkbox-border-radius:8px;--checkbox-background-opacity-light:0.15;--checkbox-background-opacity-dark:0.25;--checkbox-shadow-default:0 2px 5px #0000001a;--checkbox-shadow-checked:0 3px 8px #00000026;--checkbox-transition-time:0.2s;--selection-primary:#667eea;--selection-secondary:#764ba2;--selection-accent:#f093fb;--selection-highlight:#f5576c;--glass-bg:#ffffff40;--glass-border:#ffffff2e;--glass-shadow:#1f26875e;--rhythm-color:#667eea;--instrument-color:#f5576c;--structure-color:#4ecdc4;--dynamics-color:#a8e6cf;--tonality-color:#ffd93d;--technical-color:#ff8a80;--emotion-color:#ffb74d;--overall-color:#81c784;--custom-color-1:#e91e63;--custom-color-2:#9c27b0;--custom-color-3:#673ab7;--custom-color-4:#3f51b5;--custom-color-5:#2196f3;--custom-color-6:#00bcd4;--custom-color-7:#009688;--custom-color-8:#4caf50}.project-selection{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(145deg,#667eea1a,#764ba21a 25%,#f093fb14 50%,#f5576c1a);border:1px solid #ffffff2e;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #1f26871f,0 4px 16px #667eea1a,inset 0 1px 0 #fff3;margin-bottom:20px;padding:24px;transform:translateZ(0);transition:all .4s cubic-bezier(.25,.8,.25,1)}.project-selection:hover{background:linear-gradient(145deg,#667eea26,#764ba226 25%,#f093fb1f 50%,#f5576c26);box-shadow:0 16px 48px #1f26872e,0 8px 24px #667eea26,inset 0 1px 0 #ffffff4d;transform:translateY(-4px) scale(1.01)}.project-selection:before{animation:gradientShift 15s ease infinite;background:linear-gradient(-45deg,#667eea0d,#764ba20d,#f093fb08,#f5576c0d);background-size:400% 400%;border-radius:20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.project-selection:after{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,#667eea1a 0,#f093fb0d 35%,#0000 70%);height:100%;right:-50%;top:-50%;width:100%;z-index:-1}.project-selection-title{border-bottom:2px solid #e91e63;color:#d81b60;font-size:1.1rem;font-weight:600;margin-bottom:12px;margin-top:0;padding-bottom:8px;position:relative;z-index:1}.project-selection-title:before{background:linear-gradient(90deg,#e91e63,#e91e634d);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:50px;z-index:2}.project-selection-description{color:#555;font-size:.9rem;margin-bottom:12px}.project-checkboxes{grid-gap:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff40,#ffffff1a 50%,#ffffff0d);border:1px solid #ffffff2e;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #1f26875e,inset 0 1px 0 #fff3;box-shadow:0 8px 32px var(--glass-shadow),inset 0 1px 0 #fff3;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px;padding:20px;position:relative;transform:translateZ(0)}.project-checkboxes:before{animation:gradientShift 15s ease infinite;background:linear-gradient(45deg,#667eea0d,#764ba20d 25%,#f093fb0d 50%,#667eea0d 75%,#764ba20d);background-size:400% 400%;border-radius:20px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.project-checkbox{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 4px 16px #0000001a,inset 0 1px 0 #ffffff80;cursor:pointer;display:flex;overflow:hidden;padding:14px 18px;position:relative;transform:translateZ(0);transition:all .4s cubic-bezier(.25,.8,.25,1)}.project-checkbox:before{background:linear-gradient(135deg,#0000,#ffffff1a 50%,#0000);border-radius:16px;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.project-checkbox:hover{border-color:#667eea4d;box-shadow:0 12px 32px #00000026,0 4px 16px #667eea33,inset 0 1px 0 #fff9;transform:translateY(-8px) scale(1.02)}.project-checkbox:hover:before{opacity:1}.project-checkbox.checked{background:linear-gradient(135deg,#fffffff2,#fffc);border:2px solid #667eea;border:2px solid var(--current-project-color,var(--selection-primary));box-shadow:0 8px 24px #0000001f,0 4px 16px #667eea4d,inset 0 1px 0 #ffffffb3;box-shadow:0 8px 24px #0000001f,0 4px 16px var(--current-project-glow,#667eea4d),inset 0 1px 0 #ffffffb3;font-weight:600;transform:translateY(-4px)}.project-checkbox.rhythm{--current-project-color:var(--rhythm-color);--current-project-glow:#2196f34d}.project-checkbox.rhythm.checked{background:linear-gradient(135deg,#2196f326,#ffffffe6);border-left:6px solid #667eea;border-left:6px solid var(--rhythm-color);color:#667eea;color:var(--rhythm-color)}.project-checkbox.instrument{--current-project-color:var(--instrument-color);--current-project-glow:#f443364d}.project-checkbox.instrument.checked{background:linear-gradient(135deg,#f4433626,#ffffffe6);border-left:6px solid #f5576c;border-left:6px solid var(--instrument-color);color:#f5576c;color:var(--instrument-color)}.project-checkbox.structure{--current-project-color:var(--structure-color);--current-project-glow:#4caf504d}.project-checkbox.structure.checked{background:linear-gradient(135deg,#4caf5026,#ffffffe6);border-left:6px solid #4ecdc4;border-left:6px solid var(--structure-color);color:#4ecdc4;color:var(--structure-color)}.project-checkbox.dynamics{--current-project-color:var(--dynamics-color);--current-project-glow:#9c27b04d}.project-checkbox.dynamics.checked{background:linear-gradient(135deg,#9c27b026,#ffffffe6);border-left:6px solid #a8e6cf;border-left:6px solid var(--dynamics-color);color:#a8e6cf;color:var(--dynamics-color)}.project-checkbox.tonality{--current-project-color:var(--tonality-color);--current-project-glow:#ffeb3b66}.project-checkbox.tonality.checked{background:linear-gradient(135deg,#ffeb3b33,#ffffffe6);border-left:6px solid #ffd93d;border-left:6px solid var(--tonality-color);color:#000000de}.project-checkbox.technical{--current-project-color:var(--technical-color);--current-project-glow:#00bcd44d}.project-checkbox.technical.checked{background:linear-gradient(135deg,#00bcd426,#ffffffe6);border-left:6px solid #ff8a80;border-left:6px solid var(--technical-color);color:#ff8a80;color:var(--technical-color)}.project-checkbox.emotion{--current-project-color:var(--emotion-color);--current-project-glow:#ff98004d}.project-checkbox.emotion.checked{background:linear-gradient(135deg,#ff980026,#ffffffe6);border-left:6px solid #ffb74d;border-left:6px solid var(--emotion-color);color:#ffb74d;color:var(--emotion-color)}.project-checkbox.overall{--current-project-color:var(--overall-color);--current-project-glow:#607d8b4d}.project-checkbox.overall.checked{background:linear-gradient(135deg,#607d8b26,#ffffffe6);border-left:6px solid #81c784;border-left:6px solid var(--overall-color);color:#81c784;color:var(--overall-color)}.project-checkbox.custom-1{--current-project-color:var(--custom-color-1);--current-project-glow:#9c27b04d}.project-checkbox.custom-1.checked{background:linear-gradient(135deg,#9c27b026,#ffffffe6);border-left:6px solid #e91e63;border-left:6px solid var(--custom-color-1);color:#e91e63;color:var(--custom-color-1)}.project-checkbox.custom-2{--current-project-color:var(--custom-color-2);--current-project-glow:#0096884d}.project-checkbox.custom-2.checked{background:linear-gradient(135deg,#00968826,#ffffffe6);border-left:6px solid #9c27b0;border-left:6px solid var(--custom-color-2);color:#9c27b0;color:var(--custom-color-2)}.project-checkbox.custom-3{--current-project-color:var(--custom-color-3);--current-project-glow:#ff57224d}.project-checkbox.custom-3.checked{background:linear-gradient(135deg,#ff572226,#ffffffe6);border-left:6px solid #673ab7;border-left:6px solid var(--custom-color-3);color:#673ab7;color:var(--custom-color-3)}.project-checkbox.custom-4{--current-project-color:var(--custom-color-4);--current-project-glow:#8bc34a4d}.project-checkbox.custom-4.checked{background:linear-gradient(135deg,#8bc34a26,#ffffffe6);border-left:6px solid #3f51b5;border-left:6px solid var(--custom-color-4);color:#3f51b5;color:var(--custom-color-4)}.checkbox-label{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#333,#555);-webkit-background-clip:text;background-clip:text;font-size:.95rem;font-weight:500;letter-spacing:.3px;transition:all .3s cubic-bezier(.25,.8,.25,1);-webkit-user-select:none;user-select:none}.project-checkbox.checked .checkbox-label{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--current-project-color) 0,color-mix(in srgb,var(--current-project-color) 80%,#000) 100%);-webkit-background-clip:text;background-clip:text;font-weight:700;text-shadow:0 1px 2px #0000001a}.custom-projects{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#fff3,#ffffff1a);border:1px solid #ffffff2e;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #fff3;margin-top:24px;overflow:hidden;padding:24px;position:relative;transform:translateZ(0)}.custom-projects:before{animation:gradientShift 20s ease infinite;background:linear-gradient(45deg,#667eea08,#764ba208 50%,#f093fb08);border-radius:20px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.custom-projects-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--selection-primary),var(--selection-secondary));-webkit-background-clip:text;background-clip:text;display:flex;font-size:1.1rem;font-weight:700;letter-spacing:.5px;margin-bottom:16px;position:relative}.custom-projects-title:before{content:"✨";filter:drop-shadow(0 2px 4px rgba(102,126,234,.3));font-size:1.2rem;margin-right:8px}.custom-input-container{align-items:center;background:linear-gradient(135deg,#fff6,#fff3);border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 4px 16px #00000014,inset 0 1px 0 #fff6;gap:12px;margin-bottom:20px;padding:16px}.custom-input-container,.custom-projects input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.custom-projects input{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:2px solid #667eea33;border-radius:12px;box-shadow:0 2px 8px #0000000d,inset 0 1px 0 #ffffff80;color:#333;flex:1 1;font-size:.95rem;font-weight:500;padding:12px 16px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.custom-projects input::placeholder{color:#667eea99;font-weight:400}.custom-projects input:focus{background:#fffffff2;border-color:#667eea;border-color:var(--selection-primary);box-shadow:0 0 0 4px #667eea1a,0 4px 16px #667eea33,inset 0 1px 0 #fff9;outline:none;transform:translateY(-2px)}.custom-projects-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:1px dashed #667eea4d;border-radius:16px;gap:12px;margin-top:20px;min-height:60px;padding:16px;position:relative;transition:all .3s ease}.custom-projects-list:empty:before{color:#667eea99;content:"Drop custom projects here or add them above ✨";font-size:.9rem;font-style:italic;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.custom-project-chip{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:2px solid #fff6;border-radius:20px;box-shadow:0 4px 16px #0000001a,inset 0 1px 0 #ffffff80;color:#333;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;overflow:hidden;padding:8px 16px;position:relative;transform:translateZ(0);transition:all .4s cubic-bezier(.25,.8,.25,1)}.custom-project-chip:hover{border-color:#667eea;border-color:var(--chip-color,var(--selection-primary));box-shadow:0 8px 24px #00000026,0 4px 16px #667eea4d,inset 0 1px 0 #fff9;box-shadow:0 8px 24px #00000026,0 4px 16px var(--chip-glow,#667eea4d),inset 0 1px 0 #fff9;transform:translateY(-4px) scale(1.05)}.custom-project-chip:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .6s ease;width:100%}.custom-project-chip:hover:before{left:100%}.custom-project-chip-1{--chip-color:var(--custom-color-1);--chip-glow:#9c27b04d;background:linear-gradient(135deg,#9c27b01a,#ffffffe6);border-left:4px solid #e91e63;border-left:4px solid var(--custom-color-1)}.custom-project-chip-2{--chip-color:var(--custom-color-2);--chip-glow:#0096884d;background:linear-gradient(135deg,#0096881a,#ffffffe6);border-left:4px solid #9c27b0;border-left:4px solid var(--custom-color-2)}.custom-project-chip-3{--chip-color:var(--custom-color-3);--chip-glow:#ff57224d;background:linear-gradient(135deg,#ff57221a,#ffffffe6);border-left:4px solid #673ab7;border-left:4px solid var(--custom-color-3)}.custom-project-chip-4{--chip-color:var(--custom-color-4);--chip-glow:#8bc34a4d;background:linear-gradient(135deg,#8bc34a1a,#ffffffe6);border-left:4px solid #3f51b5;border-left:4px solid var(--custom-color-4)}.custom-project-chip-5{--chip-color:var(--custom-color-5);--chip-glow:#03a9f44d;background:linear-gradient(135deg,#03a9f41a,#ffffffe6);border-left:4px solid #2196f3;border-left:4px solid var(--custom-color-5)}.custom-project-chip-6{--chip-color:var(--custom-color-6);--chip-glow:#e91e634d;background:linear-gradient(135deg,#e91e631a,#ffffffe6);border-left:4px solid #00bcd4;border-left:4px solid var(--custom-color-6)}.custom-project-chip-7{--chip-color:var(--custom-color-7);--chip-glow:#ffc1074d;background:linear-gradient(135deg,#ffc1071a,#ffffffe6);border-left:4px solid #009688;border-left:4px solid var(--custom-color-7)}.custom-project-chip-8{--chip-color:var(--custom-color-8);--chip-glow:#7955484d;background:linear-gradient(135deg,#7955481a,#ffffffe6);border-left:4px solid #4caf50;border-left:4px solid var(--custom-color-8)}.project-selection{background:linear-gradient(135deg,#9c27b0,#7b1fa2);border:1px solid #9c27b033;border-radius:12px;box-shadow:0 3px 12px #9c27b033;margin-bottom:15px;overflow:hidden;padding:20px 15px 15px;position:relative;transition:all .3s ease}.project-selection:hover{background:linear-gradient(135deg,#fff1f8,#fff5f9);border-color:#e91e631a;box-shadow:0 5px 15px #e91e6326;transform:translateY(-2px)}.project-selection:after{background:radial-gradient(circle,#e91e630d 0,#e91e6300 70%);border-radius:50%;content:"";height:100px;pointer-events:none;position:absolute;right:-50px;top:-50px;width:100px;z-index:0}.selection-actions{gap:6px;right:10px;top:10px;z-index:2}.selection-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--selection-primary),var(--selection-secondary));-webkit-background-clip:text;background-clip:text;border-bottom:2px solid #ffffff80;color:#fff;display:flex;font-size:1.1rem;font-size:1.4rem;font-weight:600;font-weight:700;letter-spacing:.5px;margin-bottom:12px;margin-top:0;margin:0 0 20px;padding-bottom:8px;position:relative;text-shadow:0 2px 4px #0000001a;transition:all .3s ease;z-index:1;z-index:2}.selection-title:before{background:linear-gradient(90deg,#667eea,#f093fb);background:linear-gradient(90deg,var(--selection-primary),var(--selection-accent));border-radius:2px;bottom:-8px;box-shadow:0 2px 8px #667eea4d;content:"";height:3px;left:0;position:absolute;transition:width .6s cubic-bezier(.25,.8,.25,1);width:0}.project-selection:hover .selection-title:before{width:120px}.selection-title .MuiIconButton-root{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#667eea1a;border-radius:12px;color:#667eea;color:var(--selection-primary);margin-left:auto;padding:8px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.selection-title .MuiIconButton-root:hover{background:#667eea33;box-shadow:0 4px 12px #667eea4d;color:#764ba2;color:var(--selection-secondary);transform:rotate(15deg) scale(1.1)}.selection-actions .MuiButton-root{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:linear-gradient(135deg,#fff3,#ffffff1a)!important;box-shadow:0 4px 16px #0000001a,inset 0 1px 0 #fff3!important;color:#ffffffe6!important;font-size:.85rem!important;padding:8px 16px!important}.selection-actions .MuiButton-root:hover{background:linear-gradient(135deg,#ffffff4d,#fff3)!important;box-shadow:0 8px 24px #00000026,0 4px 16px #ffffff1a,inset 0 1px 0 #ffffff4d!important}.custom-input-container .MuiTextField-root .MuiInputBase-root{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:linear-gradient(135deg,#ffffffe6,#f8fafce6)!important;border:2px solid #667eea33!important;border-radius:12px!important;overflow:hidden!important;position:relative!important;transition:all .3s cubic-bezier(.25,.8,.25,1)!important}.custom-input-container .MuiTextField-root .MuiInputBase-root:before{background:linear-gradient(90deg,#0000,#667eea1a,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .6s ease;width:100%}.custom-input-container .MuiTextField-root .MuiInputBase-root:focus-within:before{left:100%}.custom-input-container .MuiTextField-root .MuiInputBase-root:focus-within{border-color:#667eea!important;border-color:var(--selection-primary)!important;box-shadow:0 0 0 4px #667eea1a,0 4px 16px #667eea33,inset 0 1px 0 #fff9!important;transform:translateY(-2px)!important}.custom-input-container .MuiTextField-root .MuiInputBase-input{color:#333!important;font-size:.95rem!important;font-weight:500!important;letter-spacing:.3px!important;padding:14px 16px!important}.custom-input-container .MuiTextField-root .MuiInputBase-input::placeholder{color:#667eea99!important;font-weight:400!important;opacity:1!important}.selection-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:flex-end;position:absolute;right:12px;top:12px;z-index:10}.selection-actions .MuiButton-root{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:linear-gradient(135deg,#ffffff40,#ffffff26)!important;border:1px solid #ffffff4d!important;border-radius:12px!important;box-shadow:0 4px 16px #00000014,inset 0 1px 0 #ffffff4d!important;color:#fffffff2!important;font-size:.8rem!important;font-weight:600!important;height:36px!important;letter-spacing:.3px!important;min-width:80px!important;overflow:hidden!important;padding:8px 14px!important;position:relative!important;text-transform:none!important;transition:all .3s cubic-bezier(.25,.8,.25,1)!important}.selection-actions .MuiButton-root:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .6s ease;width:100%}.selection-actions .MuiButton-root:hover:before{left:100%}.selection-actions .MuiButton-root:hover{background:linear-gradient(135deg,#ffffff59,#ffffff40)!important;border-color:#fff6!important;box-shadow:0 8px 24px #00000026,0 4px 16px #ffffff1a,inset 0 1px 0 #fff6!important;color:#fff!important;transform:translateY(-2px) scale(1.02)!important}.project-selection:hover .selection-actions .MuiButton-root{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:linear-gradient(135deg,#667eea33,#764ba226)!important;border:1px solid #667eea4d!important;color:#667eea!important;color:var(--selection-primary)!important}.project-selection:hover .selection-actions .MuiButton-root:hover{background:linear-gradient(135deg,#667eea4d,#764ba233)!important;border-color:#667eea66!important;box-shadow:0 8px 24px #667eea40,0 4px 16px #764ba226,inset 0 1px 0 #ffffff80!important;color:#764ba2!important;color:var(--selection-secondary)!important}.project-selection .MuiMenu-paper{animation:menuSlideIn .3s cubic-bezier(.25,.8,.25,1)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:linear-gradient(135deg,#fffffff2,#f8fafcf2)!important;border:1px solid #667eea33!important;border-radius:16px!important;box-shadow:0 16px 48px #0000001f,0 8px 24px #667eea14,inset 0 1px 0 #fff9!important;max-width:320px!important;overflow:hidden!important}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.project-selection .MuiDivider-root{background:linear-gradient(90deg,#0000,#667eea33 50%,#0000)!important;height:2px!important;margin:8px 0!important}@media (max-width:768px){.selection-actions{flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:16px;position:relative;right:auto;top:auto}.selection-actions .MuiButton-root{font-size:.75rem!important;height:32px!important;min-width:70px!important;padding:6px 12px!important}.selection-title{margin-bottom:8px;text-align:center}}.project-order-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#f8fafccc,#f1f5f9cc);border:1px solid #667eea26;border-radius:16px;box-shadow:0 4px 16px #0000000d,inset 0 1px 0 #fff9;margin-top:16px;padding:16px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.project-order-container:hover{border-color:#667eea40;box-shadow:0 8px 24px #667eea1a,inset 0 1px 0 #fffc;transform:translateY(-2px)}.project-order-container .MuiTypography-root{align-items:center;color:#667eea;color:var(--selection-primary);display:flex;font-size:.9rem;font-weight:600;gap:8px;letter-spacing:.3px;margin-bottom:8px}.project-order-container .MuiIconButton-root{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#667eea1a;border:1px solid #667eea33;border-radius:8px;margin-left:4px;padding:6px;transition:all .3s ease}.project-order-container .MuiIconButton-root:hover{background:#667eea33;border-color:#667eea4d;box-shadow:0 4px 12px #667eea33;transform:scale(1.1) translateY(-1px)}.order-droppable-area{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffffb3,#f8fafcb3);border:2px dashed #667eea4d;border-radius:12px;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:8px;min-height:48px;overflow:hidden;padding:12px;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1)}.order-droppable-area:before{background:radial-gradient(circle at 20% 50%,#667eea0d 0,#0000 50%),radial-gradient(circle at 80% 50%,#764ba20d 0,#0000 50%);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.order-droppable-area:hover:before{opacity:1}.order-droppable-area:hover{background:linear-gradient(135deg,#667eea14,#764ba20d);border-color:#667eea80;box-shadow:0 8px 24px #667eea26,inset 0 1px 0 #ffffff80;transform:translateY(-2px)}.order-draggable-item{margin-bottom:0;transition:all .3s cubic-bezier(.25,.8,.25,1)}.order-draggable-item:hover{transform:scale(1.05) translateY(-2px);z-index:10}.order-chip{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;background:linear-gradient(135deg,var(--selection-primary) 0,var(--selection-secondary) 100%)!important;border:2px solid #ffffff4d!important;box-shadow:0 4px 12px #667eea4d,inset 0 1px 0 #fff3!important;color:#fff!important;cursor:grab!important;font-size:.8rem!important;font-weight:600!important;height:32px!important;overflow:hidden!important;position:relative!important;transition:all .3s cubic-bezier(.25,.8,.25,1)!important}.order-chip:active{cursor:grabbing!important}.order-chip:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .6s ease;width:100%}.order-chip:hover:before{left:100%}.order-chip:hover{border-color:#ffffff80!important;box-shadow:0 8px 20px #667eea66,0 4px 12px #764ba233,inset 0 1px 0 #ffffff4d!important;transform:translateY(-3px) scale(1.05)}.order-chip .MuiChip-icon{color:#ffffffe6!important;font-size:18px!important;margin-left:4px!important;transition:all .3s ease!important}.order-chip:hover .MuiChip-icon{color:#fff!important;transform:rotate(15deg) scale(1.1)!important}.order-chip .MuiChip-label{font-weight:600!important;letter-spacing:.3px!important;padding-left:6px!important;padding-right:10px!important}.project-selection .MuiFormControl-root{width:100%}.project-selection .MuiChip-root{background-color:#e0f2f1;margin:2px}.draggable-chip-container{border-radius:16px;cursor:grab;transition:background-color .2s}.draggable-chip-container:hover{background-color:#0000000a}.draggable-chip-container:active{cursor:grabbing}.selection-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffff1a,#f8fafc1a);border:1px solid #667eea1a;border-radius:20px;box-shadow:0 8px 32px #0000000a,inset 0 1px 0 #ffffff80;display:flex;flex-direction:column;gap:16px;margin-top:8px;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1)}.selection-container:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle at 25% 25%,#667eea08 0,#0000 50%),radial-gradient(circle at 75% 75%,#764ba208 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.selection-container:hover{border-color:#667eea33;box-shadow:0 16px 48px #667eea14,0 8px 24px #0000000f,inset 0 1px 0 #ffffffb3;transform:translateY(-4px)}@media (min-width:768px){.checkboxes-container{padding:0;width:100%}.custom-input-container{margin-top:16px;width:100%}.selection-container{gap:20px;padding:24px}}@media (max-width:640px){.selection-container{gap:12px;margin:0 -8px;padding:16px}}.checkboxes-container{display:flex;flex-wrap:wrap;margin-bottom:0;position:relative;width:100%}.checkboxes-container .MuiFormGroup-root{grid-gap:16px!important;display:grid!important;gap:16px!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;padding:0!important;width:100%!important}.checkboxes-container .MuiFormControlLabel-root{align-items:center!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:linear-gradient(135deg,#fffc,#f8fafccc)!important;border:2px solid #667eea26!important;border-radius:16px!important;box-shadow:0 4px 16px #0000000a,inset 0 1px 0 #fff9!important;cursor:pointer!important;display:flex!important;margin:0!important;min-height:40px!important;overflow:hidden!important;padding:8px 10px!important;position:relative!important;transition:all .3s cubic-bezier(.25,.8,.25,1)!important}.checkboxes-container .MuiFormControlLabel-root:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .8s ease;width:100%}.checkboxes-container .MuiCheckbox-root{border-radius:8px!important;margin-right:12px!important;padding:8px!important;transition:all .3s ease!important}.checkboxes-container .MuiSvgIcon-root{font-size:1.2rem!important;transition:all .3s ease!important}.checkboxes-container .MuiFormControlLabel-label{color:#667eea!important;color:var(--selection-primary)!important;flex:1 1!important;font-size:.95rem!important;font-weight:600!important;letter-spacing:.3px!important;line-height:1.4!important}.checkboxes-container .Mui-checked{color:#764ba2!important;color:var(--selection-secondary)!important;transform:scale(1.1)!important}.checkboxes-container .Mui-checked+.MuiFormControlLabel-label{color:#764ba2!important;color:var(--selection-secondary)!important;font-weight:700!important}.checkboxes-container .MuiFormControlLabel-root:hover{background:linear-gradient(135deg,#667eea1f,#764ba214)!important;border-color:#667eea4d!important;box-shadow:0 12px 32px #667eea26,0 6px 16px #00000014,inset 0 1px 0 #fffc!important;transform:translateY(-4px) scale(1.02)!important}.checkboxes-container .MuiFormControlLabel-root:hover:before{left:100%}.custom-input-container{border-top:1px solid #eee;display:flex;flex-direction:column;margin-bottom:10px;padding-top:5px;width:100%}.custom-input-container .MuiTypography-body2{color:#666;font-size:.8rem;margin-bottom:5px}.custom-input-row{display:flex;gap:5px;margin-bottom:8px}.custom-input-row .MuiTextField-root{width:75%}.custom-input-row .MuiButton-root,.custom-input-row .MuiTextField-root .MuiInputBase-root{font-size:.9rem!important;height:40px!important}.custom-input-row .MuiButton-root{min-width:80px!important;padding:8px 16px!important;white-space:nowrap!important}.custom-projects-list{background-color:#fafafa;border:1px dashed #ddd;border-radius:4px;display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;min-height:28px;padding:4px}.custom-project-chip{font-size:.75rem!important;height:20px!important}.custom-projects-list .MuiChip-icon{cursor:grab}.template-menu-item{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border:1px solid #667eea1a;border-radius:8px;color:#667eea!important;color:var(--selection-primary)!important;cursor:pointer;display:flex;font-weight:500;justify-content:space-between;margin:0 0 4px;min-height:44px;padding:12px 16px;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1);width:100%}.template-menu-item:before{background:linear-gradient(90deg,#0000,#fff6,#0000);border-radius:8px;content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .6s ease;width:100%}.template-menu-item:hover:before{left:100%}.template-menu-item:hover{background:linear-gradient(135deg,#667eea26,#764ba21a);border-color:#667eea4d;box-shadow:0 8px 24px #667eea33,inset 0 1px 0 #ffffff80;color:#764ba2!important;color:var(--selection-secondary)!important;transform:translateY(-2px) scale(1.02)}.template-menu-item:active{box-shadow:0 4px 12px #667eea26,inset 0 1px 0 #ffffff4d;transform:translateY(0) scale(1)}.template-menu-count{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#667eea1a;border:1px solid #667eea33;border-radius:12px;color:#667eeacc;font-size:.8rem;font-weight:600;min-width:24px;padding:4px 8px;text-align:center;transition:all .3s ease}.template-menu-item:hover .template-menu-count{background:#764ba226;border-color:#764ba24d;color:#764ba2;color:var(--selection-secondary);transform:scale(1.05)}.selection-info{border-top:1px solid #eee;margin-top:8px;padding-top:5px}.selection-info .MuiTypography-root{color:#666;font-size:.75rem}.custom-projects input:disabled,.project-checkbox input[type=checkbox]:disabled+.checkbox-label{cursor:not-allowed;opacity:.6}.custom-input-container button{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;background:linear-gradient(135deg,var(--selection-primary) 0,var(--selection-secondary) 100%)!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 16px #667eea4d,inset 0 1px 0 #fff3!important;color:#fff!important;font-size:.9rem!important;font-weight:600!important;height:40px!important;letter-spacing:.3px!important;min-width:80px!important;overflow:hidden!important;padding:8px 16px!important;position:relative!important;text-transform:none!important;transition:all .3s cubic-bezier(.25,.8,.25,1)!important;white-space:nowrap!important}.custom-input-container button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .6s ease;width:100%}.custom-input-container button:hover:not(:disabled):before{left:100%}.custom-input-container button:hover:not(:disabled){background:linear-gradient(135deg,#764ba2,#f093fb)!important;background:linear-gradient(135deg,var(--selection-secondary) 0,var(--selection-accent) 100%)!important;box-shadow:0 8px 24px #667eea66,0 4px 16px #764ba233,inset 0 1px 0 #ffffff4d!important;transform:translateY(-2px) scale(1.02)!important}.custom-input-container button:disabled{background:linear-gradient(135deg,#667eea4d,#764ba24d)!important;box-shadow:none!important;color:#fff9!important;cursor:not-allowed!important;transform:none!important}.action-button{transition:all .2s}.action-button:hover:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.custom-project-chip:hover:not(:disabled){box-shadow:0 3px 6px #00000026;filter:brightness(1.05);transform:translateY(-2px)}.order-chip:hover{box-shadow:0 2px 4px #00000026;transform:translateY(-1px)}.selection-title .MuiIconButton-root{color:#ffffffb3;transition:all .3s ease}.selection-title .MuiIconButton-root:hover{background-color:#ffffff1a;color:#fff}.project-selection:hover .selection-title .MuiIconButton-root{color:#d81b60b3}.project-selection:hover .selection-title .MuiIconButton-root:hover{background-color:#e91e631a;color:#d81b60}.project-selection .MuiTooltip-tooltip{font-size:.8rem;max-width:250px;padding:6px 10px}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes float{0%,to{transform:translateY(0) translateX(0) rotate(0deg)}33%{transform:translateY(-10px) translateX(5px) rotate(1deg)}66%{transform:translateY(5px) translateX(-5px) rotate(-1deg)}}@media (max-width:768px){.project-selection{border-radius:16px;margin:0 -10px 20px;padding:20px 16px}.project-checkboxes{gap:12px;grid-template-columns:1fr;padding:16px}.selection-title{font-size:1.2rem}.selection-actions{gap:4px;right:12px;top:12px}.selection-actions .MuiButton-root{font-size:.8rem!important;height:32px!important;padding:6px 12px!important}.custom-input-container{flex-direction:column;gap:8px}.custom-projects input{width:100%}}@media (max-width:480px){.project-checkboxes{padding:12px}.project-checkbox{padding:12px 14px}.custom-projects{padding:16px}.selection-title{font-size:1.1rem}}@media (prefers-reduced-motion:reduce){.custom-input-container button,.custom-project-chip,.project-checkbox,.project-selection,.selection-actions .MuiButton-root{animation:none;transition:none}.custom-input-container button:before,.custom-project-chip:before,.custom-projects:before,.project-checkboxes:before,.project-selection:before{animation:none}.custom-project-chip:hover,.project-checkbox:hover,.selection-actions .MuiButton-root:hover{transform:none}}.custom-input-container button:focus,.custom-projects input:focus,.project-checkbox:focus-within,.selection-actions .MuiButton-root:focus{outline:3px solid #f093fb;outline:3px solid var(--selection-accent);outline-offset:2px}.project-selection.loading{opacity:.8;pointer-events:none;position:relative}.project-selection.loading:after{animation:spin 1s linear infinite;border:3px solid #667eea33;border-radius:50%;border-top-color:#667eea;border-top:3px solid var(--selection-primary);content:"";height:40px;left:50%;margin:-20px 0 0 -20px;position:absolute;top:50%;width:40px;z-index:1000}.project-selection.error{animation:errorPulse 2s ease-in-out infinite;background:linear-gradient(145deg,#f443360d,#f4433605);border-color:#f443364d}@keyframes errorPulse{0%,to{box-shadow:0 0 0 0 #f4433666}50%{box-shadow:0 0 0 10px #f4433600}}.project-selection.success{animation:successPulse 1s ease-in-out;background:linear-gradient(145deg,#4caf500d,#4caf5005);border-color:#4caf504d}@keyframes successPulse{0%{box-shadow:0 0 0 0 #4caf5066;transform:scale(1)}50%{box-shadow:0 0 0 10px #4caf5033;transform:scale(1.02)}to{box-shadow:0 0 0 0 #4caf5000;transform:scale(1)}}.project-checkbox.appearing{animation:slideInFromLeft .6s cubic-bezier(.25,.8,.25,1)}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100px) scale(.8)}to{opacity:1;transform:translateX(0) scale(1)}}.custom-project-chip.appearing{animation:slideInFromRight .6s cubic-bezier(.25,.8,.25,1)}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100px) scale(.8)}to{opacity:1;transform:translateX(0) scale(1)}}.project-selection .MuiTooltip-tooltip{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#1f2687f2,#667eeaf2);border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 24px #0003,inset 0 1px 0 #ffffff4d;font-size:.85rem;font-weight:500;letter-spacing:.3px;padding:12px 16px}.project-selection .MuiTooltip-arrow{color:#1f2687f2}@media (prefers-contrast:high){.project-checkbox,.project-selection{background:#fff;border:2px solid}.checkbox-label,.custom-projects-title,.selection-title{-webkit-text-fill-color:#000!important;background:#fff!important;color:#000!important}}@media print{.project-selection{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #ccc!important;box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}.custom-project-chip,.project-checkbox,.selection-actions .MuiButton-root{background:#fff!important;box-shadow:none!important;color:#000!important;transform:none!important}.selection-actions{display:none!important}}.analysis-cards-wrapper{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000000d;box-sizing:border-box;margin:24px 0;max-width:calc(100vw - 40px);overflow:hidden;padding:8px 4px;width:100%}.cards-control-panel{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:16px 8px}.control-panel-title{color:#495057;font-weight:600;margin:0}.control-buttons .MuiButton-root{border-radius:20px;font-size:.85rem;min-width:100px;transition:all .2s ease}.control-buttons .MuiButton-outlined{border-color:#6c757d;color:#6c757d}.control-buttons .MuiButton-outlined:hover{background-color:#6c757d1a;border-color:#495057;color:#495057}.control-buttons .MuiButton-contained{background:linear-gradient(135deg,#007bff,#0056b3);border:none;box-shadow:0 2px 4px #007bff33}.control-buttons .MuiButton-contained:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 4px 8px #007bff4d}.analysis-cards-container{background:radial-gradient(circle at 20% 80%,#7877c60d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c60d 0,#0000 50%),linear-gradient(135deg,#f8f9fa,#fff);border-radius:0 0 8px 8px;box-sizing:border-box;max-width:calc(100vw - 40px);min-height:400px;overflow-x:hidden;overflow-y:visible;padding:20px;position:relative;width:100%}.analysis-cards-container.has-collapsed-cards{min-height:600px}.drag-helper-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #0000001a;border-radius:20px;bottom:20px;box-shadow:0 4px 12px #0000001a;left:50%;padding:12px 20px;pointer-events:none;position:absolute;transform:translateX(-50%)}.drag-helper-text .MuiTypography-root{align-items:center;color:#6c757d;display:flex;font-weight:500;gap:8px}.analysis-cards-container:empty:after{color:#adb5bd;content:"暂无分析结果";font-size:1.1rem;font-weight:500;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.analysis-cards-container.loading{align-items:center;display:flex;justify-content:center;min-height:200px}.analysis-cards-container.loading:after{color:#6c757d;content:"正在加载分析结果...";font-size:1rem}@media (max-width:768px){.cards-control-panel{align-items:stretch;flex-direction:column;gap:12px;padding:16px}.control-panel-title{text-align:center}.control-buttons{justify-content:center}.control-buttons .MuiButton-root{font-size:.8rem;min-width:80px}.analysis-cards-container{min-height:300px;padding:12px}.analysis-cards-container.has-collapsed-cards{min-height:400px}.drag-helper-text{bottom:12px;left:12px;right:12px;text-align:center;transform:none}}@media (max-width:480px){.control-buttons{flex-direction:column;width:100%}.control-buttons .MuiButton-root{min-width:auto;width:100%}.analysis-cards-container{padding:8px}.drag-helper-text .MuiTypography-root{font-size:.8rem}}.analysis-cards-container,.cards-control-panel,.control-buttons .MuiButton-root{transition:all .3s ease}.cards-control-panel:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6)}.control-buttons .MuiButton-root:focus{outline:2px solid #007bff;outline-offset:2px}.analysis-cards-container>*{animation:fadeInUp .4s ease-out}.analysis-cards-container>:first-child{animation-delay:.1s}.analysis-cards-container>:nth-child(2){animation-delay:.2s}.analysis-cards-container>:nth-child(3){animation-delay:.3s}.analysis-cards-container>:nth-child(4){animation-delay:.4s}.analysis-cards-container>:nth-child(5){animation-delay:.5s}.analysis-cards-container>:nth-child(6){animation-delay:.6s}.analysis-cards-container>:nth-child(7){animation-delay:.7s}.analysis-cards-container>:nth-child(8){animation-delay:.8s}.analysis-cards-container>:nth-child(9){animation-delay:.9s}.unified-analysis-pool{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;margin:16px 0;padding:16px;width:100%}.pool-control-panel{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.control-panel-title{color:#2c3e50;font-weight:600!important}.control-buttons{align-items:center;gap:8px}.control-buttons .MuiButton-root{font-weight:500;min-width:80px;text-transform:none}.control-buttons .MuiButton-outlined{border-color:#0003}.control-buttons .MuiButton-outlined:hover{background-color:#0000000a;border-color:#0000004d}.unified-pool-container{padding:8px 0}.file-group-header{background:linear-gradient(135deg,#1976d2,#1565c0)!important;overflow:hidden;position:relative;transition:all .3s ease}.file-group-header:before{background:linear-gradient(45deg,#ffffff1a,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.file-group-header:hover{background:linear-gradient(135deg,#1565c0,#0d47a1)!important}.analysis-item-container,.checkbox-connector{position:relative}.checkbox-connector:before{background:linear-gradient(180deg,#e0e0e0 0,#bdbdbd 50%,#e0e0e0);bottom:-8px;content:"";left:50%;position:absolute;top:-8px;transform:translateX(-50%);width:2px;z-index:1}.checkbox-connector:first-child:before{top:16px}.checkbox-connector:last-child:before{bottom:16px}.analysis-card-enhanced{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.analysis-card-enhanced:before{background:linear-gradient(180deg,#1976d2 0,#42a5f5);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.analysis-card-enhanced.selected:before{transform:scaleY(1)}.analysis-card-enhanced:hover{box-shadow:0 4px 20px #00000026!important;transform:translateY(-2px)}.expandable-content{overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.analysis-item-selected{background:linear-gradient(135deg,#1976d214,#42a5f50d)!important;border-left:4px solid #1976d2!important}.unified-cards-container{background:#0000;border-radius:8px;max-height:800px;overflow-y:auto;padding:8px}.unified-cards-container::-webkit-scrollbar{width:8px}.unified-cards-container::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.unified-cards-container::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}.unified-cards-container::-webkit-scrollbar-thumb:hover{background:#00000080}.unified-file-card{background:linear-gradient(135deg,#fff,#fafafa)!important;border:1px solid #0000001f!important;border-radius:8px!important;margin-bottom:8px!important;max-width:600px!important;min-height:80px!important;overflow:hidden!important;transition:all .3s ease!important}.unified-file-card:hover{box-shadow:0 4px 12px #0000001f!important;transform:translateY(-1px)}.unified-file-card .MuiCardContent-root{padding:8px 12px!important}.unified-file-card .MuiCardContent-root:last-child{padding-bottom:8px!important}.unified-file-card h6{color:#2c3e50;font-size:.85rem!important;line-height:1.2!important;margin-bottom:4px!important}.unified-file-card .MuiTypography-body2{font-size:.7rem!important}.unified-file-card .MuiTypography-caption{font-size:.6rem!important}.unified-file-card .MuiTypography-subtitle2{font-size:.8rem!important;line-height:1.25!important}.unified-file-card .MuiIconButton-root{padding:2px!important}.unified-file-card .MuiSvgIcon-root{font-size:16px!important}.unified-file-card .MuiChip-root{font-size:.6rem!important;font-weight:500;height:20px!important;padding:0 6px!important}.unified-file-card .MuiChip-outlined{border-color:#0003}.file-group-header.analysis-music,.unified-file-card.analysis-music{background:linear-gradient(135deg,#ff6b9d,#c44569)!important}.unified-file-card.analysis-music .MuiCardContent-root{background:linear-gradient(135deg,#ffe0e8,#ffd1dc)!important}.file-group-header.analysis-painting,.unified-file-card.analysis-painting{background:linear-gradient(135deg,#ff9a56,#ff6b35)!important}.unified-file-card.analysis-painting .MuiCardContent-root{background:linear-gradient(135deg,#ffe5d4,#ffd4c4)!important}.file-group-header.analysis-video,.unified-file-card.analysis-video{background:linear-gradient(135deg,#4ecdc4,#26a69a)!important}.unified-file-card.analysis-video .MuiCardContent-root{background:linear-gradient(135deg,#d4f4f2,#b2dfdb)!important}.file-group-header.analysis-literature,.unified-file-card.analysis-literature{background:linear-gradient(135deg,#a55eea,#8b5cf6)!important}.unified-file-card.analysis-literature .MuiCardContent-root{background:linear-gradient(135deg,#ede9fe,#ddd6fe)!important}.file-group-header.analysis-3d,.unified-file-card.analysis-3d{background:linear-gradient(135deg,#58d68d,#27ae60)!important}.unified-file-card.analysis-3d .MuiCardContent-root{background:linear-gradient(135deg,#d5f4e6,#a9dfbf)!important}.file-group-header.analysis-chemistry,.file-group-header.analysis-geometry,.file-group-header.analysis-mathematics,.file-group-header.analysis-physics,.unified-file-card.analysis-chemistry,.unified-file-card.analysis-geometry,.unified-file-card.analysis-mathematics,.unified-file-card.analysis-physics{background:linear-gradient(135deg,#5dade2,#3498db)!important}.unified-file-card.analysis-chemistry .MuiCardContent-root,.unified-file-card.analysis-geometry .MuiCardContent-root,.unified-file-card.analysis-mathematics .MuiCardContent-root,.unified-file-card.analysis-physics .MuiCardContent-root{background:linear-gradient(135deg,#d6eaf8,#aed6f1)!important}.file-group-header:not([class*=analysis-]),.unified-file-card:not([class*=analysis-]){background:linear-gradient(135deg,#1976d2,#1565c0)!important}.unified-file-card:not([class*=analysis-]) .MuiCardContent-root{background:linear-gradient(135deg,#e3f2fd,#bbdefb)!important}.unified-file-card .MuiPaper-root{background:#fff;border:1px solid #00000014;border-radius:8px}.unified-file-card .MuiBox-root[sx*=maxHeight]{transition:max-height .4s cubic-bezier(.4,0,.2,1)}.unified-file-card .MuiBox-root[sx*=bgcolor]{border:1px solid #0000;transition:all .2s ease}.unified-file-card .MuiBox-root[sx*="primary.light"]{border-color:#1976d24d;box-shadow:0 2px 8px #1976d21a}.unified-file-card .MuiButton-outlined{border-color:#0003;font-weight:500;text-transform:none}.unified-file-card .MuiButton-outlined:hover{background-color:#0000000a;border-color:#0000004d}.unified-file-card .MuiIconButton-root{transition:all .2s ease}.unified-file-card .MuiIconButton-root:hover{background-color:#00000014;transform:scale(1.1)}.unified-analysis-pool .MuiBox-root[sx*="textAlign: 'center'"]{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #0000001a;border-radius:8px;padding:48px 24px}@media (max-width:768px){.pool-control-panel{align-items:stretch;flex-direction:column;gap:12px;padding:16px}.control-panel-title{text-align:center}.control-buttons{justify-content:center}.control-buttons .MuiButton-root{font-size:.8rem;min-width:70px}.unified-cards-container{max-height:600px;padding:4px}.unified-file-card .MuiCardContent-root{padding:12px!important}.unified-file-card h6{font-size:1rem}}@media (max-width:480px){.pool-control-panel,.unified-analysis-pool{padding:12px}.control-buttons{flex-direction:column;width:100%}.control-buttons .MuiButton-root{min-width:auto;width:100%}.unified-cards-container{max-height:500px}.unified-file-card .MuiCardContent-root{padding:8px!important}}.unified-file-card{animation:fadeInUp .4s ease-out}.unified-file-card:first-child{animation-delay:.1s}.unified-file-card:nth-child(2){animation-delay:.2s}.unified-file-card:nth-child(3){animation-delay:.3s}.unified-file-card:nth-child(4){animation-delay:.4s}.unified-file-card:nth-child(5){animation-delay:.5s}.control-buttons .MuiButton-root:focus,.unified-file-card .MuiButton-root:focus,.unified-file-card .MuiIconButton-root:focus{outline:2px solid #1976d2;outline-offset:2px}.dynamic-audio-analysis-tab.has-results{padding:20px 0}.audio-file-header{--instrument-color:#e74c3c;--structure-color:#2ecc71;--dynamics-color:#9b59b6;--tonality-color:#f1c40f;--technical-color:#1abc9c;--emotion-color:#e67e22;--overall-color:#34495e;--custom-color-1:#8e44ad;--custom-color-2:#16a085;--custom-color-3:#d35400;--custom-color-4:#27ae60;--custom-color-5:#2980b9;--custom-color-6:#c0392b;--custom-color-7:#f39c12;--custom-color-8:#7f8c8d}.dynamic-audio-analysis-tab{background-color:#fff;background-color:var(--bg-primary,#fff);border-radius:8px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;margin-bottom:30px;padding:20px;transition:all .3s ease;width:100%}.dynamic-audio-analysis-tab:has(.analysis-cards-wrapper){padding:20px 4px}.audio-file-header{border-bottom:1px solid var(--border-color,#e0e0e0)}.audio-file-header,.file-info-container{justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.file-info-container{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:flex}.file-name{max-width:70%}.audio-actions{display:flex;gap:8px}.start-analysis-container{align-items:center;display:flex;flex-direction:column;margin-top:16px}.start-analysis-button{min-width:180px}.analysis-progress{background-color:#f5f5f5;background-color:var(--bg-secondary,#f5f5f5);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;margin-bottom:20px;margin-top:20px;padding:16px}.project-progress-container{margin-top:16px}.project-progress-item{align-items:center;display:flex;margin-bottom:8px}.project-name{font-weight:500;min-width:100px}.project-percentage{min-width:40px;text-align:right}.analysis-results{border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;margin-top:24px;overflow:hidden}.analysis-tabs{background-color:#f5f5f5;background-color:var(--bg-secondary,#f5f5f5);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0)}.analysis-tabs .MuiTab-root{border-radius:4px 4px 0 0;margin-right:-8px!important;max-height:40px!important;min-height:40px!important;min-width:120px;opacity:.7;position:relative;transition:all .3s ease}.analysis-tabs .MuiTab-root:hover{background-color:#0000000a;opacity:1}.analysis-tabs .Mui-selected{box-shadow:0 -2px 5px #0000001a;font-weight:600;opacity:1;z-index:1}.analysis-tabs .MuiTabs-indicator{height:4px}.tab-rhythm .MuiTabs-indicator,.tab-rhythm.Mui-selected{border-bottom:4px solid var(--rhythm-color);color:var(--rhythm-color)}.tab-rhythm.Mui-selected{background-color:#2196f31a}.tab-instrument .MuiTabs-indicator,.tab-instrument.Mui-selected{border-bottom:4px solid var(--instrument-color);color:var(--instrument-color)}.tab-instrument.Mui-selected{background-color:#f443361a}.tab-structure .MuiTabs-indicator,.tab-structure.Mui-selected{border-bottom:4px solid var(--structure-color);color:var(--structure-color)}.tab-structure.Mui-selected{background-color:#4caf501a}.tab-dynamics .MuiTabs-indicator,.tab-dynamics.Mui-selected{border-bottom:4px solid var(--dynamics-color);color:var(--dynamics-color)}.tab-dynamics.Mui-selected{background-color:#9c27b01a}.tab-tonality .MuiTabs-indicator,.tab-tonality.Mui-selected{border-bottom:4px solid var(--tonality-color);color:var(--tonality-color)}.tab-tonality.Mui-selected{background-color:#ffeb3b1a}.tab-technical .MuiTabs-indicator,.tab-technical.Mui-selected{border-bottom:4px solid var(--technical-color);color:var(--technical-color)}.tab-technical.Mui-selected{background-color:#00bcd41a}.tab-emotion .MuiTabs-indicator,.tab-emotion.Mui-selected{border-bottom:4px solid var(--emotion-color);color:var(--emotion-color)}.tab-emotion.Mui-selected{background-color:#ff98001a}.tab-overall .MuiTabs-indicator,.tab-overall.Mui-selected{border-bottom:4px solid var(--overall-color);color:var(--overall-color)}.tab-overall.Mui-selected{background-color:#607d8b1a}.tab-custom-1 .MuiTabs-indicator,.tab-custom-1.Mui-selected{border-bottom:4px solid var(--custom-color-1);color:var(--custom-color-1)}.tab-custom-1.Mui-selected{background-color:#9c27b01a}.tab-custom-2 .MuiTabs-indicator,.tab-custom-2.Mui-selected{border-bottom:4px solid var(--custom-color-2);color:var(--custom-color-2)}.tab-custom-2.Mui-selected{background-color:#0096881a}.tab-custom-3 .MuiTabs-indicator,.tab-custom-3.Mui-selected{border-bottom:4px solid var(--custom-color-3);color:var(--custom-color-3)}.tab-custom-3.Mui-selected{background-color:#ff57221a}.tab-custom-4 .MuiTabs-indicator,.tab-custom-4.Mui-selected{border-bottom:4px solid var(--custom-color-4);color:var(--custom-color-4)}.tab-custom-4.Mui-selected{background-color:#8bc34a1a}.tab-custom-5 .MuiTabs-indicator,.tab-custom-5.Mui-selected{border-bottom:4px solid var(--custom-color-5);color:var(--custom-color-5)}.tab-custom-5.Mui-selected{background-color:#03a9f41a}.tab-custom-6 .MuiTabs-indicator,.tab-custom-6.Mui-selected{border-bottom:4px solid var(--custom-color-6);color:var(--custom-color-6)}.tab-custom-6.Mui-selected{background-color:#e91e631a}.tab-custom-7 .MuiTabs-indicator,.tab-custom-7.Mui-selected{border-bottom:4px solid var(--custom-color-7);color:var(--custom-color-7)}.tab-custom-7.Mui-selected{background-color:#ffc1071a}.tab-custom-8 .MuiTabs-indicator,.tab-custom-8.Mui-selected{border-bottom:4px solid var(--custom-color-8);color:var(--custom-color-8)}.tab-custom-8.Mui-selected{background-color:#7955481a}.tab-droppable{height:100%}.tab-draggable,.tab-droppable{align-items:center;display:flex}.tab-draggable{cursor:grab}.tab-draggable:active{cursor:grabbing}.tab-content{align-items:center;display:flex;gap:6px}.drag-icon{font-size:16px!important;opacity:.5}.tab-panel{background-color:#fff;background-color:var(--bg-primary,#fff)}.tab-panel-content{animation:fadeIn .3s ease-in-out}.tab-title{color:var(--text-primary,#333);margin-bottom:16px}.analysis-text-section{background-color:#f5f5f5;background-color:var(--bg-secondary,#f5f5f5);border-radius:8px;max-height:500px;overflow-y:auto;padding:16px;position:relative}.full-content{border-left:4px solid #1976d2;border-left:4px solid var(--primary-color,#1976d2)}.analysis-content{font-size:.95rem;line-height:1.6;white-space:pre-wrap}.no-content-message{padding:20px}.no-content-message,.no-file{color:#666;color:var(--text-secondary,#666);font-style:italic;text-align:center}.no-file{padding:40px}.timestamp-btn{align-items:center;background-color:#1976d20d;border:1px solid #1976d233;border-radius:4px;color:#1976d2;color:var(--primary-color,#1976d2);cursor:pointer;display:inline-flex;font-weight:500;margin:0 4px;padding:4px 8px;transition:all .2s ease}.timestamp-btn:hover{background-color:#1976d21a;border-color:#1976d24d}.timestamp-btn.playing{background-color:#1976d233;box-shadow:0 0 0 2px #1976d21a}.timestamp-icon{margin-right:4px}.timestamp-range{background-color:#1976d20d;border-bottom:1px dashed #1976d2;border-bottom:1px dashed var(--primary-color,#1976d2);border-radius:4px;color:#1976d2;color:var(--primary-color,#1976d2);cursor:pointer;font-weight:500;margin:0 2px;padding:2px 4px;transition:all .2s ease}.timestamp-range:hover{background-color:#1976d21a}@media (max-width:768px){.file-info-container{align-items:flex-start;flex-direction:column;gap:12px}.file-name{max-width:100%}.file-actions{justify-content:flex-end;width:100%}.analysis-text-section{max-height:400px;padding:12px}.tab-content{font-size:.9rem}}@media (prefers-color-scheme:dark){.dynamic-analysis-tab{--bg-primary:#fff;--bg-secondary:#f8f9fa;--border-color:#e1e4e8;--text-primary:#212529;--text-secondary:#6c757d;--primary-color:#0d6efd}.tab-panel{background-color:#1e1e1e}.analysis-text-section{background-color:#2d2d2d}.tab-panel-rhythm .tab-panel-content{background-color:#3498db26}.tab-panel-instrument .tab-panel-content{background-color:#e74c3c26}.tab-panel-structure .tab-panel-content{background-color:#2ecc7126}.tab-panel-dynamics .tab-panel-content{background-color:#9b59b626}.tab-panel-tonality .tab-panel-content{background-color:#f1c40f26}.tab-panel-technical .tab-panel-content{background-color:#1abc9c26}.tab-panel-emotion .tab-panel-content{background-color:#e67e2226}.tab-panel-overall .tab-panel-content{background-color:#34495e26}.tab-panel-custom-1 .tab-panel-content{background-color:#8e44ad26}.tab-panel-custom-2 .tab-panel-content{background-color:#16a08526}.tab-panel-custom-3 .tab-panel-content{background-color:#d3540026}.tab-panel-custom-4 .tab-panel-content{background-color:#27ae6026}.tab-panel-custom-5 .tab-panel-content{background-color:#2980b926}.tab-panel-custom-6 .tab-panel-content{background-color:#c0392b26}.tab-panel-custom-7 .tab-panel-content{background-color:#f39c1226}.tab-panel-custom-8 .tab-panel-content{background-color:#7f8c8d26}.timestamp-btn,.timestamp-range{background-color:#64b5f61a;border-color:#64b5f633;color:var(--primary-color)}.timestamp-btn:hover,.timestamp-range:hover{background-color:#64b5f633;border-color:#64b5f64d}.timestamp-btn.playing{background-color:#64b5f64d}}.light-mode{--bg-primary:#fff!important;--bg-secondary:#f5f5f5!important;--border-color:#e0e0e0!important;--text-primary:#333!important;--text-secondary:#666!important;--primary-color:#1976d2!important}.light-mode .tab-panel{background-color:var(--bg-primary)!important}.light-mode .analysis-text-section{background-color:var(--bg-secondary)!important}.light-mode .tab-panel-rhythm .tab-panel-content{background-color:#3498db0d!important}.light-mode .tab-panel-instrument .tab-panel-content{background-color:#e74c3c0d!important}.light-mode .tab-panel-structure .tab-panel-content{background-color:#2ecc710d!important}.light-mode .tab-panel-dynamics .tab-panel-content{background-color:#9b59b60d!important}.light-mode .tab-panel-tonality .tab-panel-content{background-color:#f1c40f0d!important}.light-mode .tab-panel-technical .tab-panel-content{background-color:#1abc9c0d!important}.light-mode .tab-panel-emotion .tab-panel-content{background-color:#e67e220d!important}.light-mode .tab-panel-overall .tab-panel-content{background-color:#34495e0d!important}.tab-panel-rhythm .tab-title{color:var(--rhythm-color)}.tab-panel-instrument .tab-title{color:var(--instrument-color)}.tab-panel-structure .tab-title{color:var(--structure-color)}.tab-panel-dynamics .tab-title{color:var(--dynamics-color)}.tab-panel-tonality .tab-title{color:var(--tonality-color)}.tab-panel-technical .tab-title{color:var(--technical-color)}.tab-panel-emotion .tab-title{color:var(--emotion-color)}.tab-panel-overall .tab-title{color:var(--overall-color)}.tab-panel-custom-1 .tab-title{color:var(--custom-color-1)}.tab-panel-custom-2 .tab-title{color:var(--custom-color-2)}.tab-panel-custom-3 .tab-title{color:var(--custom-color-3)}.tab-panel-custom-4 .tab-title{color:var(--custom-color-4)}.tab-panel-custom-5 .tab-title{color:var(--custom-color-5)}.tab-panel-custom-6 .tab-title{color:var(--custom-color-6)}.tab-panel-custom-7 .tab-title{color:var(--custom-color-7)}.tab-panel-custom-8 .tab-title{color:var(--custom-color-8)}.mode-toggle-container{align-items:center;display:flex;margin-left:16px}.mode-toggle-label{font-size:.8rem;margin-right:8px;white-space:nowrap}.enhanced-timestamp-button{overflow:hidden;position:relative}.enhanced-timestamp-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.enhanced-timestamp-button:hover:before{left:100%}.enhanced-timestamp-button.state-playing{animation:pulse-playing 2s infinite}.enhanced-timestamp-button.state-paused{animation:pulse-paused 1.5s infinite}@keyframes pulse-playing{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes pulse-paused{0%,to{opacity:1}50%{opacity:.7}}.timestamp-icon{font-size:14px;line-height:1}.timestamp-text{font-family:Courier New,monospace;letter-spacing:.5px}.enhanced-timestamp-button.state-playing .timestamp-text{text-shadow:0 0 2px #ffffff80}.enhanced-timestamp-button.state-paused .timestamp-text{text-decoration:underline}.timestamp-container{align-items:center;display:inline-flex;gap:4px;margin:2px}.download-button{overflow:hidden;position:relative}.download-button:not(:disabled):hover{box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.download-button:not(:disabled):active{transform:translateY(0)}.download-button:disabled{animation:download-pulse 1.5s infinite}@keyframes download-pulse{0%,to{opacity:.7}50%{opacity:1}}.lighting-design-analyzer{background:linear-gradient(135deg,#fff8e1,#fffde7);border:1px solid #ffc10733;border-radius:12px;box-shadow:0 4px 12px #ffc10726;margin-bottom:20px;overflow:hidden;padding:24px;position:relative}.lighting-design-analyzer:before{background:linear-gradient(90deg,#ff9800,#ffc107,#ffeb3b);border-radius:12px 12px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.analyzer-header{margin-bottom:24px;text-align:center}.analyzer-header h3{align-items:center;color:#f57c00;display:flex;font-size:24px;font-weight:600;gap:8px;justify-content:center;margin:0 0 8px}.lighting-icon{filter:drop-shadow(0 2px 4px rgba(245,124,0,.3));font-size:28px}.analyzer-description{color:#ef6c00;font-size:14px;line-height:1.5;margin:0;opacity:.9}.error-message{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-left:4px solid #f44336;border-radius:8px;box-shadow:0 2px 8px #f443361a;color:#c62828;font-size:14px;margin-bottom:16px;padding:12px 16px}.file-upload-section{margin-bottom:24px}.file-input-wrapper{margin-bottom:16px;position:relative}.file-input{display:none}.file-input-label{align-items:center;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px dashed #ff9800;border-radius:12px;color:#f57c00;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;justify-content:center;min-height:60px;padding:16px 24px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.file-input-label:hover{background:linear-gradient(135deg,#ffe0b2,#ffcc02);border-color:#f57c00;box-shadow:0 6px 20px #ff980040;transform:translateY(-2px)}.upload-icon{font-size:20px}.file-preview{background:#fffc;border:1px solid #ff98004d;border-radius:8px;padding:12px 16px}.file-info{gap:8px}.file-name{color:#e65100;flex:1 1;font-size:14px}.file-size{color:#ff9800;font-size:12px;opacity:.8}.clear-button{align-items:center;background:#ff5722;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.clear-button:hover{background:#d84315;transform:scale(1.1)}.analysis-controls{margin-bottom:24px;text-align:center}.analyze-button{align-items:center;background:linear-gradient(135deg,#ff9800,#f57c00);border:none;border-radius:25px;box-shadow:0 4px 16px #ff98004d;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;overflow:hidden;padding:12px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.analyze-button:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.analyze-button:hover:before{left:100%}.analyze-button:hover{box-shadow:0 8px 25px #ff980066;transform:translateY(-2px)}.analyze-button.disabled{background:linear-gradient(135deg,#bdbdbd,#9e9e9e);cursor:not-allowed}.analyze-button.disabled,.analyze-button.disabled:hover{box-shadow:0 2px 8px #9e9e9e33;transform:none}.analyze-icon{font-size:18px}.loading-spinner{border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.analysis-result{background:#ffffffe6;border:1px solid #ff980033;border-radius:12px;box-shadow:0 4px 12px #ff98001a;margin-bottom:24px;padding:20px}.analysis-result h4{align-items:center;color:#e65100;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 16px}.analysis-result h4:before{content:"📊";font-size:20px}.result-content{background:#fff;border:1px solid #ff98001a;border-radius:8px;max-height:400px;overflow-y:auto;padding:16px}.result-content pre{word-wrap:break-word;color:#424242;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.usage-tips{background:#ffeb3b1a;border:1px solid #ffeb3b4d;border-radius:12px;padding:20px}.usage-tips h4{align-items:center;color:#f57c00;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.usage-tips h4:before{content:"💡";font-size:18px}.usage-tips ul{list-style:none;margin:0;padding:0}.usage-tips li{align-items:flex-start;background:#fff9;border-radius:8px;color:#e65100;display:flex;font-size:14px;gap:8px;line-height:1.5;margin-bottom:8px;padding:8px 12px}.usage-tips li:last-child{margin-bottom:0}.usage-tips strong{color:#d84315}@media (max-width:768px){.lighting-design-analyzer{margin-bottom:16px;padding:16px}.analyzer-header h3{font-size:20px}.file-input-label{font-size:14px;min-height:50px;padding:12px 16px}.analyze-button{font-size:14px;padding:10px 24px}.usage-tips li{flex-direction:column;font-size:13px;gap:4px}}.external-upload-notice{background:linear-gradient(135deg,#e3f2fd,#f1f8e9);border:1px solid #2196f333;border-radius:8px;margin-bottom:20px;padding:16px;position:relative}.notice-content{align-items:flex-start;display:flex;gap:12px}.notice-icon{color:#1976d2;flex-shrink:0;font-size:20px;margin-top:2px}.notice-content p{color:#424242;font-size:14px;line-height:1.5;margin:0}.analysis-options-section{margin-bottom:20px}.section-title{color:#333;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.section-icon{font-size:18px}.preset-options{margin-bottom:20px}.subsection-title{color:#555;font-size:14px;font-weight:500;margin:0 0 12px}.options-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.phase-header{background:#0000;border:none;grid-column:1/-1;margin:16px 0 8px;padding:0}.phase-header-content{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:10px;box-shadow:0 2px 4px #0000001a;display:flex;gap:12px;padding:12px 16px}.phase-icon{align-items:center;display:flex;font-size:20px}.phase-info{flex:1 1}.phase-label{color:#495057;display:block;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:none}.phase-description{color:#6c757d;display:block;font-size:12px;font-style:italic;margin-top:4px}.option-item{align-items:flex-start;background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .2s ease}.option-item:hover{background:#f8f9ff;border-color:#007bff;box-shadow:0 2px 8px #007bff1a;transform:translateY(-1px)}.option-item.selected{background:#e7f3ff;border-color:#007bff;box-shadow:0 2px 8px #007bff26}.option-checkbox{accent-color:#007bff;cursor:pointer;height:16px;margin-top:2px;width:16px}.option-content{align-items:flex-start;display:flex;flex:1 1;gap:8px}.option-icon{flex-shrink:0;font-size:16px;margin-top:1px}.option-info{flex:1 1;min-width:0}.option-label{color:#333;display:block;font-size:14px;font-weight:500;line-height:1.3}.option-description{color:#666;display:block;font-size:12px;line-height:1.3;margin-top:2px}.custom-input-section{margin-bottom:16px}.custom-analysis-input{border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;line-height:1.4;min-height:60px;padding:10px 12px;resize:vertical;transition:border-color .2s ease;width:100%}.custom-analysis-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.custom-analysis-input::placeholder{color:#999}.input-hint{color:#666;display:block;font-size:12px;line-height:1.3;margin-top:6px}.analysis-summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;margin-top:16px;padding:16px}.summary-title{color:#333;font-size:14px;margin:0 0 12px}.custom-projects-summary,.custom-text-summary,.selected-options{font-family:inherit;font-size:14px;line-height:1.4;margin-bottom:8px}.custom-projects-summary:last-child,.custom-text-summary:last-child,.selected-options:last-child{margin-bottom:0}.summary-label{color:#555;font-size:14px;font-weight:500}.selected-option-tag{color:#007bff;font-size:14px;font-weight:500}.custom-projects-preview{color:#8e24aa;font-size:14px;font-weight:500}.custom-text-preview{color:#ff5722;font-size:14px;font-weight:500}@media (max-width:768px){.options-grid{gap:6px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.option-item{padding:10px}.section-title{font-size:15px}.subsection-title{font-size:13px}.custom-analysis-input{font-size:13px;padding:10px}}@media (max-width:640px){.options-grid{gap:8px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.options-grid{grid-template-columns:1fr}.option-content{flex-direction:column;gap:4px}.option-icon{align-self:flex-start}}.custom-project-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:16px}.custom-project-description p{color:#666}.custom-project-input-row{gap:8px}.custom-project-input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;padding:8px 12px}.custom-project-input::placeholder{color:#999}.add-project-button{background:#007bff;border-radius:4px;padding:8px 16px;transition:background-color .2s}.add-project-button:hover{background:#0056b3}.current-custom-projects{background:#e3f2fd;border:1px solid #bbdefb;border-radius:4px;gap:8px;padding:8px 12px}.custom-projects-label{color:#1976d2;font-weight:500}.custom-projects-text{color:#333}.clear-custom-button{background:#f44336;border-radius:3px;padding:4px 8px;transition:background-color .2s}.clear-custom-button:hover{background:#d32f2f}.ai-workflow-progress{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #667eea4d;margin-bottom:24px;overflow:hidden;padding:24px;position:relative}.workflow-header{margin-bottom:24px;text-align:center}.workflow-header h3{color:#fff;font-size:24px;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px #0003}.workflow-header p{color:#ffffffe6;font-size:14px;font-weight:500}.workflow-steps{display:flex;flex-direction:column;gap:16px}.workflow-step{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fff3;border-radius:12px;cursor:pointer;padding:16px;transition:all .3s ease}.workflow-step:hover:not(.disabled){background:#ffffff40;border-color:#fff6;box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.workflow-step.active{background:#ffffff4d;border-color:#fff9;box-shadow:0 8px 24px #0000004d}.workflow-step.completed{background:#4caf5033;border-color:#4caf5080}.workflow-step.disabled{cursor:not-allowed;opacity:.5}.step-header{gap:16px}.step-header,.step-icon{align-items:center;display:flex}.step-icon{border-radius:50%;box-shadow:0 4px 12px #0003;color:#fff;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.step-info h4{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px;text-shadow:0 2px 4px #0003}.step-info p{color:#ffffffe6;font-size:14px;line-height:1.4;margin:0}.step-tasks{border-top:1px solid #fff3;margin-top:16px;padding-top:16px}.step-tasks h5{color:#fff;font-size:16px;font-weight:600;margin:0 0 12px;text-shadow:0 2px 4px #0003}.step-tasks ul{list-style-type:none;margin:0;padding-left:20px}.step-tasks li{color:#ffffffe6;font-size:14px;line-height:1.4;margin-bottom:8px;position:relative}.step-tasks li:before{color:#ffffffb3;content:"▶";font-size:12px;left:-16px;position:absolute}.material-collection-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.material-collection-modal{-webkit-backdrop-filter:blur(40px) saturate(1.5);backdrop-filter:blur(40px) saturate(1.5);background:linear-gradient(135deg,#808080bf,#707070cc);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90%;max-width:800px;overflow-y:auto;width:90%}.modal-header{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#80808080,#7070708c);border-bottom:1px solid #fff3;border-radius:16px 16px 0 0;padding:24px}.modal-header h3{font-size:20px}.close-btn{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;padding:4px 8px;transition:background-color .2s}.close-btn:hover{background:#fff3}.modal-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;padding:24px}.file-preview h4,.inspiration-card h4{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 16px}.preview-area{background:#f7fafc;border:2px dashed #e2e8f0;border-radius:8px;padding:16px;text-align:center}.text-preview{color:#4a5568;padding:16px}.inspiration-card textarea{font-family:inherit;font-size:14px;line-height:1.5;resize:vertical}.save-inspiration-btn{transition:all .3s ease}.save-inspiration-btn:hover:not(:disabled){background-color:#45a049!important;box-shadow:0 4px 12px #4caf504d;transform:translateY(-1px)}@media (max-width:768px){.workflow-steps{gap:12px}.workflow-step{padding:12px}.step-header{flex-direction:column;gap:12px;text-align:center}.step-icon{font-size:20px;height:40px;width:40px}.modal-content{gap:16px;grid-template-columns:1fr}}.analysis-categories-panel{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;box-sizing:border-box;margin:24px 0;overflow:hidden;padding:28px;position:relative;width:100%}.analysis-categories-panel.has-results{padding:28px 0}.analysis-categories-panel:before{background:radial-gradient(circle at 20% 80%,#667eea1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#f5576c1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.panel-header{margin-bottom:32px;position:relative;text-align:center;z-index:1}.panel-header h2{align-items:center;color:#2d3748;display:flex;font-size:28px;font-weight:700;gap:12px;justify-content:center;margin:0 0 12px}.header-icon{filter:drop-shadow(0 2px 8px rgba(45,55,72,.3));font-size:32px}.panel-description{color:#4a5568;font-size:16px;line-height:1.6;margin:0 auto;max-width:none;opacity:.9}.tabs-container{box-sizing:border-box;margin-bottom:32px;position:relative;width:100%;z-index:1}.tabs-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d;border-radius:12px;display:flex;gap:8px;margin-bottom:24px;padding:8px}.tab-button{align-items:center;background:#0000;color:#718096;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;overflow:hidden;padding:16px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-button:before{background:var(--gradient);border-radius:8px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.tab-button:hover:before{opacity:.1}.tab-button.active{background:var(--gradient);box-shadow:0 4px 16px var(--shadow-color);color:#fff;transform:translateY(-1px)}.tab-button.active:before{opacity:0}.tab-icon{font-size:18px}.tab-icon,.tab-title{position:relative;z-index:1}.tab-content{animation:fadeInUp .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:12px;min-height:400px;padding:24px}.lighting-analysis-tools,.literature-analysis-tools,.music-analysis-tools,.painting-analysis-tools,.threed-analysis-tools,.video-analysis-tools{display:flex;flex-direction:column;gap:24px}.advanced-analysis-section,.analysis-actions-section,.analysis-results-section,.basic-tools-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d;border-radius:12px;box-sizing:border-box;padding:20px;width:100%}.advanced-analysis-section h4,.analysis-actions-section h4,.analysis-results-section h4,.basic-tools-section h4{align-items:center;color:#2d3748;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 16px}.basic-tools-section h4:before{content:"🎤";font-size:20px}.advanced-analysis-section h4:before{content:"🎯";font-size:20px}.analysis-results-section h4:before{content:"📊";font-size:20px}.action-buttons{gap:12px}.primary-button,.secondary-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:160px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.primary-button{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 16px #667eea4d;color:#fff}.primary-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.primary-button:active{transform:translateY(0)}.secondary-button{background:#ffffffe6;border:1px solid #667eea4d;box-shadow:0 2px 8px #0000001a;color:#4a5568}.secondary-button:hover{background:#667eea1a;border-color:#667eea80;transform:translateY(-1px)}.secondary-button:active{transform:translateY(0)}.start-analysis-button:disabled{box-shadow:none;color:#a0aec0;cursor:not-allowed}.start-analysis-button:disabled,.start-analysis-button:disabled:hover{background:#e2e8f0;transform:none}.button-icon{font-size:16px}.file-upload-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d;border-radius:12px;margin-bottom:20px;padding:20px}.file-upload-info p{color:#2d3748;font-size:14px;line-height:1.5;margin:0 0 16px}.supported-formats h5{color:#4a5568;font-size:14px;font-weight:600;margin:0 0 12px}.supported-formats ul{list-style:none;margin:0;padding:0}.supported-formats li{color:#718096;font-size:13px;margin-bottom:4px;padding-left:8px}.panel-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d;border-radius:12px;padding:20px;position:relative;z-index:1}.usage-stats{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.stat-item{flex-direction:column;gap:8px;min-width:120px;text-align:center}.stat-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:24px}.stat-label{color:#718096;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#2d3748;font-size:18px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.category-content.expanded .content-wrapper{animation:fadeInUp .5s ease-out}@media (max-width:768px){.analysis-categories-panel{margin:16px 0;padding:20px}.panel-header h2{font-size:24px}.panel-description{font-size:14px}.tabs-container{margin-bottom:24px}.tabs-header{flex-direction:column;gap:4px;padding:6px}.tab-button{font-size:13px;padding:12px 16px}.tab-icon{font-size:16px}.tab-content{min-height:300px;padding:20px}.usage-stats{gap:20px}.stat-item{min-width:100px}.lighting-analysis-tools,.literature-analysis-tools,.music-analysis-tools,.painting-analysis-tools,.threed-analysis-tools,.video-analysis-tools{gap:16px}.advanced-analysis-section,.analysis-actions-section,.analysis-results-section,.basic-tools-section{padding:16px}.advanced-analysis-section h4,.analysis-actions-section h4,.analysis-results-section h4,.basic-tools-section h4{font-size:16px}.action-buttons{flex-direction:column;gap:12px}.primary-button,.secondary-button{min-width:100%;padding:14px 20px}}@media (max-width:480px){.usage-stats{flex-direction:column;gap:16px}.stat-item{flex-direction:row;gap:12px;justify-content:center}}.tab-button:focus{outline:2px solid #667eea;outline-offset:2px}@media (prefers-reduced-motion:reduce){.tab-button,.tab-content{transition:none}.tab-content{animation:none}}.custom-project-section{background:linear-gradient(135deg,#fff,#f8f9ff);border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 16px #0000000d;margin:16px 0;padding:20px;position:relative;z-index:1}.custom-project-section h4{align-items:center;color:#2d3748;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 16px}.custom-project-input-container{display:flex;flex-direction:column;gap:12px}.custom-project-description{margin:0}.custom-project-description p{color:#4a5568;font-size:14px;line-height:1.5;margin:0}.custom-project-input-row{align-items:center;display:flex;gap:12px}.custom-project-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;flex:1 1;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .3s ease}.custom-project-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.custom-project-input::placeholder{color:#a0aec0}.add-project-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.add-project-button:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.add-project-button:active{transform:translateY(0)}.current-custom-projects{align-items:center;background:#667eea0d;border:1px solid #667eea33;border-radius:8px;display:flex;gap:12px;padding:12px 16px}.custom-projects-label{color:#4a5568;font-size:14px;font-weight:600;white-space:nowrap}.custom-projects-text{color:#2d3748;flex:1 1;font-size:14px;line-height:1.4}.clear-custom-button{background:#f56565;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .3s ease;white-space:nowrap}.clear-custom-button:hover{background:#e53e3e;box-shadow:0 2px 8px #f565654d;transform:translateY(-1px)}.clear-custom-button:active{transform:translateY(0)}.unified-analysis-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #667eea33;border-radius:16px;box-shadow:0 4px 16px #00000014;margin:20px 0;padding:24px}.unified-analysis-actions h4{align-items:center;color:#2d3748;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.unified-analysis-actions .action-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.unified-action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;min-width:180px;overflow:hidden;padding:14px 28px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.unified-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 16px #667eea4d;color:#fff}.unified-action-btn.primary:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.unified-action-btn.secondary{background:#ffffffe6;border:1px solid #667eea4d;box-shadow:0 2px 8px #0000001a;color:#4a5568}.unified-action-btn.secondary:hover{background:#667eea1a;border-color:#667eea80;transform:translateY(-1px)}.unified-action-btn:active{transform:translateY(0)}.unified-action-btn:disabled{border-color:#e2e8f0;box-shadow:none;color:#a0aec0;cursor:not-allowed}.unified-action-btn:disabled,.unified-action-btn:disabled:hover{background:#e2e8f0;transform:none}@media (max-width:768px){.unified-analysis-actions .action-buttons{align-items:center;flex-direction:column}.unified-action-btn{max-width:280px;width:100%}}.tab-button.analyzing{animation:analyzing-pulse 2s ease-in-out infinite;background:linear-gradient(45deg,var(--gradient),#ffa5004d,var(--gradient))!important;border:2px solid #ffa50080}.analysis-indicator{align-items:center;display:inline-flex;margin-left:8px}.loading-spinner{animation:spin 1s linear infinite;color:#ff6b35;display:inline-block;font-size:14px;margin-left:4px}.background-analysis-indicator{align-items:center;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #f39c12;border-radius:8px;box-shadow:0 2px 8px #f39c1233;color:#856404;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin-top:16px;padding:12px 24px}.background-analysis-indicator .indicator-icon{animation:spin 1.5s linear infinite;color:#f39c12;font-size:16px}.background-analysis-indicator .indicator-text{font-weight:600}@keyframes analyzing-pulse{0%,to{box-shadow:0 0 8px #ffa5004d}50%{box-shadow:0 0 16px #ffa50099}}.cross-border-integration-panel,.project-completion-panel,.solution-generation-panel{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 32px #667eea4d;color:#fff;margin:20px 0;padding:24px}.cross-border-integration-panel{background:linear-gradient(135deg,#2196f3,#21cbf3);box-shadow:0 8px 32px #2196f34d}.cross-border-content{background:#ffffff1a;border-radius:12px;margin-top:16px;padding:20px}.workflow-panel-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.workflow-panel-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.workflow-panel-title{font-size:24px;font-weight:700;margin:0}.workflow-panel-subtitle{font-size:16px;margin:4px 0 0;opacity:.9}.materials-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:20px 0}.material-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:16px;transition:all .3s ease}.material-item:hover{background:#fff3;transform:translateY(-2px)}.material-type{font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:8px;opacity:.8;text-transform:uppercase}.material-name{font-size:16px;font-weight:600;margin-bottom:4px}.material-description{font-size:14px;line-height:1.4;opacity:.9}.project-content,.solution-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;margin:20px 0;padding:20px}.project-content h3,.solution-content h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 16px}.project-deliverables,.solution-steps{list-style:none;margin:16px 0;padding:0}.project-deliverables li,.solution-steps li{border-bottom:1px solid #ffffff1a;padding:12px 0 12px 32px;position:relative}.project-deliverables li:before,.solution-steps li:before{align-items:center;background:#fff3;border-radius:50%;content:"✓";display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;left:0;position:absolute;top:12px;width:20px}.implementation-complexity,.project-timeline{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;gap:12px;margin:16px 0;padding:12px}.complexity-indicator,.timeline-indicator{display:flex;gap:4px}.complexity-dot,.timeline-dot{background:#ffffff4d;border-radius:50%;height:8px;width:8px}.complexity-dot.active,.timeline-dot.active{background:#4ade80}.workflow-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}.workflow-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:12px 24px;transition:all .3s ease}.workflow-btn.primary{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.workflow-btn.secondary{background:#fff3;border:1px solid #ffffff4d;color:#fff}.workflow-btn:hover{box-shadow:0 4px 16px #0003;transform:translateY(-2px)}.workflow-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.project-completion-panel,.solution-generation-panel{margin:16px 0;padding:16px}.workflow-panel-header{flex-direction:column;gap:12px;text-align:center}.workflow-panel-icon{font-size:20px;height:40px;width:40px}.workflow-panel-title{font-size:20px}.materials-grid{gap:12px;grid-template-columns:1fr}.workflow-actions{flex-direction:column}.workflow-btn{width:100%}}.lyria-music-generation-section{background:linear-gradient(135deg,#f093fb,#f5576c);border:2px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #f093fb4d;margin-top:24px;padding:20px}.lyria-music-generation-section .section-header{margin-bottom:20px;text-align:center}.lyria-music-generation-section .section-header h4{color:#fff;font-size:22px;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px #0003}.lyria-music-generation-section .section-header p{color:#ffffffe6;font-size:14px;font-weight:500;margin:0}.generated-music-gallery{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;margin-top:24px;padding:20px}.generated-music-gallery h5{color:#fff;font-size:18px;font-weight:600;margin:0 0 16px;text-shadow:0 2px 4px #0003}.music-gallery-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.music-card{background:#ffffffe6;border-radius:12px;box-shadow:0 4px 16px #0000001a;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.music-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.music-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.music-header h6{color:#333;font-size:16px;font-weight:600;margin:0}.music-duration{background:#e8f5e8;border-radius:12px;color:#2e7d32;font-size:12px;font-weight:500;padding:4px 8px}.music-player{margin-bottom:12px;width:100%}.music-meta{color:#666;font-size:13px;line-height:1.4;margin-bottom:12px}.music-meta strong{color:#333;font-weight:600}.music-prompts{margin-bottom:8px}.prompt-chip{background:#f0f4ff;border-radius:6px;color:#1565c0;display:inline-block;font-size:11px;font-weight:500;margin:2px 4px 2px 0;padding:2px 6px}.music-config{color:#757575;margin-bottom:8px}.music-timestamp{color:#9e9e9e;font-size:12px}.music-actions{text-align:center}.download-music-btn{background:linear-gradient(135deg,#42a5f5,#1e88e5);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:13px;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .2s ease}.download-music-btn:hover{background:linear-gradient(135deg,#1e88e5,#1565c0);box-shadow:0 4px 12px #1e88e54d;color:#fff;text-decoration:none;transform:translateY(-1px)}@media (max-width:768px){.lyria-music-generation-section{margin-top:16px;padding:16px}.music-gallery-grid{gap:12px;grid-template-columns:1fr}.lyria-music-generation-section .section-header h4{font-size:18px}.lyria-music-generation-section .section-header p{font-size:13px}}.info-notice{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:8px;color:#856404;font-size:14px;margin:12px 0;padding:12px 16px}.info-notice p{align-items:center;display:flex;gap:8px;margin:0}.ai-workflow-guide.horizontal-view{margin:16px 0;padding:24px}.ai-workflow-guide.horizontal-flow,.ai-workflow-guide.horizontal-view{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 32px #00000026;color:#fff;min-height:380px;overflow:hidden;position:relative}.ai-workflow-guide.horizontal-flow{margin:20px 0;padding:20px}.horizontal-flow-container{gap:16px;justify-content:space-between;max-width:100%;overflow:visible;padding:20px 0;width:100%}.flow-step,.horizontal-flow-container{align-items:center;display:flex;position:relative}.flow-step{cursor:pointer;flex:1 1;flex-direction:column;max-width:140px;transition:all .3s ease}.flow-step:hover{transform:translateY(-2px)}.flow-step.current{transform:translateY(-4px) scale(1.05)}.step-circle{align-items:center;background:#fff;background:var(--step-color,#fff);border-radius:50%;box-shadow:0 4px 12px #0003;display:flex;height:50px;justify-content:center;margin-bottom:12px;position:relative;transition:all .3s ease;width:50px}.flow-step.completed .step-circle{background:#4caf50;box-shadow:0 4px 12px #4caf5066}.flow-step.current .step-circle{animation:pulse-glow 2s infinite;box-shadow:0 0 0 4px #ffffff4d,0 4px 12px #0003}.step-icon{color:#333;font-size:20px}.flow-step.completed .step-icon{color:#fff}.step-number{align-items:center;background:#000c;border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-6px;top:-6px;width:20px}.step-label{max-width:100px;text-align:center}.step-title{font-size:13px;line-height:1.2;margin-bottom:4px}.step-description{font-size:11px;line-height:1.2;opacity:.9}.flow-arrow{color:#fffc;font-size:28px;font-weight:700;position:absolute;right:-30px;text-shadow:0 2px 4px #0000004d;top:25px;transition:color .3s ease;z-index:1}.flow-step.completed .flow-arrow{color:#4caf50}.flow-step:last-child .flow-arrow{display:none}.completion-check{animation:bounce-in .5s ease;background:#4caf50;left:-8px}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 #fff6,0 4px 12px #0003}70%{box-shadow:0 0 0 8px #fff0,0 4px 12px #0003}to{box-shadow:0 0 0 0 #fff0,0 4px 12px #0003}}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.workflow-summary{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;box-sizing:border-box;margin-top:24px;max-width:100%;min-height:180px;overflow:hidden}.summary-title{color:#ffffffe6;font-weight:600;margin:0 0 16px;text-align:center}.current-step-detail{animation:slideInContent .5s ease-out}.summary-header{background:#ffffff1a;border:1px solid #ffffff26;border-radius:10px;gap:12px;margin-bottom:16px;padding:12px}.summary-step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.summary-icon{filter:drop-shadow(0 0 8px currentColor);font-size:24px}.summary-step-title{color:#fffffff2;flex:1 1;font-size:18px;font-weight:600}.summary-tasks{list-style:none;margin:0;padding:0}.summary-tasks li{line-height:1.5}.summary-tasks li,.task-animation-inline{animation:slideInTask .6s ease-out;animation-delay:0s;animation-delay:calc(var(--task-delay, 0s));animation-fill-mode:both;background:#ffffff14;border-left:3px solid #667eea99;border-radius:8px;color:#ffffffe6;margin:10px 0;opacity:0;overflow:hidden;padding:12px 16px;position:relative}.task-animation-inline{align-items:center;display:flex;flex-wrap:wrap;line-height:1.6}.task-inline{align-items:center;display:inline-flex}.task-bullet{color:#667eeacc;font-weight:700}.task-text{color:#ffffffe6}.task-separator{color:#667eea99;font-size:16px;font-weight:700;margin:0 8px}.summary-tasks li:before{background:linear-gradient(90deg,#667eea1a,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .3s ease;width:100%}.summary-tasks li:hover:before{transform:translateX(0)}@keyframes slideInContent{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInTask{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.horizontal-flow-container{flex-direction:column;gap:20px}.flow-step{max-width:200px;width:100%}.flow-arrow{display:none}.step-circle{height:60px;width:60px}.step-icon{font-size:24px}.step-title{font-size:14px}.step-description{font-size:12px}}.ai-workflow-guide.pipeline-view{background:linear-gradient(145deg,#2c3e50,#34495e 50%,#2c3e50);border:2px solid #34495e;border-radius:16px;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a;color:#fff;margin:16px 0;min-height:456px;overflow:hidden;padding:16px 24px 24px;position:relative}.ai-workflow-guide.pipeline-view:before{background-image:radial-gradient(circle at 1px 1px,#ffffff0d 1px,#0000 0);background-size:20px 20px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.progress-monitor{background:linear-gradient(145deg,#0d1117,#1a1a1a);border:1px solid #333;border-radius:4px;box-shadow:0 2px 8px #0006,inset 0 1px 0 #ffffff1a;display:inline-block;margin:4px auto 16px;min-width:70px;padding:2px 6px;position:relative;text-align:center;width:auto;z-index:5}.progress-text{color:#2ecc71;font-family:Courier New,monospace;font-size:7px;letter-spacing:.2px;text-shadow:0 0 4px #2ecc71;white-space:nowrap}.pipeline-container{align-items:flex-start;display:flex;height:140px;justify-content:space-between;margin-top:0;padding:0 20px;position:relative;width:100%;z-index:1}.main-input-pipe{background:linear-gradient(180deg,#e74c3c,#c0392b 30%,#2ecc71 70%,#27ae60);border:1px solid #ffffff1a;border-radius:4px;box-shadow:inset -2px 0 4px #0006,0 0 8px #e74c3c4d;height:100px;left:0;position:absolute;top:20px;width:8px;z-index:1}.flowing-progress{animation:power-flow 1.5s ease-in-out infinite;background:linear-gradient(0deg,#2ecc71,#f39c12 50%,#e74c3c);border-radius:4px;bottom:0;box-shadow:0 0 12px #2ecc71cc;height:0;height:calc(var(--progress, 0%)*1);left:0;position:absolute;transition:height 1.2s ease;width:100%}@keyframes power-flow{0%,to{opacity:1}50%{opacity:.7}}.pipeline-track{align-items:flex-start;display:flex;justify-content:space-between;position:relative;width:100%;z-index:2}.pipeline-node{align-items:center;cursor:pointer;display:flex;flex:1 1;flex-direction:column;max-width:90px;position:relative;transition:all .4s ease}.pipeline-node:after{background:linear-gradient(90deg,#95a5a6,#34495e 50%,#2c3e50);background:linear-gradient(90deg,var(--node-color,#95a5a6) 0,#34495e 50%,#2c3e50 100%);border:1px solid #ffffff1a;border-radius:2px;box-shadow:inset 0 -1px 2px #0006,0 0 4px #0000004d;content:"";height:3px;left:100%;position:absolute;top:100px;width:calc(5vw - 22.5px);z-index:1}.pipeline-node:last-child:after{display:none}.pipeline-node.completed:after{background:linear-gradient(90deg,#2ecc71,#27ae60,#1e8449);box-shadow:inset 0 -1px 2px #0006,0 0 8px #2ecc7199}.pipeline-node:before{background:linear-gradient(180deg,#34495e,#95a5a6 50%,#2c3e50);background:linear-gradient(180deg,#34495e 0,var(--node-color,#95a5a6) 50%,#2c3e50 100%);border:1px solid #ffffff1a;border-radius:2px;box-shadow:inset -1px 0 2px #0006,0 0 4px #0000004d;content:"";height:40px;left:50%;position:absolute;top:-20px;transform:translateX(-50%);width:4px;z-index:1}.pipeline-node.completed:before{background:linear-gradient(180deg,#2ecc71,#27ae60,#1e8449);box-shadow:inset -1px 0 2px #0006,0 0 8px #2ecc7199}.pipeline-node:hover{transform:translateY(-6px)}.pipeline-node.current{transform:translateY(-10px)}.t-connector{background:linear-gradient(45deg,#95a5a6,#7f8c8d);border:2px solid #34495e;border-radius:2px;box-shadow:0 2px 4px #0006,inset 0 1px 0 #fff3;height:12px;left:50%;position:absolute;top:-20px;transform:translateX(-50%);width:12px;z-index:3}.pipeline-node.completed .t-connector{background:linear-gradient(45deg,#2ecc71,#27ae60);border-color:#2ecc71;box-shadow:0 2px 4px #0006,0 0 6px #2ecc7199}.processing-unit{align-items:center;background:linear-gradient(145deg,#34495e,#2c3e50 30%,#1a252f);border:2px solid #95a5a6;border-radius:8px;box-shadow:0 8px 16px #0006,inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #0000004d;display:flex;flex-direction:column;height:90px;justify-content:space-between;margin-top:20px;padding:6px;position:relative;transition:all .3s ease;width:70px}.processing-unit:before{border:1px solid #95a5a64d;border-radius:6px;bottom:2px;content:"";left:2px;pointer-events:none;position:absolute;right:2px;top:2px}.pipeline-node.completed .processing-unit{background:linear-gradient(145deg,#27ae60,#2ecc71 30%,#229954);border-color:#2ecc71;box-shadow:0 8px 20px #2ecc7166,0 0 0 3px #2ecc7133,inset 0 1px 0 #fff3}.pipeline-node.current .processing-unit{animation:control-panel-active 2s ease-in-out infinite;border-color:#f39c12;box-shadow:0 8px 20px #f39c1266,0 0 0 3px #f39c124d}@keyframes control-panel-active{0%,to{border-color:#f39c12;transform:scale(1)}50%{border-color:#e67e22;transform:scale(1.02)}}.unit-display{flex:1 1;flex-direction:column;height:100%;width:100%}.lcd-display,.unit-display{align-items:center;display:flex;justify-content:center;position:relative}.lcd-display{background:linear-gradient(145deg,#000,#1a1a1a,#000);border:2px solid #333;border-radius:4px;box-shadow:inset 0 2px 4px #000c,inset 0 -1px 2px #ffffff1a,0 1px 3px #00000080;flex-direction:column;height:30px;margin-bottom:4px;width:50px}.lcd-display:before{background:linear-gradient(180deg,#ffffff1a,#ffffff0d 50%,#0000);border-radius:2px;content:"";height:8px;left:2px;pointer-events:none;position:absolute;right:2px;top:2px}.node-icon{color:#00ff41;filter:drop-shadow(0 0 4px currentColor);font-size:16px;margin-bottom:2px;text-shadow:0 0 8px #00ff41}.node-number{background:#0000;border:none;border-radius:2px;color:#00ff41;font-family:Courier New,monospace;height:12px;letter-spacing:1px;text-shadow:0 0 6px #00ff41;width:20px}.control-buttons{display:flex;gap:3px;margin-top:4px}.control-button{background:linear-gradient(145deg,#2c3e50,#1a252f);border:1px solid #34495e;border-radius:2px;box-shadow:0 1px 2px #0000004d,inset 0 1px 1px #ffffff1a;height:12px;transition:all .2s ease;width:12px}.control-button:hover{background:linear-gradient(145deg,#34495e,#2c3e50);box-shadow:0 0 4px #3498db66,inset 0 1px 1px #fff3}.status-light{background:#e74c3c;border:1px solid #0000004d;border-radius:50%;box-shadow:0 0 8px #e74c3ccc,inset 0 1px 2px #ffffff4d;height:8px;position:absolute;right:6px;top:6px;width:8px}.pipeline-node.completed .node-icon{animation:lcd-glow 2s ease-in-out infinite alternate;color:#00ff41;text-shadow:0 0 12px #00ff41,0 0 24px #00ff41}.pipeline-node.completed .node-number{color:#00ff41;text-shadow:0 0 8px #00ff41,0 0 16px #00ff41}.pipeline-node.current .node-icon{animation:lcd-active 1.5s ease-in-out infinite;color:orange;text-shadow:0 0 12px orange,0 0 24px orange}.pipeline-node.current .node-number{color:orange;text-shadow:0 0 8px orange,0 0 16px orange}@keyframes lcd-glow{0%{text-shadow:0 0 8px #00ff41,0 0 16px #00ff41}to{text-shadow:0 0 12px #00ff41,0 0 24px #00ff41,0 0 32px #00ff41}}@keyframes lcd-active{0%,to{text-shadow:0 0 8px orange,0 0 16px orange}50%{text-shadow:0 0 12px orange,0 0 24px orange,0 0 32px orange}}.pipeline-node.completed .status-light{background:#2ecc71;box-shadow:0 0 10px #2ecc71e6,inset 0 1px 2px #fff6}.pipeline-node.current .status-light{animation:status-pulse 1.2s infinite;background:#f39c12}@keyframes status-pulse{0%,to{box-shadow:0 0 8px #f39c12cc;opacity:1}50%{box-shadow:0 0 12px #f39c12;opacity:.4}}.node-label{margin-top:10px;max-width:80px}.node-desc,.node-title{text-shadow:0 1px 2px #000c}.node-desc{opacity:.8}@media (max-width:768px){.pipeline-container{align-items:center;flex-direction:column;gap:12px;height:160px}.main-input-pipe{display:none}.pipeline-track{align-items:center;flex-direction:column;gap:16px}.pipeline-node:before{display:none}.processing-unit{height:60px;margin-top:0;width:80px}.pipeline-node{flex-direction:row;max-width:200px;width:100%}.node-label{margin-left:12px;margin-top:0;text-align:left}}.workflow-details{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;border:1px solid #fff3;border-radius:10px;margin-top:40px;min-height:150px;padding:15px}.details-header{align-items:center;border-bottom:1px solid #fff3;display:flex;gap:8px;margin-bottom:15px;padding-bottom:8px}.details-icon{font-size:18px}.details-title{color:gold;font-family:Courier New,monospace;font-size:14px;font-weight:700}.current-step-panel{animation:panelSlideIn .5s ease-out}.panel-header{background:#0006;border:1px solid #ffffff26;border-radius:8px;gap:10px;margin-bottom:15px;padding:12px}.panel-header,.panel-number{align-items:center;display:flex}.panel-number{background:gold;border-radius:50%;box-shadow:0 0 15px #ffd70080;color:#000;font-family:Courier New,monospace;font-size:14px;font-weight:700;height:28px;justify-content:center;width:28px}.panel-icon{filter:drop-shadow(0 0 6px currentColor);font-size:18px}.panel-title{color:#fff;flex:1 1;font-family:Courier New,monospace;font-size:16px;font-weight:700}.panel-tasks{display:flex;flex-direction:column;gap:8px}.task-item{gap:8px;line-height:1.4;padding:8px 12px}.task-item,.task-item-inline{align-items:flex-start;animation:taskSlideIn .6s ease-out;animation-delay:var(--task-delay);animation-fill-mode:both;background:#0003;border-left:2px solid gold;border-radius:6px;color:#fffc;display:flex;font-size:13px;opacity:0}.task-item-inline{gap:0;line-height:1.6;padding:12px 15px}.task-text-container{align-items:center;display:flex;flex-wrap:wrap;gap:0}.task-text-inline{align-items:center;display:inline-flex}.task-bullet{margin-right:6px}.task-content{color:#fffc}.task-divider{font-size:16px;font-weight:700;margin:0 8px}.task-bullet,.task-divider{color:gold;filter:drop-shadow(0 0 4px #FFD700)}.task-bullet{flex-shrink:0;font-size:12px;margin-top:1px}.task-text{flex:1 1}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes taskSlideIn{0%{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:translateX(0)}}.ai-workflow-guide.circular-view{background:radial-gradient(ellipse at center,#1a252f 0,#2c3e50 30%,#34495e 60%,#2c3e50 100%);border:2px solid #34495e;border-radius:20px;box-shadow:0 12px 40px #0000004d,inset 0 1px 0 #ffffff1a;color:#fff;margin:16px 0;min-height:418px;overflow:hidden;padding:30px;position:relative}.horizontal-layout{gap:20px;min-height:360px}.horizontal-layout,.left-diagram-section{align-items:center;display:flex;height:100%}.left-diagram-section{flex:0 0 350px;justify-content:center}.right-details-section{align-items:center;display:flex;flex:1 1;justify-content:center;min-width:0}.ai-workflow-guide.circular-view:before{background-image:radial-gradient(2px 2px at 20px 30px,#ffffff4d,#0000),radial-gradient(2px 2px at 40px 70px,#fff3,#0000),radial-gradient(1px 1px at 90px 40px,#fff6,#0000),radial-gradient(1px 1px at 130px 80px,#ffffff4d,#0000),radial-gradient(2px 2px at 160px 30px,#fff3,#0000);background-repeat:repeat;background-size:200px 100px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.circular-container{height:320px;margin:0 auto;position:relative;width:320px;z-index:1}.center-hub,.circular-container{align-items:center;display:flex;justify-content:center}.center-hub{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:50%;flex-direction:column;height:100px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px;z-index:10}.hub-icon{font-size:24px;margin-bottom:4px}.hub-text{font-size:12px;font-weight:600;text-align:center}.progress-ring{height:120px;left:-10px;position:absolute;top:-10px;width:120px}.progress-ring-svg{transform:rotate(-90deg)}.progress-ring-progress{transition:stroke-dashoffset .5s ease}.circular-track{height:100%;position:relative;width:100%}.circular-node{cursor:pointer;left:50%;position:absolute;top:50%;z-index:5}.circular-node,.circular-node .node-circle,.circular-node .node-desc,.circular-node .node-icon,.circular-node .node-label,.circular-node .node-number,.circular-node .node-title{transition:all .3s ease}.circular-node:hover{transform:scale(1.2);transition:all .4s ease;z-index:10}.circular-node:hover .node-circle{background:linear-gradient(135deg,var(--node-color),#ffffff4d);border:3px solid #fff9;box-shadow:0 0 30px var(--node-color),0 0 60px #fff6,inset 0 2px 15px #ffffff4d;transform:scale(1.1)}.circular-node:hover .node-icon{filter:drop-shadow(0 0 15px var(--node-color)) brightness(1.5);transform:scale(1.4)}.circular-node:hover .node-number{background:linear-gradient(135deg,#fffffff2,#fffc);box-shadow:0 0 20px #fffc;color:#000;transform:scale(1.2)}.circular-node:hover .node-label{transform:translateY(-8px) scale(1.05);transition:all .4s ease}.circular-node:hover .node-title{color:var(--node-color);font-weight:700;text-shadow:0 0 15px var(--node-color);transform:scale(1.1)}.circular-node:hover .node-desc{color:#fff;text-shadow:0 0 8px #fffc;transform:scale(1.05)}.circular-node.current{animation:pulse-circular 2s infinite}.circular-node.current .node-circle{background:linear-gradient(135deg,var(--node-color),#ffffff1a);border:2px solid #ffffff4d;box-shadow:0 0 15px var(--node-color),0 0 30px #fff3}.node-circle{align-items:center;background:var(--node-color);border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 12px #0003;display:flex;height:50px;justify-content:center;margin:0 auto 8px;position:relative;transform:translateX(-25px) translateY(-25px);width:50px}.circular-node.completed .node-circle{background:#2196f3;border-color:#2196f3;box-shadow:0 4px 12px #2196f366}.circular-node.current .node-circle{box-shadow:0 0 0 4px #2196f34d}.node-number{align-items:center;background:#000c;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px}.node-icon{font-size:18px}.node-label{left:50%;margin-top:8px;position:absolute;text-align:center;top:100%;transform:translateX(-50%);width:90px;z-index:10}.circular-node:nth-child(3) .node-label,.circular-node:nth-child(4) .node-label{left:-120%;top:50px;transform:translateX(-50%)}.circular-node:nth-child(5) .node-label{left:120%;top:-40px;transform:translateX(-50%)}.node-title{font-size:11px;font-weight:600;margin-bottom:2px}.node-desc,.node-title{text-shadow:0 1px 2px #00000080}.node-desc{font-size:9px;opacity:.9}.completion-check{align-items:center;animation:bounce .5s ease;background:#2196f3;border-radius:50%;box-shadow:0 2px 8px #2196f34d;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;left:50%;position:absolute;top:-8px;transform:translateX(-50%);width:20px}.connection-lines{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}@keyframes pulse-circular{0%{box-shadow:0 0 0 0 #2196f399}70%{box-shadow:0 0 0 8px #2196f300}to{box-shadow:0 0 0 0 #2196f300}}@keyframes bounce{0%{transform:translateX(-50%) scale(0)}50%{transform:translateX(-50%) scale(1.2)}to{transform:translateX(-50%) scale(1)}}@media (max-width:768px){.ai-workflow-guide.circular-view{min-height:280px}.circular-container{height:240px;width:240px}.center-hub{height:80px;width:80px}.hub-icon{font-size:20px}.hub-text{font-size:10px}.progress-ring{height:96px;left:-8px;top:-8px;width:96px}.node-circle{height:40px;transform:translateX(-20px) translateY(-20px);width:40px}.node-icon{font-size:14px}.node-label{width:60px}.node-title{font-size:10px}.node-desc{font-size:8px}}.workflow-summary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00142899;border:1px solid #0096ff4d;border-radius:15px;box-shadow:0 8px 32px #0096ff1a;display:flex;flex-direction:column;max-height:364px;padding:20px;width:100%}.summary-header{align-items:center;border-bottom:1px solid #0096ff4d;display:flex;gap:10px;margin-bottom:20px;padding-bottom:10px}.summary-icon{filter:drop-shadow(0 0 8px #00D4FF);font-size:20px}.summary-title{color:#00d4ff;font-size:16px;font-weight:700;text-shadow:0 0 10px #00d4ff80}.current-step-card{animation:cardSlideIn .6s ease-out;background:#001e3c80;border:1px solid #0096ff33;border-radius:12px;min-height:240px;overflow:hidden;padding:20px;position:relative}.current-step-card:before{background:linear-gradient(90deg,var(--card-color),#0000);content:"";height:2px;left:0;opacity:.8;position:absolute;right:0;top:0}.card-header{border-bottom:1px solid #0096ff26;gap:12px;margin-bottom:15px;padding-bottom:10px}.card-header,.card-number{align-items:center;display:flex}.card-number{background:var(--card-color);border-radius:50%;box-shadow:0 0 20px var(--card-color);color:#000;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.card-icon{filter:drop-shadow(0 0 8px currentColor);font-size:20px}.card-title{color:#fff;flex:1 1;font-size:15px;font-weight:700;text-shadow:0 1px 2px #00000080}.card-tasks{display:flex;flex-direction:column;gap:4px}.task-row-vertical{align-items:flex-start;animation:taskFadeIn .8s ease-out;animation-delay:var(--task-delay);animation-fill-mode:both;background:#0028504d;border-left:2px solid #00d4ff;border-radius:6px;color:#ffffffe6;display:flex;font-size:13px;gap:8px;line-height:1.3;opacity:0;padding:6px 10px;transition:all .3s ease}.task-row-vertical:hover{background:#00326466;transform:translateX(5px)}.task-row-vertical .task-dot{color:#00d4ff;filter:drop-shadow(0 0 6px #00D4FF);flex-shrink:0;font-size:10px;margin-top:4px}.task-row-vertical .task-content{color:#ffffffe6;flex:1 1}.task-row{gap:10px;line-height:1.5;padding:12px}.task-row,.task-row-inline{align-items:flex-start;animation:taskFadeIn .8s ease-out;animation-delay:var(--task-delay);animation-fill-mode:both;background:#0028504d;border-left:2px solid #00d4ff;border-radius:8px;color:#ffffffe6;display:flex;font-size:14px;opacity:0;transition:all .3s ease}.task-row-inline{gap:0;line-height:1.6;padding:15px}.task-row-inline:hover{background:#00326466;transform:translateX(5px)}.task-content-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:0}.task-content-inline{align-items:center;display:inline-flex}.task-dot{margin-right:6px}.task-item-text{color:#ffffffe6}.task-dash{font-size:16px;font-weight:700;margin:0 8px}.task-dash,.task-dot{color:#00d4ff;filter:drop-shadow(0 0 6px #00D4FF)}.task-dot{flex-shrink:0;font-size:10px;margin-top:4px}.task-content{flex:1 1}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes taskFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.ai-workflow-guide-container{margin:20px auto;max-width:1200px;padding:0}.workflow-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0;box-shadow:0 4px 20px #0000001a;color:#fff;padding:24px;position:relative}.header-content{align-items:center;display:flex;gap:20px;justify-content:space-between}.header-text{flex:1 1;text-align:left}.workflow-header h2{font-size:24px;font-weight:600;margin:0 0 8px;text-shadow:0 2px 4px #0000004d}.workflow-header p{font-size:16px;line-height:1.4;margin:0;opacity:.9}.view-switch-buttons{align-items:center;display:flex;gap:8px}.view-switch-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.view-switch-btn:hover{background:#fff3;border-color:#fff9;box-shadow:0 4px 15px #fff3;transform:scale(1.1)}.view-switch-btn.active{background:#ffffffe6;border-color:#fff;box-shadow:0 4px 20px #ffffff4d;color:#667eea;transform:scale(1.05)}.view-switch-btn .view-icon{font-size:18px;font-weight:700}.workflow-view-selector{background:#fffffff2;border-radius:0;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:20px}.view-selector-header{margin-bottom:20px}.view-selector-header h3{color:#333;font-size:18px;font-weight:600;margin:0 0 16px}.view-selector-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.view-btn{align-items:center;background:#fff;border:2px solid #dee2e6;border-radius:25px;box-shadow:0 2px 8px #0000001a;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s ease}.view-btn:hover{border-color:#adb5bd;box-shadow:0 4px 15px #00000026;transform:translateY(-2px)}.view-btn.active{background:linear-gradient(145deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 20px #667eea66;color:#fff;transform:translateY(-2px)}.view-btn.active:hover{box-shadow:0 6px 25px #667eea80}.view-icon{font-size:16px}.view-name{white-space:nowrap}.current-workflow-view{border-radius:0 0 12px 12px;box-shadow:0 4px 15px #0000001a;margin-top:0;overflow:hidden}.expandable-workflow-section{background:#fffffff2;border-radius:0 0 12px 12px;box-shadow:0 4px 20px #0000001a;padding:20px}.section-header{border-bottom:2px solid #667eea33;padding-bottom:16px;text-align:center}.section-header h3{color:#333;font-size:20px;font-weight:600;margin:0 0 8px}.section-header p{color:#666;font-size:14px;line-height:1.4;margin:0}@media (max-width:768px){.ai-workflow-guide-container{margin:10px}.workflow-header{padding:20px 16px}.header-content{flex-direction:column;gap:15px}.header-content,.header-text{text-align:center}.workflow-header h2{font-size:20px}.view-switch-buttons{justify-content:center}.view-switch-btn{font-size:14px;height:36px;width:36px}.view-switch-btn .view-icon{font-size:16px}}@media (max-width:480px){.workflow-header{padding:16px 12px}.workflow-header h2{font-size:18px}.workflow-header p{font-size:14px}.view-switch-btn{font-size:12px;height:32px;width:32px}.view-switch-btn .view-icon{font-size:14px}}.audio-file-container{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;margin-bottom:20px;overflow:hidden;transition:box-shadow .3s ease,margin-bottom .3s ease;width:100%}.audio-file-container:hover{box-shadow:0 4px 8px #0000001a}.audio-file-header{align-items:center;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;cursor:pointer;display:flex;padding:12px;transition:background-color .3s ease,border-bottom-color .3s ease}.audio-file-header:hover{background-color:#eef2f7}.audio-file-content.collapsed+.audio-file-header{border-bottom-color:#0000}.audio-file-title{cursor:pointer;flex-grow:1;font-weight:500;margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drag-handle{color:#757575;cursor:grab;margin-right:10px}.drag-handle:active{cursor:grabbing}.audio-file-content{overflow:hidden;padding:0;transition:max-height .3s ease,opacity .2s ease,padding .3s ease}.audio-file-content.collapsed{max-height:0;opacity:0;padding:0;pointer-events:none}.audio-file-content.expanded{max-height:10000px;opacity:1;padding:16px 0}.waveform-visualizer{background-color:#0000001a;border-radius:4px;margin:10px 0;overflow:hidden;position:relative;width:100%}.waveform-canvas{cursor:pointer;height:100%;width:100%}.waveform-canvas.waveform-error{background-color:#ff6b6b1a;cursor:not-allowed}.waveform-loading{align-items:center;background-color:#0000001a;color:#fff;display:flex;flex-direction:column;font-size:14px;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.waveform-loading p{animation:pulse 1.5s ease-in-out infinite;color:#666;margin-bottom:10px}.waveform-loading-spinner{animation:waveform-spinner .8s linear infinite;border:2px solid #0000001a;border-radius:50%;border-top-color:#3498db;height:20px;width:20px}@keyframes waveform-spinner{to{transform:rotate(1turn)}}.audio-player{background-color:#f8f9fa;background-color:var(--component-bg,#f8f9fa);border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-bottom:20px;padding:15px;transition:all .3s ease}.audio-player.expanded{padding-bottom:25px}.audio-player-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.audio-title{color:#333;color:var(--text-primary,#333);font-weight:500;margin:0}.expand-button{background:none;border:none;border-radius:4px;color:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:14px;padding:4px 8px;transition:background-color .2s}.expand-button:hover{background-color:#0000000d;background-color:var(--hover-bg,#0000000d)}.resume-prompt{background-color:#007bff1a;background-color:var(--highlight-bg,#007bff1a);border-left:3px solid #0d6efd;border-left:3px solid var(--accent-color,#0d6efd);border-radius:6px;margin-bottom:15px;padding:12px}.resume-prompt p{font-size:14px;margin:0 0 10px}.resume-buttons{display:flex;gap:10px}.resume-buttons button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .2s,transform .1s}.resume-buttons button:first-child{background-color:#0d6efd;background-color:var(--accent-color,#0d6efd);color:#fff}.resume-buttons button:last-child{background-color:#e9ecef;background-color:var(--secondary-button-bg,#e9ecef);color:#333;color:var(--text-primary,#333)}.resume-buttons button:hover{opacity:.9;transform:translateY(-1px)}.player-controls{align-items:center;display:flex;gap:15px;margin-top:15px}.play-pause-btn{background:none;background-color:#0d6efd;background-color:var(--accent-color,#0d6efd);font-size:24px;height:40px;width:40px}.play-pause-btn,.stop-btn{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center}.stop-btn{background:none;background-color:#dc3545;background-color:var(--stop-color,#dc3545);font-size:20px;height:36px;margin-left:8px;width:36px}.play-pause-btn:hover,.stop-btn:hover{opacity:.8;transform:scale(1.05)}.play-pause-btn:disabled,.stop-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.time-display{color:#666;color:var(--text-secondary,#666);flex:1 1;font-size:14px;gap:8px}.seek-slider{appearance:none;background:#ddd;background:var(--slider-bg,#ddd);border-radius:2px;cursor:pointer;flex:1 1;height:4px;outline:none}.seek-slider::-webkit-slider-thumb{appearance:none;background:#0d6efd;background:var(--accent-color,#0d6efd);border-radius:50%;cursor:pointer;height:12px;width:12px}.seek-slider::-moz-range-thumb{background:#0d6efd;background:var(--accent-color,#0d6efd);border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.volume-control{align-items:center;display:flex;gap:8px;min-width:100px}.volume-icon{color:#666;color:var(--text-secondary,#666);font-size:16px}.volume-slider{appearance:none;background:#ddd;background:var(--slider-bg,#ddd);border-radius:2px;cursor:pointer;height:4px;outline:none;width:70px}.volume-slider::-webkit-slider-thumb{appearance:none;background:#0d6efd;background:var(--accent-color,#0d6efd);border-radius:50%;cursor:pointer;height:10px;width:10px}.volume-slider::-moz-range-thumb{background:#0d6efd;background:var(--accent-color,#0d6efd);border:none;border-radius:50%;cursor:pointer;height:10px;width:10px}.audio-player-container{align-items:center;background-color:#f5f5f5;border-radius:8px;display:flex;flex-direction:column;margin:1rem 0;padding:.5rem}.audio-player-controls{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0;width:100%}.audio-player-progress{flex:1 1;margin:0 1rem}.audio-player-progress-bar{appearance:none;background-color:#ddd;border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.audio-player-progress-bar::-webkit-slider-thumb{appearance:none;background-color:#3a86ff;border-radius:50%;cursor:pointer;height:16px;width:16px}.audio-player-time{color:#666;font-size:.8rem;margin:0 .5rem;min-width:45px;text-align:center}.audio-player-button{align-items:center;background:none;border:none;color:#3a86ff;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:.5rem}.audio-player-button:disabled{color:#ccc;cursor:not-allowed}.audio-player-volume-control{align-items:center;display:flex;margin-left:.5rem;width:100px}.waveform-container{background-color:#fff;border-radius:4px;height:80px;margin:.5rem 0;width:100%}@media (max-width:600px){.audio-player-volume-control{display:none}.audio-player-time{font-size:.7rem;min-width:40px}}@media (prefers-color-scheme:dark){.audio-player{--component-bg:#fff;--text-primary:#212529;--text-secondary:#6c757d;--slider-bg:#e9ecef;--hover-bg:#0000000d;--secondary-button-bg:#f8f9fa;--highlight-bg:#1877f233}}.thumbnail-display-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin:0;overflow-x:hidden;padding:0;position:relative;width:100%}.uploaded-files-header{animation:gradientFlow 12s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe);background-size:400% 400%;box-shadow:0 4px 16px #0000001a,0 2px 8px #0000000d;margin-bottom:10px;overflow:hidden;padding:20px 15px;position:relative}.header-background{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.floating-music-note{animation:floatNote 8s linear infinite;color:#fff9;font-size:24px;pointer-events:none;position:absolute}.floating-music-note:first-child{animation-delay:0s;animation-duration:6s;left:10%;top:10%}.floating-music-note:nth-child(2){animation-delay:1s;animation-duration:8s;right:15%;top:20%}.floating-music-note:nth-child(3){animation-delay:2s;animation-duration:7s;bottom:30%;left:20%}.floating-music-note:nth-child(4){animation-delay:3s;animation-duration:9s;right:30%;top:60%}.floating-music-note:nth-child(5){animation-delay:4s;animation-duration:5s;bottom:20%;right:10%}.floating-music-note:nth-child(6){animation-delay:5s;animation-duration:10s;left:60%;top:40%}.header-content{color:#fff;position:relative;text-align:center;z-index:2}.section-title{align-items:center;display:flex;font-size:24px;font-weight:800;gap:10px;justify-content:center;margin:0 0 8px;text-shadow:0 1px 5px #0000004d,0 2px 10px #0003}.title-icon{animation:iconBounce 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:28px}.file-count{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 2px 8px #0003;font-size:16px}.section-subtitle{font-size:14px;font-weight:500;letter-spacing:.5px;margin:0;opacity:.9;text-shadow:0 1px 2px #0000004d}.header-decorative-wave{background:linear-gradient(0deg,#ffffff1a,#0000);bottom:0;height:60px;left:0;opacity:.3;position:absolute;right:0}.enhanced-thumbnail-grid{align-items:flex-start;display:flex;flex-direction:row;gap:15px;height:180px;margin:0 auto;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:0 20px 5px;position:relative;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-color:#667eea99 #ffffff4d;scrollbar-width:thin}.enhanced-thumbnail-grid::-webkit-scrollbar{height:12px}.enhanced-thumbnail-grid::-webkit-scrollbar-track{background:#ffffff4d;border-radius:6px}.enhanced-thumbnail-grid::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#667eea,#764ba2);border:2px solid #ffffff4d;border-radius:6px}.enhanced-thumbnail-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#5a6fd8,#6a4190)}.enhanced-thumbnail-card{align-items:center;animation:slideInUp .6s ease-out;animation-delay:0s;animation-delay:var(--animation-delay,0s);animation-fill-mode:both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #fffc;border-radius:12px;box-shadow:0 4px 12px #00000026,0 2px 5px #0000001a;display:flex;flex-direction:column;flex-shrink:0;height:fit-content;max-height:120px;max-width:130px;min-width:130px;overflow:hidden;padding:8px;position:relative;scroll-snap-align:start;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.enhanced-thumbnail-card:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:1}.enhanced-thumbnail-card:hover:before{left:100%}.enhanced-thumbnail-card:hover{box-shadow:0 10px 20px #667eea4d,0 5px 10px #764ba233;transform:translateY(-4px) scale(1.01);z-index:10}.enhanced-thumbnail-card img,.enhanced-thumbnail-card video{border-radius:6px;max-height:80px;max-width:100%;object-fit:contain;width:100%}.thumbnail-container{align-items:center;border-radius:8px;display:flex;height:80px;justify-content:center;margin-bottom:8px;overflow:hidden;width:100%}.enhanced-thumbnail-card .audio-thumbnail,.enhanced-thumbnail-card .pdf-thumbnail{align-items:center;border-radius:6px;display:flex;flex-direction:column;height:80px;justify-content:center;margin-bottom:8px;width:100%}.thumbnail-filename{word-wrap:break-word;background:#ffffffe6;border-radius:4px;box-shadow:0 1px 3px #0000001a;color:#2d3748;font-size:10px;font-weight:600;line-height:1.2;margin:0;max-width:100%;padding:2px 4px;text-align:center}.enhanced-thumbnail-grid:after,.enhanced-thumbnail-grid:before{bottom:15px;content:"";pointer-events:none;position:absolute;top:0;width:20px;z-index:5}.enhanced-thumbnail-grid:before{background:linear-gradient(90deg,#f5f7facc,#0000);left:20px}.enhanced-thumbnail-grid:after{background:linear-gradient(270deg,#f5f7facc,#0000);right:20px}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes floatNote{0%{opacity:.3;transform:translateY(0) translateX(0) rotate(0deg)}25%{opacity:.7;transform:translateY(-20px) translateX(10px) rotate(5deg)}50%{opacity:.5;transform:translateY(-35px) translateX(0) rotate(0deg)}75%{opacity:.8;transform:translateY(-20px) translateX(-10px) rotate(-5deg)}to{opacity:.3;transform:translateY(0) translateX(0) rotate(0deg)}}@keyframes iconBounce{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(5deg)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:1200px){.enhanced-thumbnail-grid{gap:12px;height:170px;padding:0 15px 5px}.enhanced-thumbnail-card{max-height:110px;max-width:110px;min-width:110px;padding:6px}.thumbnail-container{height:70px}.enhanced-thumbnail-card img,.enhanced-thumbnail-card video{max-height:70px}.enhanced-thumbnail-card .audio-thumbnail,.enhanced-thumbnail-card .pdf-thumbnail{height:70px}.thumbnail-filename{font-size:9px}}@media (max-width:768px){.uploaded-files-header{padding:15px 10px}.section-title{flex-direction:column;font-size:20px;gap:6px}.title-icon{font-size:24px}.file-count{font-size:14px;padding:3px 8px}.section-subtitle{font-size:12px}.enhanced-thumbnail-grid{gap:10px;height:150px;padding:0 10px 5px}.enhanced-thumbnail-card{max-height:100px;max-width:90px;min-width:90px;padding:6px}.thumbnail-container{height:60px}.enhanced-thumbnail-card img,.enhanced-thumbnail-card video{max-height:60px}.enhanced-thumbnail-card .audio-thumbnail,.enhanced-thumbnail-card .pdf-thumbnail{height:60px}.thumbnail-filename{font-size:8px}}@media (max-width:480px){.section-title{font-size:18px}.enhanced-thumbnail-grid{gap:8px;height:130px;padding:0 8px 5px}.enhanced-thumbnail-card{max-height:90px;max-width:80px;min-width:80px;padding:5px}.thumbnail-container{height:50px}.enhanced-thumbnail-card img,.enhanced-thumbnail-card video{max-height:50px}.enhanced-thumbnail-card .audio-thumbnail,.enhanced-thumbnail-card .pdf-thumbnail{height:50px}.thumbnail-filename{font-size:7px}}.thumbnail-display-container *{box-sizing:border-box}.enhanced-thumbnail-card,.floating-music-note,.title-icon{backface-visibility:hidden;perspective:1000px;transform:translateZ(0);will-change:transform}@media (prefers-reduced-motion:reduce){.enhanced-thumbnail-card,.floating-music-note,.title-icon,.uploaded-files-header{animation:none;transition:none}.enhanced-thumbnail-card:hover{transform:none}}body{background-color:#f5f7fa;color:#3f3f3f;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:.2px;line-height:1.6}.MuiButton-root{background:linear-gradient(180deg,#fff,#f7f9fc)!important;border-radius:8px!important;box-shadow:0 2px 5px #0000001a!important;font-weight:500!important;letter-spacing:.5px!important;padding:8px 16px!important;text-transform:none!important;transition:all .2s ease!important}.MuiButton-contained:hover{background:linear-gradient(180deg,#fff,#eef2f7)!important;box-shadow:0 4px 8px #00000026!important;transform:translateY(-1px)}.MuiCard-root,.MuiPaper-root{background-color:#fff!important;border:1px solid #0000000a!important;border-radius:12px!important;box-shadow:0 6px 16px #0000000f!important;overflow:hidden!important;transition:all .3s ease!important}.MuiCard-root:hover,.MuiPaper-root:hover{box-shadow:0 8px 24px #0000001a!important;transform:translateY(-2px)}.MuiDialog-paper{background-color:#fff!important;border:1px solid #0000000a!important;border-radius:12px!important;box-shadow:0 10px 30px #00000026!important;overflow:hidden!important}.MuiDialogTitle-root{background-color:#f5f7fa!important;border-bottom:1px solid #00000014!important;color:#2c3e50!important;font-weight:600!important;letter-spacing:.3px!important;padding:16px 24px!important}.MuiDialogContent-root{color:#3f3f3f!important;padding:24px!important}.MuiDialogActions-root{background-color:#f9fafc!important;border-top:1px solid #0000000d!important;padding:12px 24px!important}.MuiFormControl-root{margin-bottom:16px!important}.MuiInputBase-root{background-color:#fff!important;border:1px solid #0000001a!important;border-radius:8px!important;box-shadow:0 2px 4px #00000005!important;color:#3f3f3f!important;transition:all .2s ease!important}.MuiInputBase-root.Mui-focused{border-color:#2196f366!important;box-shadow:0 0 0 3px #2196f31a!important}.MuiTab-root{color:#5a6a7a!important;font-weight:500!important;letter-spacing:.3px!important;text-transform:none!important;transition:all .2s ease!important}.MuiTab-root.Mui-selected{color:#2c6ecf!important;font-weight:600!important}.MuiTabs-indicator{background-color:#2c6ecf!important;border-radius:3px 3px 0 0!important;height:3px!important}.MuiLinearProgress-root{background-color:#0000000d!important;border-radius:3px!important;height:6px!important;overflow:hidden!important}.MuiLinearProgress-bar{background-color:#2c6ecf!important;border-radius:3px!important}.MuiCircularProgress-root{color:#2c6ecf!important;transition:all .3s ease!important}code,pre{background-color:#f0f3f7!important;border:1px solid #0000000d!important;border-radius:4px!important;color:#2d3748!important;font-family:Consolas,Monaco,Courier New,monospace!important;padding:.2em .4em!important}pre{overflow-x:auto!important;padding:1em!important}blockquote{border-left:4px solid #2c6ecf!important;color:#4a5568!important;font-style:italic!important;margin-left:0!important;padding-left:1em!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.fade-in{animation:fadeIn .3s ease-out}.slide-in{animation:slideIn .3s ease-out}.pulse{animation:pulse 2s infinite}.toast-notification{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;font-weight:500!important;padding:12px 16px!important}.toast-success{background-color:#2ecc71f2!important;border-left:4px solid #27ae60!important}.toast-error{background-color:#e74c3cf2!important;border-left:4px solid #c0392b!important}.toast-info{background-color:#3498dbf2!important;border-left:4px solid #2980b9!important}@media (prefers-color-scheme:dark){body{background-color:#f5f7fa;color:#3f3f3f}.MuiCard-root,.MuiPaper-root{background-color:#fff!important;border:1px solid #0000000a!important;box-shadow:0 6px 16px #0000000f!important}.MuiButton-root{background:linear-gradient(180deg,#fff,#f7f9fc)!important;color:#3f3f3f!important}.MuiButton-contained:hover{background:linear-gradient(180deg,#fff,#eef2f7)!important}.MuiDialogTitle-root{background-color:#f8f9fa!important;border-bottom:1px solid #00000014!important;color:#2c3e50!important}.MuiDialogContent-root{background-color:#fff!important;color:#3f3f3f!important}.MuiDialogActions-root{background-color:#f8f9fa!important;border-top:1px solid #00000014!important}.MuiInputBase-root{background-color:#fff!important;border-color:#00000026!important;color:#3f3f3f!important}.MuiLinearProgress-root{background-color:#0000001a!important}.MuiTab-root{color:#5a6a7e!important}.MuiTab-root.Mui-selected{color:#2196f3!important}.MuiTabs-indicator{background-color:#2196f3!important}code,pre{background-color:#f8f9fa!important;border-color:#0000001a!important;color:#3f3f3f!important}blockquote{border-left-color:#2196f3!important;color:#5a6a7e!important}}.force-light-mode{background-color:#f5f7fa!important;color:#3f3f3f!important}.force-dark-mode{background-color:#2c3340!important;color:#e0e0e0!important}.tab-panel-content:before{background-image:radial-gradient(circle at top right,#2196f30d,#2196f305 40%,#0000 60%);border-top-right-radius:16px;content:"";height:80px;opacity:.8;pointer-events:none;position:absolute;right:0;top:0;width:80px;z-index:0}.tab-panel-content[data-analysis-type=\8282\594F\5206\6790]:before{background-image:radial-gradient(circle at top right,#ff57220d,#ff572205 40%,#0000 60%)}.tab-panel-content[data-analysis-type=\4E50\5668\5206\6790]:before{background-image:radial-gradient(circle at top right,#9c27b00d,#9c27b005 40%,#0000 60%)}.tab-panel-content[data-analysis-type=\7ED3\6784\5206\6790]:before{background-image:radial-gradient(circle at top right,#3f51b50d,#3f51b505 40%,#0000 60%)}.tab-panel-content[data-analysis-type=\52A8\6001\5206\6790]:before{background-image:radial-gradient(circle at top right,#0096880d,#00968805 40%,#0000 60%)}.tab-panel-content[data-analysis-type=\8C03\6027\5206\6790]:before{background-image:radial-gradient(circle at top right,#8bc34a0d,#8bc34a05 40%,#0000 60%)}.tab-panel-content[data-analysis-type=\6280\672F\5206\6790]:before{background-image:radial-gradient(circle at top right,#607d8b0d,#607d8b05 40%,#0000 60%)}.tab-panel-content[data-analysis-type=\60C5\611F\5206\6790]:before{background-image:radial-gradient(circle at top right,#e91e630d,#e91e6305 40%,#0000 60%)}.tab-panel-content[data-analysis-type=\6574\4F53\8BC4\4EF7]:before{background-image:radial-gradient(circle at top right,#ffc1070d,#ffc10705 40%,#0000 60%)}.project-name:after{background:linear-gradient(90deg,currentColor,#0000);bottom:-2px;content:"";height:2px;left:0;opacity:.5;position:absolute;transform:scaleX(.3);transform-origin:left;transition:transform .3s ease;width:100%}.project-name-container:hover .project-name:after{transform:scaleX(1)}.timestamp-count{overflow:hidden;position:relative}.timestamp-count:after{background:linear-gradient(135deg,#ffffff1a,#fff0 60%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.analysis-text-section.loading{overflow:hidden;position:relative}.analysis-text-section.loading:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#fff0,#fff3,#fff0);background-size:200% 100%;content:"";height:100%;left:0;position:absolute;top:0;width:100%}@media (prefers-color-scheme:dark){.tab-panel-content:before{opacity:.08}.project-name:after{background:linear-gradient(90deg,#0d6efd,#0000)}.analysis-text-section.loading:after{background:linear-gradient(90deg,#fff0,#ffffff0d,#fff0)}}.material-collection{display:flex;flex-direction:column;gap:24px;height:100%}.upload-section h4{align-items:center;color:#333;display:flex;font-size:18px;gap:8px;margin-bottom:16px}.upload-zone{background:#ffffff0d;border:2px dashed #ffffff4d;border-radius:16px;cursor:pointer;padding:24px 16px;position:relative;text-align:center;transition:all .3s ease}.upload-zone.drag-over,.upload-zone:hover{background:#00d4ff1a;border-color:#00d4ff;transform:translateY(-2px)}.upload-icon{margin-bottom:12px}.upload-zone h3{color:#333;font-size:16px;margin-bottom:6px}.upload-zone p{color:#ffffffb3;font-size:14px;margin-bottom:16px}.upload-btn{font-size:13px;padding:10px 20px}.upload-btn:hover{box-shadow:0 8px 16px #00d4ff4d}.file-list-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;padding:24px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h4{align-items:center;color:#333;display:flex;font-size:18px;gap:8px;margin:0}.header-left{gap:16px}.header-left,.sort-dropdown{align-items:center;display:flex}.sort-select{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#a0a0a040,#9696964d);border:1px solid #ffffff4d;border-radius:8px;color:#ffffffe6;cursor:pointer;font-size:12px;min-width:120px;padding:6px 12px;transition:all .3s ease}.sort-select:hover{background:linear-gradient(135deg,#a0a0a059,#96969666);border-color:#ffffff80}.sort-select:focus{border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33;outline:none}.sort-select option{background:#282828f2;color:#ffffffe6;padding:8px}.file-stats{align-items:center;color:#ffffffb3;display:flex;font-size:14px;gap:16px}.file-count,.total-size{background:#ffffff1a;border-radius:4px;padding:4px 8px}.multi-analysis-btn{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#00d4ff33,#00b4dc4d);border:1px solid #00d4ff80;border-radius:8px;color:#00d4ff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .3s ease}.multi-analysis-btn:hover{background:linear-gradient(135deg,#00d4ff4d,#00b4dc66);border-color:#00d4ff;box-shadow:0 4px 12px #00d4ff33;transform:translateY(-1px)}.multi-analysis-btn:active{transform:translateY(0)}.clear-all-btn{background:#dc354533;border:1px solid #dc354580;border-radius:4px;color:#dc3545;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .3s ease}.clear-all-btn:hover{background:#dc35454d;border-color:#dc3545}.file-list{display:flex;flex-direction:column;gap:12px}.file-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;justify-content:space-between;padding:16px;position:relative;transition:all .3s ease}.file-item.new-upload,.file-item.new-upload *{transition:none!important}.file-item:hover{background:#ffffff14;border-color:#00d4ff4d;transform:translateY(-1px)}.file-item.restored{background:#6c757d0d;border-left:3px solid #6c757d}.restored-badge{font-size:12px;margin-left:8px;opacity:.7}.file-basic-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.file-icon{flex-shrink:0}.file-details{flex:1 1;min-width:0}.file-name{font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-name.clickable{background:#0000;color:#00d4ff;cursor:pointer;text-decoration:underline;transition:all .3s ease}.file-name.clickable:hover{color:#09c;transform:translateX(2px)}.file-meta{gap:12px}.file-tools-section{align-items:center;display:flex;gap:16px;position:relative}.bound-tools{min-width:200px}.no-tools{color:#ffffff80;font-size:12px;font-style:italic}.tools-badges{align-items:center;display:flex;flex-wrap:wrap;gap:4px;max-width:100%}.tool-badge{background:#00d4ff33;border:1px solid #00d4ff4d;border-radius:6px;color:#00d4ff;display:inline-block;font-size:12px;line-height:1.2;max-width:120px;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.tool-badge.more{background:#ffb64a33;border-color:#ff8c424d;color:#ff8c42;font-weight:600;min-width:auto}.file-actions{align-items:center;min-width:120px}.bind-tools-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4caf5026;border:1px solid #4caf504d;border-radius:8px;box-shadow:0 2px 8px #4caf5033,inset 0 1px 0 #ffffff1a;color:#4caf50;cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;text-shadow:0 1px 2px #4caf504d;transition:all .3s ease;white-space:nowrap}.bind-tools-btn:hover{background:#4caf5040;border-color:#4caf5080;box-shadow:0 4px 12px #4caf504d,inset 0 1px 0 #fff3;color:#45a049;text-shadow:0 1px 3px #4caf5066;transform:translateY(-2px)}.remove-file-btn{align-items:center;background:linear-gradient(45deg,#f44336,#d32f2f);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;justify-content:center;min-height:32px;min-width:32px;padding:6px 8px;transition:all .2s ease;white-space:nowrap}.remove-file-btn:hover{background:linear-gradient(45deg,#d32f2f,#c62828);transform:translateY(-1px)}.remove-btn{background:#ff525233;border:1px solid #ff52524d;border-radius:4px;color:#ff5252;font-size:12px;padding:4px 6px;transition:all .2s ease}.remove-btn:hover{background:#ff52524d}.file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.upload-btn{background:linear-gradient(45deg,#00d4ff,#4a90e2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.upload-btn:hover{box-shadow:0 8px 25px #00d4ff4d;transform:translateY(-2px)}.material-library{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;flex:1 1;padding:24px}.library-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.library-header h4{align-items:center;color:#333;display:flex;font-size:18px;gap:8px;margin:0}.library-stats{display:flex;font-size:14px;gap:16px}.file-count{color:#00d4ff;font-weight:600}.total-size{color:#ffffffb3}.empty-state{color:#fff9;padding:48px 24px}.empty-icon{font-size:64px}.empty-state p{margin:8px 0}.empty-hint{color:#ffffff80;font-size:14px}.file-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.file-card{background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;padding:16px;transition:all .3s ease}.file-card:hover{background:#ffffff1f;border-color:#00d4ff80;transform:translateY(-2px)}.file-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.file-icon{font-size:24px}.remove-btn{align-items:center;background:#ff636333;border:1px solid #ff63634d;border-radius:50%;color:#ff6363;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;transition:all .3s ease;width:24px}.remove-btn:hover{background:#ff63634d;transform:scale(1.1)}.file-info{margin-bottom:16px}.file-name{background:#0000;color:#ffffffe6;font-weight:600;line-height:1.3;margin-bottom:8px}.file-meta{color:#fff9;display:flex;font-size:12px;justify-content:space-between}.file-actions{display:flex;gap:8px}.action-btn{background:#ffffff0d;border:1px solid #fff3;border-radius:6px;color:#fffc;cursor:pointer;flex:1 1;font-size:12px;padding:8px 12px;transition:all .3s ease}.action-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.action-btn.preview:hover{border-color:#00d4ff;color:#00d4ff}.action-btn.analyze:hover{border-color:#4caf50;color:#4caf50}.quick-actions{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:24px}.quick-actions h4{align-items:center;color:#333;display:flex;font-size:18px;gap:8px;margin-bottom:16px}.action-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-card{background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.action-card:hover{background:#ffffff1f;border-color:#00d4ff80;transform:translateY(-2px)}.action-icon{font-size:32px;margin-bottom:12px}.action-card h5{color:#333;font-size:16px;font-weight:600;margin:0 0 8px}.action-card p{color:#ffffffb3;font-size:14px;line-height:1.4;margin:0 0 16px}.start-btn{background:linear-gradient(45deg,#00d4ff,#4a90e2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease;width:100%}.start-btn:hover{box-shadow:0 4px 12px #00d4ff4d;transform:translateY(-1px)}@media (max-width:768px){.file-grid{grid-template-columns:1fr}.action-grid{grid-template-columns:repeat(2,1fr)}.upload-zone{padding:32px 16px}.upload-zone h3{font-size:18px}}.modal-overlay{animation:modalFadeIn .3s ease-out;background:#0000}@keyframes modalFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:1}}.bind-tools-modal{animation:modalSlideIn .4s ease-out;-webkit-backdrop-filter:blur(40px) saturate(1.5);backdrop-filter:blur(40px) saturate(1.5);background:linear-gradient(135deg,#a0a0a040,#9696964d 50%,#9b9b9b47);border:2px solid #ffffff4d;border-radius:24px;box-shadow:0 32px 64px #00000040,0 16px 32px #00000026,inset 0 1px 0 #ffffff4d,inset 0 0 20px #ffffff0d;display:flex;flex-direction:column;max-height:85vh;max-width:900px;overflow:hidden;width:90vw}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#a0a0a040,#9696964d);border-bottom:2px solid #fff3;gap:24px;padding:28px 32px}.header-left{flex:1 1;min-width:0}.header-right{align-items:center;display:flex;gap:16px}.modal-header h3{color:#fffffff2;font-size:22px;letter-spacing:-.5px;margin:0 0 12px;text-shadow:0 1px 3px #0003}.search-container{position:relative;width:280px}.search-input{-webkit-backdrop-filter:blur(30px) saturate(1.3);backdrop-filter:blur(30px) saturate(1.3);background:linear-gradient(135deg,#a0a0a040,#9696964d);border:2px solid #fff6;border-radius:12px;box-shadow:inset 0 1px 0 #fff3,0 2px 8px #00000014;color:#ffffffe6;font-size:14px;outline:none;padding:12px 16px 12px 44px;transition:all .3s ease;width:100%}.search-input::placeholder{color:#fff9}.search-input:focus{background:linear-gradient(135deg,#6e6e6ecc,#5f5f5fd9);border-color:#00d4ffcc;box-shadow:0 0 0 3px #00d4ff26,0 4px 12px #00d4ff1a,inset 0 1px 0 #ffffff4d;transform:translateY(-1px)}.search-icon{color:#fff6;font-size:16px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.file-info{align-items:center;-webkit-backdrop-filter:blur(30px) saturate(1.4);backdrop-filter:blur(30px) saturate(1.4);background:linear-gradient(135deg,#a0a0a040,#9696964d);border:2px solid #ffffff40;border-radius:16px;box-shadow:0 8px 32px #00000026,0 2px 8px #00000014,inset 0 1px 0 #fff3;display:flex;gap:16px;margin-top:20px;padding:16px 20px}.file-info .file-name{color:#ffffffe6;font-size:16px;font-weight:600;text-shadow:0 1px 2px #0000004d}.selected-summary{align-items:center;color:#00d4ff;display:flex;flex-wrap:wrap;font-size:13px;font-weight:600;gap:4px;margin-top:8px}.count-highlight{background:#00d4ff4d;border-radius:4px;color:#fff;font-size:12px;font-weight:700;padding:2px 6px}.search-results{color:#ffffffb3;font-size:12px;font-style:italic;font-weight:400}.modal-close-btn{align-items:center;background:none;border:none;border-radius:10px;color:#fff9;cursor:pointer;display:flex;font-size:28px;height:44px;justify-content:center;padding:8px;transition:all .3s ease;width:44px}.modal-close-btn:hover{background:#ffffff1a;box-shadow:0 4px 12px #0003;color:#fff;transform:scale(1.05)}.modal-content{flex:1 1;max-height:calc(85vh - 200px);min-height:0;overflow-x:hidden;overflow-y:scroll!important;padding:20px 24px;position:relative;scrollbar-color:#00d4ffb3 #fff3;scrollbar-width:auto}.modal-content::-webkit-scrollbar{display:block!important;width:12px!important}.modal-content::-webkit-scrollbar-track{background:#fff3!important;border:1px solid #0000001a;border-radius:6px}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00d4ffcc,#00b4dce6)!important;border:1px solid #ffffff4d;border-radius:6px;box-shadow:0 2px 4px #0003}.modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00d4ff,#00b4dc)!important;box-shadow:0 2px 6px #0000004d}.selected-count{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#00d4ff26,#00d4ff1a);border:2px solid #00d4ff66;border-radius:8px;box-shadow:0 2px 8px #0000001a,inset 0 1px 0 #fff3;color:#00d4ff;font-weight:600;margin-bottom:24px;padding:8px 16px;text-align:center}.tools-category{margin-bottom:32px}.category-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f5f5f5f2,#fafafafa);border:2px solid #c8c8c899;border-radius:8px;box-shadow:0 2px 8px #00000014,inset 0 1px 0 #ffffffe6;margin-bottom:16px;padding:12px 16px;transition:all .3s ease}.category-header:hover{background:linear-gradient(135deg,#ebf5fffa,#f0f8fffc);border-color:#2196f380;box-shadow:0 4px 12px #0000001a,inset 0 1px 0 #fffffff2}.category-title{align-items:center;color:#2c3e50!important;display:flex;font-size:16px;font-weight:700;gap:12px;margin:0;text-shadow:0 1px 2px #ffffff4d}.category-count{color:#34495e;font-size:14px;font-weight:600}.expand-icon{color:#34495e;font-weight:700}.tools-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tool-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f0f0f0f2,#fafafafa 50%,#f5f5f5f5);border:2px solid #c8c8c8cc;border-radius:16px;box-shadow:0 4px 16px #00000014,0 1px 4px #0000000a,inset 0 1px 0 #ffffffe6;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .3s ease}.tool-item:hover{background:linear-gradient(135deg,#e6f0fafa,#ebf5fffc 50%,rgba(232,242,252,.985));border-color:#0096c899;box-shadow:0 8px 24px #0000001f,0 4px 12px #0096c81a,inset 0 1px 0 #fffffff2;transform:translateY(-2px)}.tool-item.selected{background:linear-gradient(135deg,#2196f3e6,#1565c0f2);border-color:#0d47a1e6;box-shadow:0 8px 24px #2196f34d,0 0 20px #2196f333,inset 0 1px 0 #ffffff4d;color:#fff}.tool-icon{color:#2196f3;flex-shrink:0;font-size:28px;text-shadow:0 2px 8px #2196f34d;transition:color .3s ease}.tool-item.selected .tool-icon{color:gold;text-shadow:0 2px 8px #ffd70080}.tool-info{flex:1 1;min-width:0}.tool-name{color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:6px;text-shadow:none;transition:color .3s ease}.tool-item.selected .tool-name{color:#fff;text-shadow:0 1px 2px #0000004d}.tool-desc{color:#5a6c7d;font-size:13px;line-height:1.4;transition:color .3s ease}.tool-item.selected .tool-desc{color:#ffffffe6}.tool-checkbox{align-items:center;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:4px;color:#fff9;display:flex;flex-shrink:0;font-size:12px;font-weight:400;height:20px;justify-content:center;transition:all .3s ease;width:20px}.tool-item.selected .tool-checkbox{background:#4caf5026;border:1px solid #4caf5066;color:#4caf50e6}.modal-footer{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(180deg,#a0a0a040,#9696964d);border-top:2px solid #fff3;display:flex;gap:16px;justify-content:flex-end;padding:24px 28px}.modal-btn{border:none;border-radius:12px;box-shadow:0 4px 12px #00000005,inset 0 1px 0 #fff3;cursor:pointer;font-size:15px;font-weight:600;min-width:100px;padding:12px 24px;transition:all .3s ease}.modal-btn.secondary{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#a0a0a040,#9696964d);border:2px solid #fff6;color:#ffffffe6}.modal-btn.secondary:hover{background:linear-gradient(135deg,#aaaaaa4d,#a0a0a059);border-color:#fff9;box-shadow:0 6px 16px #00000026,inset 0 1px 0 #ffffff4d;color:#fffffff2;transform:translateY(-1px)}.modal-btn.primary{background:linear-gradient(135deg,#4caf50,#45a049);border:2px solid #4caf50cc;color:#fff}.modal-btn.primary:hover{background:linear-gradient(135deg,#5cbf60,#4caf50);box-shadow:0 6px 16px #4caf5033,0 0 20px #4caf501a;transform:translateY(-1px)}.quick-actions-desc{color:#ffffffb3;font-size:14px;margin-bottom:20px;margin-top:0}.preview-modal{-webkit-backdrop-filter:blur(40px) saturate(1.5);backdrop-filter:blur(40px) saturate(1.5);background:linear-gradient(135deg,#a0a0a040,#9696964d 50%,#9b9b9b47);border:2px solid #ffffff4d;border-radius:16px;box-shadow:0 32px 64px #00000040,0 16px 32px #00000026,inset 0 1px 0 #ffffff4d,inset 0 0 20px #ffffff0d;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;width:90vw}.audio-preview,.pdf-preview,.text-preview,.unsupported-preview{color:#fff;text-align:center}.audio-preview .audio-icon,.pdf-preview .pdf-icon,.text-preview .text-icon{font-size:64px;margin-bottom:20px}.audio-preview p,.pdf-preview p,.text-preview p,.unsupported-preview p{color:#fffc;font-size:14px;margin:8px 0}.file-meta-info{color:#ffffffb3;display:flex;font-size:12px;gap:16px}.file-meta-info span{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#a0a0a040,#9696964d);border:1px solid #fff3;border-radius:4px;padding:4px 8px}.audio-preview-enhanced{flex-direction:column;gap:24px;max-width:600px}.audio-info,.audio-preview-enhanced{align-items:center;display:flex;padding:20px;width:100%}.audio-info{-webkit-backdrop-filter:blur(30px) saturate(1.4);backdrop-filter:blur(30px) saturate(1.4);background:linear-gradient(135deg,#a0a0a040,#9696964d);border:2px solid #ffffff40;border-radius:16px;box-shadow:0 8px 32px #00000026,0 2px 8px #00000014,inset 0 1px 0 #fff3;gap:20px}.audio-icon-large{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:80px}.audio-details{flex:1 1}.audio-title{color:#fff;font-size:18px;font-weight:600;margin:0 0 12px}.audio-meta{display:flex;flex-direction:column;gap:6px}.audio-meta span{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff0a,#ffffff05);border:1px solid #fff3;border-radius:4px;color:#fffc;font-size:14px;padding:4px 8px;width:fit-content}.audio-player-container{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(135deg,#ffffff05,#ffffff03);border:2px solid #ffffff26;border-radius:12px;box-shadow:0 4px 16px #00000005,inset 0 1px 0 #ffffff26;padding:16px;width:100%}.enhanced-audio-player{background:#0000;height:50px;width:100%}.audio-waveform{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,hsla(0,0%,100%,.015),hsla(0,0%,100%,.008));border:2px solid #ffffff26;border-radius:8px;box-shadow:0 2px 8px #00000005,inset 0 1px 0 #ffffff26;height:120px;overflow:hidden;padding:16px;position:relative;width:100%}.waveform-visualization{align-items:end;display:flex;gap:2px;height:70px;justify-content:space-between;position:relative}.wave-bar{background:linear-gradient(0deg,#09c,#00d4ff);border-radius:2px;opacity:.4;position:relative;transition:all .3s ease;width:4px}.wave-bar.active{background:linear-gradient(0deg,#00d4ff,#66e0ff);box-shadow:0 0 8px #00d4ff80;opacity:1}.wave-bar.playing{animation:wave-pulse 1.5s ease-in-out infinite}.wave-bar.active.playing{animation:wave-active-pulse .8s ease-in-out infinite}@keyframes wave-pulse{0%,to{opacity:.4;transform:scaleY(.8)}50%{opacity:.6;transform:scaleY(1.1)}}@keyframes wave-active-pulse{0%,to{box-shadow:0 0 8px #00d4ff80;opacity:1;transform:scaleY(1)}50%{box-shadow:0 0 16px #00d4ffcc;opacity:.8;transform:scaleY(1.2)}}.progress-overlay{background:linear-gradient(90deg,#00d4ff33,#00d4ff1a);border-radius:4px;height:70px;left:16px;pointer-events:none;position:absolute;top:16px;transition:width .1s linear}.time-display{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-top:12px;padding-top:8px}.current-time,.total-time{color:#00d4ff;font-family:Monaco,Menlo,monospace;font-size:12px;font-weight:600}.total-time{color:#ffffffb3}.pdf-preview-enhanced{height:100%;width:100%}.pdf-info{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:500;gap:12px;margin-bottom:16px}.pdf-icon-large{font-size:32px}.zoom-controls{align-items:center;border-radius:8px;display:flex;gap:8px;padding:4px 8px}.zoom-btn,.zoom-controls{background:#ffffff1a;border:1px solid #fff3}.zoom-btn{border-radius:6px;color:#fff;cursor:pointer;font-size:14px;min-width:36px;padding:6px 10px;transition:all .3s ease}.zoom-btn:hover:not(:disabled){background:#00d4ff4d;border-color:#00d4ff;transform:translateY(-1px)}.zoom-btn:disabled{cursor:not-allowed;opacity:.5}.zoom-btn.reset{font-size:16px}.zoom-level{color:#00d4ff;font-size:12px;font-weight:600;min-width:40px;text-align:center}.image-preview-container,.video-preview-container{height:100%;width:100%}.image-preview-container,.preview-content,.video-preview-container{align-items:center;display:flex;justify-content:center;overflow:auto}.preview-content{flex:1 1;min-height:400px;padding:20px 24px;position:relative}.reupload-modal{-webkit-backdrop-filter:blur(40px) saturate(1.5);backdrop-filter:blur(40px) saturate(1.5);background:linear-gradient(135deg,#a0a0a040,#9696964d 50%,#9b9b9b47);border:2px solid #ffffff4d;border-radius:16px;box-shadow:0 32px 64px #00000040,0 16px 32px #00000026,inset 0 1px 0 #ffffff4d,inset 0 0 20px #ffffff0d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:90vw}.reupload-content{display:flex;flex:1 1;flex-direction:column;gap:24px;padding:24px}.reupload-info{color:#fff;text-align:center}.info-icon{font-size:64px;margin-bottom:16px}.reupload-info h4{color:#fff;font-size:20px;margin:0 0 12px}.reupload-info p{color:#fffc;line-height:1.5;margin:8px 0}.file-details-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(135deg,#a0a0a040,#9696964d);border:2px solid #ffffff40;border-radius:12px;box-shadow:0 4px 16px #0000001a,inset 0 1px 0 #fff3;padding:20px}.file-details-card h5{color:#00d4ff;font-size:16px;font-weight:600;margin:0 0 16px}.detail-row{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#ffffffb3;font-size:14px}.detail-row .value{color:#fff;font-size:14px;font-weight:500}.reupload-actions{display:flex;justify-content:center}.upload-zone-small{max-width:400px;width:100%}.reupload-label{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#00d4ff1a,#00d4ff0f);border:2px dashed #00d4ff99;border-radius:12px;box-shadow:0 4px 16px #0000001a,inset 0 1px 0 #ffffff26;color:#ffffffe6;cursor:pointer;display:flex;gap:16px;justify-content:center;padding:20px;transition:all .3s ease}.reupload-label:hover{background:linear-gradient(135deg,#00d4ff26,#00d4ff1a);border-color:#00d4ffcc;box-shadow:0 6px 20px #00000026,0 0 16px #00d4ff1a;transform:translateY(-2px)}.upload-icon{font-size:32px}.upload-text{text-align:center}.upload-text strong{color:#00d4ff;font-size:16px}.upload-text small{color:#ffffffb3;font-size:12px}.reupload-btn{background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:16px;padding:12px 24px;transition:all .3s ease}.reupload-btn:hover{box-shadow:0 8px 16px #00d4ff4d;transform:translateY(-2px)}.current-step,.nav-btn,.step-navigation .navigation-buttons .nav-btn{background:#0000!important;border:none!important;color:#00d4ff!important;text-shadow:0 2px 8px #00d4ff4d,0 0 20px #00d4ff33}.nav-btn,.step-navigation .navigation-buttons .nav-btn{align-items:center;background-color:initial!important;background-image:none!important;border-radius:10px;box-shadow:none!important;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.nav-btn:hover,.step-navigation .navigation-buttons .nav-btn:hover{background:#0000!important;background-color:initial!important;background-image:none!important;box-shadow:none!important;color:#00f0ff;text-shadow:0 3px 12px #00d4ff80,0 0 30px #00d4ff66,0 0 40px #00f0ff33;transform:translateY(-2px)}.nav-btn:active,.step-navigation .navigation-buttons .nav-btn:active{transform:translateY(0)}.nav-btn.previous,.nav-btn:active,.step-navigation .navigation-buttons .nav-btn:active{background:#0000!important;background-color:initial!important;background-image:none!important;box-shadow:none!important}.nav-btn.previous{border:none!important;text-shadow:0 2px 8px #a0a0a04d,0 0 20px #a0a0a033}.nav-btn.previous:hover{text-shadow:0 3px 12px #a0a0a080,0 0 30px #a0a0a066,0 0 40px #c8c8c833}.bound-tools-dropdown-container{display:inline-block;position:relative;z-index:2001}.file-item:has(.bound-tools-dropdown-container .bound-tools-dropdown-menu){z-index:10000}.file-item.dropdown-open{z-index:10000}.bound-tools-dropdown-trigger{align-items:center;background:#0000;border:none;border-radius:6px;color:#667eeacc;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 12px;position:relative;text-shadow:0 2px 4px #0000004d,0 1px 2px #667eea66;transition:all .3s ease;z-index:2002}.bound-tools-dropdown-trigger:hover{background:#ffffff0d;color:#667eea;text-shadow:0 3px 6px #0006,0 2px 4px #667eea99;transform:translateY(-1px)}.bound-tools-dropdown-menu{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #667eea33;border-radius:12px;box-shadow:0 8px 32px #0000001a,0 4px 16px #667eea1a;left:0;margin-top:4px;max-height:300px;min-width:200px;overflow-y:auto;position:absolute;top:100%;z-index:9999}.dropdown-tool-item{align-items:center;border-bottom:1px solid #667eea0d;cursor:pointer;display:flex;gap:10px;padding:10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.dropdown-tool-item:last-child{border-bottom:none}.dropdown-tool-item:hover{background:#667eea14;transform:translateX(2px)}.dropdown-tool-item .tool-icon{font-size:16px;opacity:.8}.dropdown-tool-item .tool-name{color:#555;font-size:13px;font-weight:500}.three-dot-menu-container{display:inline-block;margin-left:8px;position:relative;z-index:2001}.file-item:has(.three-dot-menu-container .three-dot-menu){z-index:10000}.file-item.menu-open{z-index:10000}.three-dot-menu-trigger{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:.6;padding:6px 8px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px;z-index:2002}.three-dot-menu-trigger:hover{background:#6c757d1a;opacity:1;transform:translateY(-1px) scale(1.05)}.three-dot-icon{color:#6c757db3;font-size:16px;font-weight:500;transition:color .2s ease}.three-dot-menu-trigger:hover .three-dot-icon{color:#6c757d}.three-dot-menu{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #6c757d33;border-radius:12px;box-shadow:0 8px 32px #0000001a,0 4px 16px #6c757d1a;margin-top:4px;min-width:130px;overflow:hidden;position:absolute;right:0;top:100%;z-index:9999}.three-dot-menu-item{border-bottom:1px solid #6c757d0d;color:#555;cursor:pointer;font-size:13px;font-weight:500;padding:10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.three-dot-menu-item:last-child{border-bottom:none}.three-dot-menu-item:hover{background:#007bff14;color:#007bff;transform:translateX(2px)}.three-dot-menu-item:first-child:hover{background:#28a74514;color:#28a745}.three-dot-menu-item:nth-child(2):hover{background:#ffc10714;color:#ffc107}.three-dot-menu-item:last-child:hover{background:#dc354514;color:#dc3545}.analyzing-spinner{animation:spin 1s linear infinite;display:inline-block;font-size:14px;margin-right:6px;opacity:.8}.bind-tools-modal .modal-content{scrollbar-gutter:stable both-edges!important}.tool-grid{min-height:200px}::-webkit-scrollbar{-webkit-appearance:none!important}.file-name .analyzing-spinner{color:#007bff;text-shadow:0 0 8px #007bff4d}.ai-workflow-framework{background-color:#f5f5f5;box-sizing:border-box;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:100vw;min-height:100vh;width:100%}.ai-workflow-framework *{box-sizing:border-box}.ai-workflow-framework .step-content *{word-wrap:break-word;max-width:100%}.workflow-tabs-navigation{background-color:#fff;border-right:1px solid #e0e0e0;box-shadow:2px 0 4px #0000001a;flex-shrink:0;padding:20px 0;width:200px}.tabs-header{border-bottom:1px solid #e0e0e0;margin-bottom:20px;padding:0 20px 20px}.tabs-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.tabs-list{gap:8px;padding:0 10px}.tab-button,.tabs-list{display:flex;flex-direction:column}.tab-button{align-items:flex-start;background-color:initial;border:none;border-radius:8px;cursor:pointer;padding:15px;text-align:left;transition:all .3s ease;width:100%}.tab-button:hover{background-color:#f0f7ff}.tab-button.active{background-color:#e3f2fd;border-left:4px solid #1976d2}.tab-title{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.tab-button.active .tab-title{color:#1976d2}.tab-subtitle{color:#666;font-size:12px}.tab-button.active .tab-subtitle{color:#1565c0}.tab-title{align-items:center;display:flex;gap:8px}.analysis-spinner{animation:spin 1s linear infinite;border:2px solid #e0e0e0;border-radius:50%;border-top-color:#1976d2;flex-shrink:0;height:16px;width:16px}.tab-button.has-analysis .tab-title{color:#1976d2;font-weight:700}.tab-button.has-analysis .tab-subtitle{color:#1565c0}.workflow-content-area{background-color:#fafafa;flex:1 1;max-width:calc(100vw - 250px);overflow-y:visible;padding:20px}.step-content,.workflow-content-area{box-sizing:border-box;height:auto;overflow-x:hidden}.step-content{margin:0 auto;max-width:960px;min-height:auto}.step-header{margin-bottom:30px}.step-header h2{color:#333;font-size:24px;font-weight:600;margin:0 0 8px}.step-header p{color:#666;font-size:14px;margin:0 0 12px}.project-context{align-items:center;display:flex;gap:12px;margin-top:8px}.project-badge{background-color:#e3f2fd;border-radius:12px;color:#1976d2;font-weight:500}.file-count,.project-badge{font-size:12px;padding:4px 8px}.file-count{background-color:#f5f5f5;border-radius:8px;color:#666}.tools-container{box-sizing:border-box;display:flex;flex-direction:column;gap:20px;max-width:100%}.material-collection-wrapper{box-sizing:border-box;max-width:100%;overflow-x:hidden}.tool-section{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;max-width:100%;padding:24px;transition:all .3s ease}.tool-section:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.tool-section h3{color:#333;font-size:16px;font-weight:600;margin:0 0 16px}.tool-section p{color:#666;font-size:14px;line-height:1.5;margin:0}.tool-section .file-upload-container{margin-top:12px}.material-preview{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.preview-info{margin-bottom:16px}.preview-info p{color:#333;font-weight:500;margin:0 0 4px}.isolation-notice{color:#666;display:block;font-style:italic}.empty-preview{background-color:#f9f9f9;border:2px dashed #ddd;border-radius:8px;color:#999;padding:40px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-preview p{color:#666;font-size:16px;font-weight:500;margin:0 0 8px}.empty-preview small{color:#999;line-height:1.4}.material-organization{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.organization-stats{grid-gap:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-top:16px}.stat-item{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;justify-content:space-between;padding:8px 12px}.stat-label{color:#666}.stat-value{color:#333;font-size:14px;font-weight:600}.organization-placeholder{color:#999;font-style:italic;margin:0}@media (max-width:768px){.ai-workflow-framework{flex-direction:column;height:auto}.workflow-tabs-navigation{height:auto;max-width:100vw;order:2;width:100%}.tabs-list{flex-direction:row;overflow-x:auto;padding:0 20px}.workflow-content-area{max-width:100vw;padding:15px}.step-content{max-width:100%;padding:0 10px}.tab-button{flex-shrink:0;min-width:120px}.workflow-content-area{order:1}}.analysis-results-section{margin-top:30px}.analysis-results-section h3{color:#333;font-size:18px;font-weight:600;margin-bottom:16px}.loading-state{align-items:center;color:#666;display:flex;justify-content:center;padding:40px}.empty-state{color:#999;padding:40px 20px}.empty-state h4{font-size:16px;font-weight:500;margin:0 0 8px}.empty-state p{margin:0}.cross-border-modules{display:flex;flex-direction:column;gap:24px;height:auto;max-height:none;min-height:auto;overflow-y:visible;padding:16px}.module-section{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;height:auto;min-height:auto;overflow:visible}.module-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 20px}.module-header h3{font-size:18px;font-weight:600;margin:0 0 8px}.module-header p{font-size:14px;margin:0;opacity:.9}.creative-connection-header{align-items:center;display:flex;justify-content:space-between;padding:16px 20px}.creative-connection-header .header-content{flex:1 1}.creative-connection-header .header-action{flex-shrink:0;margin-left:20px}.module-content{height:auto!important;max-height:none!important;min-height:400px;overflow:visible!important;padding:20px}.unified-pool-module{background-color:#fafafa;border:1px solid #e0e0e0!important;border-radius:8px!important;max-height:800px!important;min-height:600px!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:thin!important}.unified-pool-module::-webkit-scrollbar{width:8px!important}.unified-pool-module::-webkit-scrollbar-track{background:#f1f1f1!important;border-radius:4px!important}.unified-pool-module::-webkit-scrollbar-thumb{background:#c1c1c1!important;border-radius:4px!important}.unified-pool-module::-webkit-scrollbar-thumb:hover{background:#a8a8a8!important}.module-section .unified-pool-module{padding:0}.unified-pool-module>*{padding:20px}.creative-connection-module{background-color:#f8f9fa;border:1px solid #e0e0e0!important;border-radius:8px!important;height:auto!important;max-height:none!important;min-height:400px!important;overflow-x:hidden!important;overflow-y:visible!important;padding:0!important}.creative-connection-container{height:auto!important;max-height:none!important;min-height:auto!important;overflow:visible!important}.creative-connection-module::-webkit-scrollbar{width:8px!important}.creative-connection-module::-webkit-scrollbar-track{background:#f1f1f1!important;border-radius:4px!important}.creative-connection-module::-webkit-scrollbar-thumb{background:#c1c1c1!important;border-radius:4px!important}.creative-connection-module::-webkit-scrollbar-thumb:hover{background:#a8a8a8!important}.inspiration-generation-module{background-color:#f5f7fa;border:1px solid #e0e0e0!important;border-radius:8px!important;max-height:600px!important;min-height:400px!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:thin!important}.inspiration-generation-module::-webkit-scrollbar{width:8px!important}.inspiration-generation-module::-webkit-scrollbar-track{background:#f1f1f1!important;border-radius:4px!important}.inspiration-generation-module::-webkit-scrollbar-thumb{background:#c1c1c1!important;border-radius:4px!important}.inspiration-generation-module::-webkit-scrollbar-thumb:hover{background:#a8a8a8!important}.inspiration-report-content{background-color:#f8f9fa!important;border:1px solid #ddd!important;border-radius:6px!important;max-height:500px!important;overflow-x:hidden!important;overflow-y:scroll!important;padding:16px!important;scrollbar-width:thin!important}.inspiration-report-content::-webkit-scrollbar{width:12px!important}.inspiration-report-content::-webkit-scrollbar-track{background:#f1f1f1!important;border-radius:6px!important}.inspiration-report-content::-webkit-scrollbar-thumb{background:#888!important;border-radius:6px!important}.inspiration-report-content::-webkit-scrollbar-thumb:hover{background:#555!important}.inspiration-report-content table{border:1px solid #ddd!important;border-collapse:collapse!important;box-shadow:0 2px 4px #0000001a!important;font-size:.875rem!important;margin:16px 0!important;width:100%!important}.inspiration-report-content table td{border:1px solid #ddd!important;padding:8px 12px!important;vertical-align:top!important;white-space:pre-wrap!important}.inspiration-report-content table tr:nth-child(2n){background-color:#f9f9f9!important}.inspiration-report-content table tr:nth-child(odd){background-color:#fff!important}.inspiration-report-content table tr:hover{background-color:#f0f8ff!important}.inspiration-report-content h1,.inspiration-report-content h2,.inspiration-report-content h3,.inspiration-report-content h4{color:#1976d2!important;font-weight:700!important;margin-bottom:8px!important;margin-top:16px!important}.inspiration-report-content h3{font-size:1.1rem!important;margin-bottom:6px!important;margin-top:12px!important}.inspiration-report-content strong{color:#1976d2!important;font-weight:700!important}.inspiration-report-content em{color:#666!important;font-style:italic!important}.inspiration-report-content ol,.inspiration-report-content ul{margin-bottom:8px!important;margin-left:16px!important}.inspiration-report-content li{line-height:1.6!important;margin-bottom:4px!important}.inspiration-report-content code{background-color:#f5f5f5!important;border-radius:3px!important;font-family:monospace!important;font-size:.875em!important;padding:2px 4px!important}.inspiration-report-content blockquote{background-color:#f8f9fa!important;border-left:4px solid #1976d2!important;margin-bottom:8px!important;margin-left:8px!important;margin-top:8px!important;padding-left:16px!important}.creative-connection-placeholder,.inspiration-placeholder{color:#666;padding:40px 20px;text-align:center}.creative-connection-placeholder p,.inspiration-placeholder p{font-size:14px;margin:8px 0}.no-project-message{color:#999;font-style:italic;padding:40px 20px;text-align:center}.saved-reports-section h4{color:#333;font-size:16px;font-weight:600;margin:0 0 12px}.report-management-buttons{display:flex;flex-wrap:wrap;gap:8px}.btn-secondary{background-color:#f8f9fa;border:1px solid #ddd;border-radius:6px;color:#495057;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.btn-secondary:hover{background-color:#e9ecef;border-color:#adb5bd}.add-tool-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:12px;padding:16px}.current-tools-info{margin-bottom:16px}.tools-summary{margin-bottom:8px}.tools-count{background:#e9ecef;border-radius:4px;color:#495057;font-size:12px;font-weight:600;padding:4px 8px}.selected-tools-preview{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.tool-tag-mini{background:#007bff}.more-tools-indicator,.tool-tag-mini{border-radius:3px;color:#fff;font-size:11px;font-weight:500;padding:2px 6px}.more-tools-indicator{background:#6c757d}.manage-tools-btn{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .3s ease;width:100%}.manage-tools-btn:hover{background:linear-gradient(135deg,#218838,#1ca085);box-shadow:0 4px 12px #28a7454d;transform:translateY(-1px)}.add-tool-placeholder{background:#f8f9fa;border:1px dashed #dee2e6;border-radius:6px;color:#6c757d;font-style:italic;margin-top:12px;padding:20px;text-align:center}.material-organization-integrated{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;margin-bottom:16px;padding:12px}.organization-header h4{color:#856404;font-size:14px;font-weight:600;margin:0 0 10px}.organization-stats{display:flex;flex-wrap:wrap;gap:12px}.stat-item{align-items:center;background:#ffffffb3;border:1px solid #f5c6cb;border-radius:4px;display:flex;gap:4px;padding:4px 8px}.stat-label{color:#721c24;font-size:12px;font-weight:500}.stat-value{background:#fff;border:1px solid #ffeaa7;border-radius:3px;color:#856404;font-size:13px;font-weight:700;padding:2px 6px}.workflow-tool-selection{margin-top:20px}.tool-categories-collapsible{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px}.tool-category-collapsible{border-bottom:1px solid #e0e0e0}.tool-category-collapsible:last-child{border-bottom:none}.category-header{align-items:center;background:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.category-header:hover{background:#f8f9fa}.category-info{align-items:center;display:flex;gap:10px}.category-name{color:#333;font-size:14px;font-weight:600}.category-count{background:#e9ecef;border-radius:12px;color:#666;font-size:12px;padding:2px 8px}.expand-icon{color:#666;font-size:12px;transition:transform .2s ease}.expand-icon.expanded{transform:rotate(180deg)}.category-content{background:#f8f9fa;border-top:1px solid #e9ecef;padding:15px 20px}.tools-checkbox-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:200px;overflow-y:auto}.tool-checkbox-item{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px;transition:all .2s ease}.tool-checkbox-item:hover{background:#e3f2fd;border-color:#2196f3}.tool-checkbox-item input[type=checkbox]{cursor:pointer;margin:0}.tool-checkbox-item input[type=checkbox]:checked+.tool-checkbox-icon+.tool-checkbox-name{color:#1976d2;font-weight:500}.tool-checkbox-icon{font-size:16px}.tool-checkbox-name{color:#333;transition:color .2s ease}.selected-tools-summary{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:15px}.selected-tools-summary h5{color:#333;font-size:14px;font-weight:600;margin:0 0 10px}.selected-tools-list{display:flex;flex-wrap:wrap;gap:8px}.selected-tool-tag{align-items:center;background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:20px;color:#fff;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:6px 10px}.selected-tool-tag .remove-tool{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:18px;justify-content:center;transition:background .2s ease;width:18px}.selected-tool-tag .remove-tool:hover{background:#ffffff4d}.no-tools-selected{color:#666;font-style:italic;margin:0}.workflow-tools-context{align-items:center;display:flex;gap:15px;margin-top:10px}.workflow-badge{background:linear-gradient(135deg,#2196f3,#42a5f5);border-radius:20px;color:#fff;font-size:12px;font-weight:500;padding:6px 12px}.workflow-tools-info{background:#f8f9ff;border:1px solid #e3f2fd;border-radius:8px;margin:15px 0;padding:15px}.active-workflow-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.active-tool-badge{background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:12px;color:#fff;font-size:11px;font-weight:500;padding:4px 8px}.no-tools-selected-step2{align-items:center;display:flex;justify-content:center;min-height:300px}.empty-state{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;max-width:400px;padding:30px;text-align:center}.empty-state h4{color:#856404;font-size:18px;margin:0 0 15px}.empty-state p{color:#856404;font-size:14px;line-height:1.5;margin:0 0 20px}.back-to-step1-btn{background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.back-to-step1-btn:hover{box-shadow:0 4px 12px #ff6b354d;transform:translateY(-1px)}.step-navigation{-webkit-backdrop-filter:blur(30px) saturate(1.4);backdrop-filter:blur(30px) saturate(1.4);background:linear-gradient(135deg,#a0a0a040,#9696964d);border:1px solid #ffffff40;border-radius:16px;box-shadow:0 8px 32px #00000026,0 2px 8px #00000014,inset 0 1px 0 #fff3;margin-top:32px;padding:24px}.navigation-content{gap:20px;justify-content:space-between}.navigation-content,.step-info{align-items:center;display:flex}.step-info{color:#ffffffe6;gap:12px}.current-step{background:linear-gradient(135deg,#00d4ff26,#00b4dc33);border:1px solid #00d4ff4d;border-radius:20px;color:#00d4ff;font-size:16px;font-weight:700;padding:6px 12px}.step-title{color:#fffffff2;font-size:18px;font-weight:600}.step-progress{color:#ffffffb3;font-size:14px;font-weight:500}.navigation-buttons{gap:16px}.nav-btn,.navigation-buttons{align-items:center;display:flex}.nav-btn{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#00d4ff33,#00b4dc4d);border:1px solid #00d4ff80;border-radius:10px;color:#00d4ff;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.nav-btn:hover{background:linear-gradient(135deg,#00d4ff4d,#00b4dc66);border-color:#00d4ff;box-shadow:0 6px 20px #00d4ff40;transform:translateY(-2px)}.nav-btn:active{transform:translateY(0)}.nav-btn.previous{background:linear-gradient(135deg,#a0a0a033,#8c8c8c4d);border-color:#a0a0a080;color:#fffc}.nav-btn.previous:hover{background:linear-gradient(135deg,#a0a0a04d,#8c8c8c66);border-color:#a0a0a0b3;box-shadow:0 6px 20px #00000026;color:#fffffff2}@media (max-width:768px){.navigation-content{flex-direction:column;gap:16px;text-align:center}.nav-btn,.navigation-buttons{justify-content:center}.nav-btn{min-width:140px}}.step-content-single-analysis .file-centric-section{background:linear-gradient(135deg,#f8fbff,#f0f8ff);border:2px solid #e1f5fe;border-radius:16px;box-shadow:0 8px 32px #42a5f51a;margin-bottom:24px;padding:24px}.step-content-single-analysis .file-centric-section h3{align-items:center;color:#1565c0;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 20px}.step-content-single-analysis .file-centric-section .file-selection-dropdown{margin-bottom:20px}.step-content-single-analysis .file-centric-section .dropdown-label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.step-content-single-analysis .file-centric-section .file-selector-dropdown{background:#fff;border:2px solid #e1f5fe;border-radius:12px;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.step-content-single-analysis .file-centric-section .file-selector-dropdown:focus{border-color:#42a5f5;box-shadow:0 0 0 3px #42a5f51a;outline:none}.step-content-single-analysis .file-centric-section .file-selector-dropdown:hover{border-color:#90caf9}.step-content-single-analysis .file-centric-section .selected-file-info{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000000d;overflow:hidden}.step-content-single-analysis .file-centric-section .file-info-card{padding:20px}.step-content-single-analysis .file-centric-section .file-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.step-content-single-analysis .file-centric-section .file-icon{align-items:center;background:#42a5f51a;border-radius:8px;display:flex;font-size:24px;height:32px;justify-content:center;width:32px}.step-content-single-analysis .file-centric-section .file-name{color:#333;flex:1 1;font-size:16px;font-weight:600}.step-content-single-analysis .file-centric-section .file-details{color:#666;display:flex;font-size:13px;gap:16px;margin-bottom:16px}.step-content-single-analysis .file-centric-section .bound-tools-info{border-top:1px solid #f0f0f0;padding-top:16px}.step-content-single-analysis .file-centric-section .tools-preview .tools-count{color:#1565c0;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.step-content-single-analysis .file-centric-section .tools-list{display:flex;flex-wrap:wrap;gap:8px}.step-content-single-analysis .file-centric-section .tool-badge{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;border-radius:20px;color:#1565c0;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;white-space:nowrap}.step-content-single-analysis .file-centric-section .no-tools-warning{align-items:center;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:1px solid #ffcc02;border-radius:8px;color:#e65100;display:flex;font-size:14px;gap:8px;padding:12px 16px}.step-content-single-analysis .file-centric-section .warning-icon{font-size:16px}.step-content-single-analysis .file-centric-section .select-file-prompt{background:linear-gradient(135deg,#fafafa,#f0f0f0);border:2px dashed #ccc;border-radius:16px;padding:60px 20px;text-align:center}.step-content-single-analysis .file-centric-section .prompt-icon{font-size:48px;margin-bottom:16px;opacity:.6}.step-content-single-analysis .file-centric-section .select-file-prompt h4{color:#666;font-size:18px;margin:0 0 8px}.step-content-single-analysis .file-centric-section .select-file-prompt p{color:#999;font-size:14px;line-height:1.5;margin:0}.step-content-single-analysis .active-tool-badge{align-items:center;background:linear-gradient(135deg,#4fc3f7,#29b6f6);border:1px solid #0288d1;border-radius:24px;box-shadow:0 4px 12px #4fc3f74d;color:#fff;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.step-content-single-analysis .active-tool-badge:hover{box-shadow:0 6px 20px #4fc3f766;transform:translateY(-2px)}.step-content-single-analysis .tools-filter-notice{background:linear-gradient(135deg,#f1f8ff,#e3f2fd);border:1px solid #90caf9;border-radius:8px;color:#1565c0;font-size:14px;font-weight:500;margin:16px 0;padding:12px 16px}.template-management-section{background:linear-gradient(135deg,#f8f9ff,#e8f4fd);border:1px solid #d1e7ff;border-radius:12px;margin-top:16px;padding:20px}.template-management-section h4{align-items:center;color:#1565c0;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 16px}.template-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.template-load-btn,.template-manage-btn,.template-save-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.template-save-btn{background:linear-gradient(135deg,#4fc3f7,#29b6f6);border:1px solid #29b6f6;color:#fff}.template-save-btn:hover{background:linear-gradient(135deg,#29b6f6,#0288d1);box-shadow:0 4px 12px #29b6f64d;transform:translateY(-2px)}.template-load-btn{background:linear-gradient(135deg,#66bb6a,#4caf50);border:1px solid #4caf50;color:#fff}.template-load-btn:hover{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.template-manage-btn{background:linear-gradient(135deg,#ff9800,#f57c00);border:1px solid #f57c00;color:#fff}.template-manage-btn:hover{background:linear-gradient(135deg,#f57c00,#ef6c00);box-shadow:0 4px 12px #ff98004d;transform:translateY(-2px)}.template-info{background:#ffffffb3;border-left:4px solid #29b6f6;border-radius:8px;padding:12px 16px}.template-info p{color:#555;font-size:14px;line-height:1.4;margin:4px 0}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.template-modal{max-width:700px}.modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{font-size:18px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:background-color .2s;width:32px}.modal-close:hover{background-color:#fff3}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.modal-actions{background-color:#fafafa;border-top:1px solid #e5e5e5;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.template-save-section .template-file-info{background:#f8f9ff;border-left:4px solid #667eea;border-radius:8px;margin-bottom:20px;padding:16px}.template-save-section .template-file-info h4{color:#333;font-size:16px;margin:0 0 8px}.template-save-section .template-file-info p{color:#555;margin:4px 0}.template-name-input{margin-bottom:20px}.template-name-input label{color:#333;display:block;font-weight:600;margin-bottom:8px}.template-name-input input{border:2px solid #e5e5e5;border-radius:8px;font-size:16px;padding:12px 16px;transition:border-color .2s;width:100%}.template-name-input input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.template-description{background:#f0f9ff;border-left:4px solid #0ea5e9;border-radius:8px;padding:16px}.template-description p{color:#0369a1;font-size:14px;margin:4px 0}.template-load-section .template-file-info{background:#f0f9f0;border-left:4px solid #059669;border-radius:8px;margin-bottom:20px;padding:16px}.available-templates h4{color:#333;margin:0 0 16px}.templates-list{display:flex;flex-direction:column;gap:12px}.template-item{align-items:center;background:#f8f9fa;border:1px solid #e5e5e5;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s}.template-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.template-item .template-info h5{color:#333;font-size:16px;margin:0 0 4px}.template-item .template-info p{color:#666;font-size:13px;margin:2px 0}.load-template-btn{background:linear-gradient(135deg,#059669,#047857);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s;white-space:nowrap}.load-template-btn:hover{box-shadow:0 4px 8px #0596694d;transform:translateY(-1px)}.no-templates{color:#666;font-style:italic;padding:20px;text-align:center}.template-manage-section h4{color:#333;margin:0 0 20px}.all-templates-list{display:flex;flex-direction:column;gap:20px}.template-group{border:1px solid #e5e5e5;border-radius:8px;overflow:hidden}.template-group h5{background:#f8f9fa;border-bottom:1px solid #e5e5e5;color:#555;font-size:14px;margin:0;padding:12px 16px}.template-group-items{display:flex;flex-direction:column;gap:12px;padding:16px}.template-manage-item{align-items:center;background:#fafafa;border:1px solid #e5e5e5;border-radius:6px;display:flex;justify-content:space-between;padding:12px 16px}.template-manage-item .template-info h6{align-items:center;color:#333;display:flex;flex-wrap:wrap;font-size:14px;gap:8px;margin:0 0 4px}.default-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:10px;font-weight:500;gap:2px;padding:2px 6px}.default-badge.file-default{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.default-badge.type-default{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.template-manage-item .template-info p{color:#666;font-size:12px;margin:2px 0}.delete-template-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.delete-template-btn:hover{box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.template-manage-item .template-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.set-default-btn,.set-type-default-btn{background:#f8f9fa;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;cursor:pointer;font-size:11px;padding:4px 8px;transition:all .2s;white-space:nowrap}.set-default-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;color:#fff}.set-type-default-btn:hover{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#d97706;color:#fff}.set-default-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;color:#fff}.set-type-default-btn.active{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#d97706;color:#fff}.template-source-badge{border-radius:8px;font-size:10px;font-weight:500;margin-left:8px;padding:2px 6px}.template-source-badge.file-template{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.template-source-badge.type-template{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.template-source-badge.type-default-template{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.template-item.file-type-template{border-left:4px solid #8b5cf6}.template-item.exact-file-template{border-left:4px solid #10b981}.compatibility-info{color:#8b5cf6!important;font-size:11px!important;font-weight:500}.template-help{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:20px;padding:16px}.template-help h4{color:#334155;font-size:14px;margin:0 0 12px}.template-help-content{display:flex;flex-direction:column;gap:8px}.help-item{align-items:flex-start;display:flex;gap:8px}.help-item p{color:#64748b;font-size:12px;line-height:1.4;margin:0}.help-badge{border-radius:8px;font-size:10px;font-weight:500;margin-top:1px;padding:2px 6px;white-space:nowrap}.help-badge.file-template{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.help-badge.type-template{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.help-badge.type-default-template{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.help-note{background:#eff6ff;border-left:3px solid #3b82f6;border-radius:6px;margin-top:8px;padding:8px}.help-note p{color:#1e40af;font-size:11px;margin:0}.manage-help{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:16px}.default-template-help h5{color:#334155;font-size:13px;margin:0 0 12px}.help-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:600px){.help-grid{grid-template-columns:1fr}}.help-grid .help-item{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.help-grid .help-badge{align-self:flex-start}.help-grid .help-item p{color:#64748b;font-size:11px;line-height:1.3}.cancel-btn,.close-btn{background:#f5f5f5;border:1px solid #e5e5e5;border-radius:6px;color:#666;cursor:pointer;padding:10px 20px;transition:all .2s}.cancel-btn:hover,.close-btn:hover{background:#ebebeb;color:#333}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.save-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.music-generation-container{display:flex;flex-direction:column;gap:20px;max-width:100%;overflow:hidden}.music-workflow-info{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-top:10px}.music-workflow-info .workflow-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:6px 12px;white-space:nowrap}.music-workflow-info .analysis-status{background:#e8f5e8;border:1px solid #4caf50;border-radius:20px;color:#2e7d32;font-size:12px;font-weight:600;padding:6px 12px}.analysis-report-preview{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-bottom:20px;padding:20px}.analysis-report-preview h3{color:#495057;font-size:18px;font-weight:600;margin:0 0 15px}.report-preview-content{background:#fff;border-left:4px solid #667eea;border-radius:8px;padding:15px}.report-preview-content p{color:#6c757d;font-size:14px;line-height:1.6;margin:0 0 10px}.report-stats{color:#888;display:flex;font-size:12px;gap:20px;margin-top:10px}.report-stats span{background:#f1f3f4;border-radius:4px;padding:4px 8px}.lyria-controller-section{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:20px}.lyria-controller-section h3{color:#495057;font-size:18px;font-weight:600;margin:0 0 10px}.lyria-controller-section p{color:#6c757d;font-size:14px;margin:0 0 20px}.generated-music-section{background:linear-gradient(135deg,#e8f5e8,#f1f8ff);border:1px solid #4caf50;border-radius:12px;margin-top:20px;padding:20px}.generated-music-section h3{color:#2e7d32;font-size:18px;font-weight:600;margin:0 0 15px}.music-results{display:flex;flex-direction:column;gap:15px}.music-info{background:#fff;border-left:4px solid #4caf50;border-radius:8px;padding:15px}.music-info p{color:#555;font-size:14px;margin:5px 0}.music-player{background:#fff;border-radius:8px;padding:15px;text-align:center}.music-player audio{max-width:400px;width:100%}.generation-status{background:linear-gradient(135deg,#fff3e0,#e3f2fd);border:1px solid #ff9800;border-radius:12px;margin-top:20px;padding:20px;text-align:center}.status-indicator{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:10px}.status-indicator .spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#ff9800;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.status-indicator span{color:#e65100;font-size:16px;font-weight:600}.generation-status p{color:#bf360c;font-size:14px;margin:0}.no-analysis-report{background:#fff8e1;border:1px solid #ffb300;border-radius:12px;padding:30px;text-align:center}.no-analysis-report .empty-state h4{color:#e65100;font-size:18px;margin:0 0 15px}.no-analysis-report .empty-state p{color:#bf360c;font-size:14px;line-height:1.6;margin:0 0 15px}.no-analysis-report .empty-state ul{color:#bf360c;margin:0 auto 20px;max-width:400px;text-align:left}.no-analysis-report .empty-state li{font-size:14px;margin:8px 0}.action-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.back-to-step3-btn,.refresh-report-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.back-to-step3-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.refresh-report-btn{background:#f57c00;color:#fff}.back-to-step3-btn:hover,.refresh-report-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.step-navigation .nav-btn.next:disabled{background:#e0e0e0;color:#9e9e9e;cursor:not-allowed;transform:none}.step-navigation .nav-btn.next:disabled:hover{box-shadow:none;transform:none}.chunked-uploader{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;margin:10px 0;padding:15px}.upload-status{color:#333;font-size:14px;margin-bottom:10px}.video-processing-manager{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;margin:10px 0;padding:15px;width:100%}.processing-status{margin-bottom:10px;text-align:left}.processing-status h4{color:#333;font-size:16px;margin:0 0 10px}.processing-status.success{background-color:#e8f5e9;border-left:4px solid #4caf50;padding:15px}.processing-status.success h4{color:#4caf50}.processing-status.error{background-color:#ffebee;border-left:4px solid #f44336;padding:15px}.processing-status.error h4{color:#f44336}.progress-container{background-color:#e0e0e0;border-radius:4px;height:20px;margin-bottom:5px;overflow:hidden;position:relative}.progress-bar{background-color:#2196f3;border-radius:10px;height:100%;left:0;position:absolute;top:0;transition:width .3s ease}.progress-text{color:#fff;font-size:12px;font-weight:700;line-height:20px;position:absolute;text-align:center;text-shadow:0 0 3px #00000080;width:100%}.processing-note{color:#666;font-size:12px;font-style:italic;margin-top:5px}.retry-button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:6px 12px}.retry-button:hover{background-color:#1976d2}