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,#667eea,#764ba2);min-height:100vh;padding:2rem}.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:flex-start;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;box-shadow:0 4px 16px #4f46e533;color:#fff;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.header-main h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.header-main p{font-size:1.1rem;margin:0;opacity:.9}.header-actions,.project-actions{align-items:center;display:flex;gap:1rem}.project-actions{flex-wrap:wrap;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;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}.project-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:1.5rem;position:relative;transition:all .3s ease}.project-card:hover{border-color:#4f46e5;box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.project-card.selected{background:#f8fafc;border-color:#4f46e5;box-shadow:0 4px 20px #4f46e533}.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;text-align:center}.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{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;margin:1rem;max-width:500px;padding:2rem;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.modal-title{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;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{display:flex;gap:1rem;justify-content:flex-end;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)}.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{align-items:center;border-bottom:2px solid #e2e8f0;color:#2d3748;display:flex;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}}.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;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0;color:#fff;padding:20px;text-align:center}.modal-header h3{font-size:1.4rem;font-weight:600;margin:0}.modal-body{padding:24px}.modal-message{color:#333;font-size:1.1rem;margin-bottom:16px;text-align:center}.duplicate-files-list{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;margin:16px 0;max-height:200px;overflow-y:auto;padding:16px}.duplicate-file-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:6px;display:flex;margin:4px 0;padding:8px}.file-icon{font-size:1.2rem;margin-right:12px}.file-name{color:#495057;font-family:Courier New,monospace;font-size:.95rem}.modal-question{color:#333;font-size:1.1rem;font-weight:500;margin:20px 0 16px;text-align:center}.replacement-options{background:#f8f9fa;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:#495057;font-size:.95rem}.modal-footer{border-top:1px solid #dee2e6;gap:12px;padding:20px 24px}.btn,.modal-footer{display:flex;justify-content:center}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;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{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;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;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;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;border-radius:6px;cursor:pointer;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;color:#fff}.save-btn:hover{background:#27ae60;box-shadow:0 4px 8px #2ecc714d;transform:translateY(-1px)}.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}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.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{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;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;display:flex;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:12px!important;overflow:hidden!important;transition:all .3s ease!important}.unified-file-card:hover{box-shadow:0 8px 24px #0000001f!important;transform:translateY(-2px)}.unified-file-card .MuiCardContent-root{padding:16px!important}.unified-file-card .MuiCardContent-root:last-child{padding-bottom:16px!important}.unified-file-card h6{color:#2c3e50;font-size:1.1rem}.unified-file-card .MuiChip-root{font-weight:500}.unified-file-card .MuiChip-outlined{border-color:#0003}.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{font-weight:600;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-actions,.file-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{align-items:center;color:#333;color:var(--text-primary,#333);display:flex;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{align-items:center;display:flex;gap:8px}.file-name{color:#e65100;flex:1 1;font-size:14px;font-weight:500}.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{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.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;font-weight:600;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}.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;border:none;border-radius:8px;color:#718096;cursor:pointer;display:flex;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-title{font-weight:600}.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{display:flex;flex-wrap:wrap;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{align-items:center;display:flex;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;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#2d3748;font-size:18px;font-weight:700}@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%}}.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-size:18px;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{align-items:center;color:#666;color:var(--text-secondary,#666);display:flex;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;width:100%}.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;font-weight:600;padding:4px 8px}.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)}}.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}