.youtube-preview{background:#fff;border-radius:16px;max-width:900px;margin:2rem auto;padding:0;overflow:hidden;box-shadow:0 4px 20px #00000026}.preview-container{flex-direction:column;gap:0;display:flex}.media-container{background:#000;width:100%;position:relative}.thumbnail-container{aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden}.video-thumbnail{object-fit:contain;width:100%;height:100%;display:block}.duration-badge{color:#fff;background:#000000d9;border-radius:4px;padding:6px 10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.875rem;font-weight:600;position:absolute;bottom:12px;right:12px}.play-overlay{cursor:pointer;opacity:.9;background:#ff0000e6;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-overlay:hover{opacity:1;background:red;transform:translate(-50%,-50%)scale(1.1)}.play-icon{color:#fff;margin-left:4px;font-size:32px}.video-player{background:#000;width:100%;height:auto;display:block}.video-details{background:#fff;border-bottom:1px solid #f0f0f0;flex-direction:column;gap:0;padding:20px;display:flex}.video-title{color:#030303;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.video-author{color:#606060;margin:0 0 12px;font-size:.9rem;font-weight:500}.description-container{background:#f9f9f9;border-radius:8px;max-height:120px;margin-top:8px;padding:12px;overflow-y:auto}.video-description{color:#030303;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.download-section{background:#fff;justify-content:center;align-items:center;width:100%;padding:20px;display:flex}.format-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' fill-opacity='.2' d='M2 0L0 2h4zm0 5L0 3h4z'%3E%3C/path%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:8px 10px;border:1px solid #ccc;border-radius:5px;width:250px;margin-right:10px;padding:10px;font-size:16px}.format-select option{padding:8px;font-size:16px}.download-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,red 0%,#c00 50%,#900 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-width:220px;padding:14px 32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 12px #ff00004d}.download-button:hover:not(:disabled){filter:brightness(1.05);background:linear-gradient(135deg,#ff1a1a 0%,#e60000 50%,#b30000 100%);transform:translateY(-2px);box-shadow:0 6px 20px #f006}.download-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #ff00004d}.download-button:disabled{cursor:not-allowed;opacity:.7;box-shadow:none;background:#ccc}.download-icon{filter:drop-shadow(0 1px 2px #0003);align-items:center;font-size:1.2rem;display:flex}.formats-dropdown{flex:1}.format-select{color:#030303;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:8px;width:100%;padding:.75rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.9rem;font-weight:500;transition:all .3s}.format-select:hover{border-color:red}.format-select:focus{border-color:red;outline:none;box-shadow:0 0 0 3px #ff00001a}@media (max-width:768px){.youtube-preview{border-radius:12px;margin:1rem auto}.video-details{padding:16px}.video-title{font-size:1.1rem}.video-author{font-size:.85rem}.play-overlay{width:70px;height:70px}.play-icon{font-size:28px}.download-section{flex-direction:column;justify-content:center;padding:16px}.download-button{width:100%;min-width:auto;max-width:100%;padding:12px 24px;font-size:.95rem}.format-select{width:100%}}@media (max-width:480px){.youtube-preview{border-radius:8px;margin:.5rem}.video-details{padding:12px}.video-title{font-size:1rem}.duration-badge{padding:4px 8px;font-size:.75rem;bottom:8px;right:8px}.play-overlay{width:60px;height:60px}.play-icon{font-size:24px}.download-section{padding:12px}.download-button{padding:10px 20px;font-size:.9rem}}