.app{min-height:100vh}.header{text-align:center;color:#fff;margin-bottom:30px;padding:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;box-shadow:0 8px 32px #1f26875e}.header h1{font-size:2.5rem;margin-bottom:10px}.header p{font-size:1.1rem;opacity:.9}.container{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 968px){.container{grid-template-columns:1fr}}.main-section{background:#fff;padding:25px;border-radius:15px;box-shadow:0 8px 32px #1f26875e}.history-section{background:#fff;padding:25px;border-radius:15px;box-shadow:0 8px 32px #1f26875e;max-height:80vh;overflow-y:auto}.history-section h2{margin-bottom:15px;color:#333}.input-section{margin-bottom:20px}.input-section label{display:block;margin-bottom:8px;font-weight:600;color:#333}.input-group{display:flex;gap:10px}.input-group input{flex:1;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s}.input-group input:focus{outline:none;border-color:#667eea}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-fetch{background:#667eea;color:#fff}.btn-fetch:hover:not(:disabled){background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-download{background:#48bb78;color:#fff;width:100%;margin-top:15px}.btn-download:hover:not(:disabled){background:#38a169;transform:translateY(-2px);box-shadow:0 4px 12px #48bb7866}.btn-refresh{background:#4299e1;color:#fff;margin-bottom:15px}.btn-refresh:hover{background:#3182ce}.btn-download-file{display:inline-block;background:#ed8936;color:#fff;text-decoration:none;padding:8px 16px;border-radius:6px;font-size:.9rem;margin-top:10px;transition:all .3s}.btn-download-file:hover{background:#dd6b20;transform:translateY(-2px)}.video-info{background:#f7fafc;padding:20px;border-radius:10px;margin-bottom:20px;border:2px solid #e2e8f0}.video-info h3{margin-bottom:15px;color:#2d3748}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.info-grid div{padding:8px;background:#fff;border-radius:6px}.thumbnail{max-width:100%;border-radius:8px;margin-top:10px;box-shadow:0 4px 8px #0000001a}.format-selector{margin-top:20px;padding-top:20px;border-top:2px solid #e2e8f0}.format-selector h4{margin-bottom:15px;color:#2d3748;font-size:1.1rem}.format-options{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto;padding-right:5px}.format-option{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .3s}.format-option:hover{border-color:#667eea;background:#f7fafc}.format-option input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:#667eea}.format-option input[type=radio]:checked+.format-details{color:#667eea}.format-details{flex:1;display:flex;flex-direction:column;gap:4px}.format-details strong{color:#2d3748;font-size:1rem}.format-meta{color:#718096;font-size:.85rem}.format-warning{padding:12px;background:#fff5e6;border:2px solid #ffc107;border-radius:8px;color:#856404;margin-top:10px;font-size:.9rem}.download-section{margin-bottom:20px}.output-section{margin-top:20px}.output-section label{display:block;margin-bottom:8px;font-weight:600;color:#333}.output-textarea{width:100%;min-height:200px;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-family:Courier New,monospace;font-size:.9rem;resize:vertical;background:#1a202c;color:#a0aec0}.output-textarea:focus{outline:none;border-color:#667eea}.history-list{display:flex;flex-direction:column;gap:15px}.history-item{background:#f7fafc;padding:15px;border-radius:10px;border:2px solid #e2e8f0;transition:all .3s}.history-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33}.history-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:10px}.history-header h4{color:#2d3748;flex:1;margin-right:10px}.history-date{color:#718096;font-size:.85rem;white-space:nowrap}.history-details{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;font-size:.9rem}.history-details div{color:#4a5568}.no-history{text-align:center;color:#718096;padding:40px;font-style:italic}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}#root{max-width:1200px;margin:0 auto}