.timestamp{color:#6b7280;font-size:.85em;margin-right:8px}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#4a9eff;animation:spin 1s ease-in-out infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin:15px 0}.progress-fill{height:100%;background:linear-gradient(90deg,#4a9eff,#6366f1);border-radius:4px;transition:width .3s ease}.progress-message.batch{background:#6366f11a;border-left:3px solid #6366f1}.progress-message.stats{background:#8b5cf61a;border-left:3px solid #8b5cf6}@media (max-width: 640px){.progress-message{font-size:13px;padding:6px 10px}.timestamp{display:none}}.tooltip{position:relative;display:inline-block}.tooltip:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:1000;margin-bottom:5px}.error-details{margin-top:10px;padding:10px;background:#ef44440d;border-radius:6px;font-size:12px;font-family:monospace;max-height:100px;overflow-y:auto}.error-toggle{background:none;border:none;color:#ef4444;cursor:pointer;font-size:12px;margin-top:5px;text-decoration:underline}@keyframes success-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.download-section{animation:success-pulse .6s ease-out}@media (prefers-color-scheme: dark){.progress-window{background:#000000e6}.url-input{background:#ffffff14}.url-input:focus{background:#ffffff1f}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#e0e0e0;min-height:100vh;line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:20px;flex:1}.title{text-align:center;margin-bottom:40px;color:#fff;font-size:2.5rem;font-weight:300;letter-spacing:-.5px}.subtitle{text-align:center;color:#a0a0a0;font-size:1.1rem;margin-bottom:40px}.input-section{background:#ffffff0d;border-radius:16px;padding:30px;margin-bottom:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.input-group{display:flex;gap:15px;margin-bottom:20px}.url-input{flex:1;padding:15px 20px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:16px;transition:all .3s ease}.url-input:focus{outline:none;border-color:#4a9eff;background:#ffffff26;box-shadow:0 0 20px #4a9eff4d}.url-input::placeholder{color:#a0a0a0}.compile-btn{padding:15px 30px;background:linear-gradient(135deg,#4a9eff,#6366f1);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px}.compile-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #4a9eff66}.compile-btn:disabled{background:#666;cursor:not-allowed;transform:none;box-shadow:none}.status-indicator{display:flex;align-items:center;gap:10px;margin-bottom:20px}.status-dot{width:12px;height:12px;border-radius:50%;animation:pulse 2s infinite}.status-dot.waiting{background:#fbbf24}.status-dot.processing{background:#10b981}.status-dot.completed{background:#3b82f6}.status-dot.failed{background:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.progress-window{background:#000c;border-radius:16px;padding:20px;max-height:500px;overflow-y:auto;border:1px solid rgba(255,255,255,.1);font-family:Monaco,Menlo,Ubuntu Mono,monospace}.progress-window h3{color:#4a9eff;margin-bottom:15px;font-size:1.2rem}.progress-messages{display:flex;flex-direction:column;gap:8px}.progress-message{padding:8px 12px;border-radius:8px;font-size:14px;line-height:1.4;word-wrap:break-word}.progress-message.info{background:#4a9eff1a;border-left:3px solid #4a9eff;color:#e0e0e0}.progress-message.success{background:#10b9811a;border-left:3px solid #10b981;color:#e0e0e0}.progress-message.error{background:#ef44441a;border-left:3px solid #ef4444;color:#fecaca}.progress-message.warning{background:#fbbf241a;border-left:3px solid #fbbf24;color:#fde68a}.stats-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin:20px 0}.stat-item{background:#ffffff0d;padding:15px;border-radius:12px;text-align:center;border:1px solid rgba(255,255,255,.1)}.stat-value{font-size:1.5rem;font-weight:600;color:#4a9eff;margin-bottom:5px}.stat-label{font-size:.9rem;color:#a0a0a0}.download-section{background:#10b9811a;border:2px solid #10b981;border-radius:16px;padding:20px;text-align:center;margin-top:20px}.download-btn{padding:15px 30px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.download-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #10b98166}.queue-info{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:12px;padding:15px;margin-bottom:20px;text-align:center}.queue-position{font-size:1.2rem;font-weight:600;color:#fbbf24;margin-bottom:5px}.queue-message{color:#a0a0a0;font-size:.9rem}@media (max-width: 768px){.container{padding:15px}.title{font-size:2rem}.input-group{flex-direction:column;gap:10px}.compile-btn{width:100%}.stats-display{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-display{grid-template-columns:1fr}.progress-window{max-height:300px}}.progress-window::-webkit-scrollbar{width:8px}.progress-window::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.progress-window::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.progress-window::-webkit-scrollbar-thumb:hover{background:#ffffff80}