.voice-upload-container{padding:24px}.upload-section{margin-bottom:24px}.file-upload-area{border:2px dashed #ccc;border-radius:8px;padding:24px;text-align:center;margin:16px 0;transition:border-color .3s ease}.file-upload-area:hover{border-color:#1976d2;background-color:#f5f5f5}.file-upload-area.dragover{border-color:#1976d2;background-color:#e3f2fd}.selected-files{margin:16px 0}.file-chip{margin:4px}.queue-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:24px}.queue-section{padding:16px;border-radius:8px;background-color:#fafafa}.processing-section{border-left:4px solid #1976d2}.waiting-section{border-left:4px solid #ff9800}.completed-section{border-left:4px solid #4caf50}.failed-section{border-left:4px solid #f44336}.queue-list{max-height:300px;overflow-y:auto}.queue-item{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid #e0e0e0}.queue-item:last-child{border-bottom:none}.file-info{flex:1;margin-left:8px}.file-name{font-weight:500;margin-bottom:4px}.file-status{font-size:.875rem;color:#666}.status-icon{margin-right:8px}.action-buttons{display:flex;gap:8px}.summary-section{margin-top:24px;padding:16px;background-color:#e3f2fd;border-radius:8px}.upload-progress{margin:16px 0}@media (max-width: 768px){.voice-upload-container{padding:16px}.queue-status-grid{grid-template-columns:1fr}.queue-item{flex-direction:column;align-items:flex-start}.action-buttons{margin-top:8px;width:100%;justify-content:flex-end}}.loading{opacity:.6;pointer-events:none}.error-message{color:#f44336;font-size:.875rem;margin-top:8px}.success-message{color:#4caf50;font-size:.875rem;margin-top:8px}.file-type-icon{margin-right:8px}.drag-active{background-color:#e3f2fd!important;border-color:#1976d2!important}.status-transition{transition:all .3s ease}.queue-position{background-color:#ff9800;color:#fff;border-radius:12px;padding:2px 8px;font-size:.75rem;margin-left:8px}.processing-indicator{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}: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%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#fff;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9;color:#213547}}#root{width:100%;margin:0;padding:0;text-align:left}html,body,#root{height:100%}