.video-upload h3{margin-bottom:1rem;color:#fff;font-size:1.3rem}.upload-area{border:2px dashed rgba(255,255,255,.3);border-radius:15px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#ffffff0d}.upload-area:hover,.upload-area.drag-active{border-color:#4ecdc4;background:#4ecdc41a;transform:scale(1.02)}.upload-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.upload-icon{font-size:3rem;margin-bottom:.5rem}.upload-area p{color:#fffc;margin:0}.upload-hint{font-size:.9rem;color:#fff9!important}.video-preview{display:flex;flex-direction:column;gap:1rem;align-items:center}.preview-video{width:100%;max-width:300px;border-radius:10px;box-shadow:0 4px 15px #0000004d}.change-video-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:25px;cursor:pointer;transition:all .3s ease}.change-video-btn:hover{background:#fff3;transform:translateY(-1px)}.tone-selector h3{margin-bottom:1rem;color:#fff;font-size:1.3rem}.tone-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.tone-option{display:flex;align-items:center;gap:.8rem;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease}.tone-option:hover{background:#ffffff1a;transform:translateY(-2px)}.tone-option.selected{background:#4ecdc433;border-color:#4ecdc4;box-shadow:0 0 20px #4ecdc44d}.tone-icon{font-size:1.5rem;min-width:2rem;text-align:center}.tone-info{flex:1}.tone-label{font-weight:600;color:#fff;margin-bottom:.2rem}.tone-description{font-size:.8rem;color:#ffffffb3}@media (max-width: 480px){.tone-grid{grid-template-columns:1fr}}.context-input h3{margin-bottom:1rem;color:#fff;font-size:1.3rem}.context-textarea{width:100%;padding:1rem;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff0d;color:#fff;font-family:inherit;font-size:.95rem;resize:vertical;transition:all .3s ease}.context-textarea::placeholder{color:#ffffff80}.context-textarea:focus{outline:none;border-color:#4ecdc4;background:#ffffff1a;box-shadow:0 0 20px #4ecdc433}.context-hint{margin-top:.5rem;font-size:.85rem;color:#ffffffb3;text-align:center;font-style:italic}.generation-results h3{margin-bottom:1.5rem;color:#fff;font-size:1.3rem}.results-placeholder{display:flex;align-items:center;justify-content:center;min-height:300px}.placeholder-content{text-align:center;color:#ffffffb3}.placeholder-icon{font-size:4rem;margin-bottom:1rem}.generating-indicator{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:#4ecdc41a;border-radius:15px;border:1px solid rgba(78,205,196,.3)}.loading-spinner{width:40px;height:40px;border:3px solid rgba(78,205,196,.3);border-top:3px solid #4ecdc4;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-results{text-align:center;color:#ffffffb3;padding:2rem}.results-list{display:flex;flex-direction:column;gap:1.5rem}.result-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:1.5rem;transition:all .3s ease}.result-card:hover{background:#ffffff14;transform:translateY(-2px)}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.result-timestamp{color:#fff9;font-size:.9rem}.copy-btn{background:linear-gradient(45deg,#4ecdc4,#44a08d);color:#fff;border:none;padding:.5rem 1rem;border-radius:20px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.copy-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #4ecdc44d}.copy-btn.copied{background:linear-gradient(45deg,#4caf50,#45a049)}.result-content{display:flex;flex-direction:column;gap:1.5rem}.caption-section,.hashtags-section{background:#ffffff08;padding:1rem;border-radius:10px}.caption-section h4,.hashtags-section h4{color:#fff;margin-bottom:.8rem;font-size:1.1rem}.caption-text{color:#ffffffe6;line-height:1.6;margin-bottom:1rem;font-style:italic}.hashtags-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.hashtag{background:#4ecdc433;color:#4ecdc4;padding:.3rem .8rem;border-radius:15px;font-size:.9rem;font-weight:500}.copy-section-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:.4rem .8rem;border-radius:15px;cursor:pointer;font-size:.8rem;transition:all .3s ease}.copy-section-btn:hover{background:#fff3;transform:translateY(-1px)}.caption-generator{width:100%;max-width:1000px}.generator-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2)}.input-section{display:flex;flex-direction:column;gap:1.5rem}.generate-btn{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);color:#fff;border:none;padding:1rem 2rem;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}.generate-btn:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.generate-btn.disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{background:#ff6b6b33;color:#ff6b6b;padding:1rem;border-radius:10px;border:1px solid rgba(255,107,107,.3);text-align:center}.results-section{display:flex;flex-direction:column;gap:1rem}@media (max-width: 768px){.generator-container{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}}.app{max-width:1200px;margin:0 auto;padding:0 1rem}.app-header{margin-bottom:3rem;text-align:center}.app-header h1{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-header p{font-size:1.2rem;color:#fffc;max-width:600px;margin:0 auto;line-height:1.6}main{display:flex;justify-content:center;align-items:flex-start}@media (max-width: 768px){.app-header h1{font-size:2rem}.app-header p{font-size:1rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}#root{width:100%;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}body{background:linear-gradient(135deg,#f093fb,#f5576c)}}