YT_EXTRACTOR_STABLE // V1.3 :root { --bg: #fdfdfd; --panel: #ffffff; --accent: #2563eb; --text: #0f172a; --border: #000000; } body { font-family: 'Courier New', monospace; background: var(--bg); color: var(--text); padding: 20px; } .app-container { max-width: 900px; margin: 0 auto; border: 2px solid var(--border); box-shadow: 8px 8px 0px #ddd; } .header { background: var(--border); color: #fff; padding: 15px; font-weight: bold; } .search-area { padding: 25px; border-bottom: 2px solid var(--border); } .input-group { display: flex; gap: 5px; } input[type="text"] { flex: 1; padding: 12px; border: 2px solid var(--border); font-family: inherit; font-size: 14px; } button { background: var(--accent); color: white; border: 2px solid var(--border); padding: 0 20px; cursor: pointer; font-weight: bold; } button:hover { background: #1d4ed8; } .content { padding: 25px; display: flex; gap: 30px; flex-wrap: wrap; } .sidebar { flex: 1; min-width: 250px; } .main { flex: 2; min-width: 300px; } .thumb { width: 100%; border: 2px solid var(--border); margin-bottom: 15px; } .dl-button { display: flex; justify-content: space-between; align-items: center; padding: 15px; border: 2px...