.yt-container { max-width: 800px; margin: 20px auto; font-family: Arial, sans-serif; }
.yt-container input[type="url"] { width: 70%; padding: 10px; }
.yt-container button { padding: 10px 20px; background: #ff0000; color: white; border: none; cursor: pointer; }
.yt-container button:hover { background: #cc0000; }
#yt-result { margin-top: 20px; }
.yt-player { margin-bottom: 20px; }
.yt-player iframe { max-width: 100%; }
.yt-transcript { background: #f9f9f9; padding: 20px; border: 1px solid #ddd; }
.transcript-text p { margin: 5px 0; font-size: 14px; line-height: 1.4; }
.yt-copy-btn { background: #4285f4; color: white; padding: 8px 16px; border: none; cursor: pointer; margin-top: 10px; }
.yt-copy-btn:hover { background: #3367d6; }
.yt-error { color: red; }