:root{--primary-blue:#007bff;--primary-dark:#0056b3;--primary-white:#ffffff;--light-gray:#f8f9fa;--border-color:#dee2e6;--text-dark:#212529;--text-muted:#6c757d;--error-red:#dc3545;--success-green:#28a745;--shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--card-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--radius:0.75rem}*{box-sizing:border-box}body{margin:0;font-family:'Inter',system-ui,-apple-system,sans-serif;background-color:var(--primary-white);color:var(--text-dark);line-height:1.6;display:flex;flex-direction:column;min-height:100vh}.container{width:100%;max-width:1000px;margin:0 auto;padding:0 1rem}a{text-decoration:none;color:inherit}.hidden{display:none!important}.text-center{text-align:center}header{border-bottom:1px solid var(--border-color);padding:1rem 0;position:sticky;top:0;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;gap:1rem;position:relative;flex-wrap:wrap}.logo{display:flex;align-items:center;font-weight:700;font-size:1.35rem;z-index:2;gap:0.5rem}.text-blue{color:var(--primary-blue)}.nav-menu{display:flex;gap:1.5rem}.nav-link{color:var(--text-muted);font-weight:500;font-size:0.95rem;transition:color 0.2s}.nav-link:hover{color:var(--primary-blue)}.nav-link.active{color:var(--primary-blue);font-weight:600}/* Language Dropdown */.lang-dropdown{position:relative;z-index:101}.lang-dropdown-btn{display:flex;align-items:center;gap:8px;background:#f8f9fa;border:1px solid var(--border-color);padding:8px 14px;border-radius:20px;cursor:pointer;font-size:0.9rem;font-weight:600;color:var(--text-dark);transition:all 0.2s;font-family:inherit;user-select:none}.lang-dropdown-btn:hover{background:#e9ecef;border-color:#cbd5e0}.lang-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:white;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);width:200px;display:none;flex-direction:column;padding:8px 0;opacity:0;transform:translateY(-10px);transition:opacity 0.2s,transform 0.2s}.lang-dropdown-menu.show{display:flex;opacity:1;transform:translateY(0)}.lang-item{padding:10px 16px;text-decoration:none;font-size:0.9rem;color:var(--text-dark);transition:background 0.15s;display:flex;align-items:center;gap:10px;font-weight:500}.lang-item:hover{background:#f8f9fa;color:var(--primary-blue)}.lang-icon{width:18px;height:18px;stroke-width:2}.chevron-icon{width:14px;height:14px;color:var(--text-muted)}@media (max-width:767px){.header-content{flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:0.5rem}.logo{order:1;margin-right:auto}.lang-dropdown{order:2}.nav-menu{order:3;width:100%;flex-wrap:wrap;justify-content:center;gap:0.5rem 1rem;margin-top:0.5rem}.lang-dropdown-menu{right:0;left:auto;transform:translateY(-10px);width:200px}.lang-dropdown-menu.show{transform:translateY(0)}}main{padding-top:3rem;flex:1}.hero-section{margin-bottom:4rem}h1{font-size:2.5rem;margin-bottom:1rem;color:#1a202c;letter-spacing:-0.025em}.subtitle{color:var(--text-muted);margin-bottom:2.5rem;font-size:1.1rem;max-width:600px;margin-left:auto;margin-right:auto}.input-wrapper{position:relative;max-width:700px;margin:0 auto}.input-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}input[type="text"]{width:100%;padding:1.25rem 1.25rem 1.25rem 3.5rem;padding-right:90px;font-size:1.1rem;border:2px solid var(--border-color);border-radius:var(--radius);outline:none;transition:all 0.2s;box-shadow:0 4px 6px -1px rgba(0,0,0,0.05)}input[type="text"]:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px rgba(0,123,255,0.15)}input[type="text"].error{border-color:var(--error-red);background-color:#fff8f8}input[type="text"]:disabled{background-color:#f8f9fa;cursor:not-allowed;color:var(--text-muted)}.paste-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background-color:#f0f4ff;color:var(--primary-blue);border:none;padding:8px 16px;border-radius:8px;font-size:0.9rem;font-weight:600;cursor:pointer;transition:background-color 0.2s}.paste-btn:hover{background-color:#e0eaff}.error-msg{color:var(--error-red);font-size:0.875rem;margin-top:0.75rem;display:flex;align-items:center;justify-content:center;gap:0.4rem;animation:fadeIn 0.3s}.mockup-container{margin:3rem auto 2rem;max-width:800px;border:1px solid var(--border-color);border-radius:var(--radius);padding:1.5rem;background:white;box-shadow:var(--shadow)}.mockup-title{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);margin-bottom:1rem;font-weight:600}.yt-card{display:flex;gap:1.5rem;align-items:flex-start}.yt-thumb{width:360px;aspect-ratio:16/9;border-radius:8px;object-fit:cover;background:#f0f0f0;border:1px solid #eee;flex-shrink:0;transition:opacity 0.2s}.yt-info{flex:1;display:flex;flex-direction:column;gap:0.5rem;text-align:left}.yt-video-title{font-weight:600;font-size:1.25rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yt-meta{font-size:0.95rem;color:var(--text-muted)}.yt-channel{display:flex;align-items:center;gap:0.75rem;font-size:0.95rem;color:var(--text-muted);margin-top:0.25rem}.yt-channel-icon{width:32px;height:32px;border-radius:50%;background:#ddd}@media (max-width:600px){.yt-card{flex-direction:column}.yt-thumb{width:100%}h1{font-size:1.8rem}}#results{animation:slideUp 0.4s ease-out}.download-list{background:white;border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-top:2rem;max-width:700px;margin-left:auto;margin-right:auto}.list-header{background:var(--light-gray);padding:1rem 1.5rem;font-weight:600;border-bottom:1px solid var(--border-color);text-align:left}.list-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);transition:background 0.15s;flex-wrap:wrap;gap:1rem}.list-item:last-child{border-bottom:none}.list-item:hover{background:#fcfcfc}.list-info{display:flex;align-items:center;gap:1rem;text-align:left}.list-thumb{width:100px;aspect-ratio:16/9;border-radius:4px;object-fit:cover;background:#eee}.resolution-badge{font-family:monospace;color:var(--text-dark);font-size:0.9rem;font-weight:600}.use-case-label{font-size:0.75rem;color:var(--primary-blue);background:rgba(0,123,255,0.1);padding:2px 6px;border-radius:4px;margin-top:4px;display:inline-block}.actions{display:flex;gap:0.5rem}.btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:0.5rem;text-decoration:none;font-weight:500;font-size:0.85rem;transition:all 0.2s;border:none;cursor:pointer;font-family:inherit}.btn-primary{background-color:var(--primary-blue);color:white;box-shadow:0 2px 4px rgba(0,123,255,0.2)}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 6px rgba(0,123,255,0.3)}.btn-secondary{background-color:white;color:var(--text-dark);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--light-gray);border-color:#cbd5e0}.section-spacer{padding:5rem 0}.bg-gradient{background:linear-gradient(to bottom,#ffffff,#f8f9fa)}.bg-light{background-color:#f8f9fa;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.section-title{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#1a202c;text-align:center}.section-desc{text-align:center;max-width:700px;margin:0 auto 3rem;color:var(--text-muted)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.step-card{background:white;padding:2.5rem 2rem;border-radius:1rem;text-align:center;box-shadow:var(--shadow);border:1px solid var(--border-color);position:relative;transition:transform 0.2s}.step-card:hover{transform:translateY(-5px)}.step-icon{width:64px;height:64px;background:#e0eaff;color:var(--primary-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.step-title{font-weight:700;font-size:1.25rem;margin-bottom:0.5rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.feature-card{background:white;padding:2rem;border-radius:1rem;box-shadow:var(--shadow);border:1px solid var(--border-color);display:flex;align-items:flex-start;gap:1rem;transition:all 0.2s}.feature-card:hover{box-shadow:var(--card-shadow)}.feature-icon-wrapper{background:#f0f7ff;padding:10px;border-radius:10px;color:var(--primary-blue);flex-shrink:0}.feature-text h3{margin:0 0 0.5rem;font-size:1.1rem;font-weight:700}.feature-text p{margin:0;font-size:0.95rem;color:var(--text-muted)}.res-table-wrapper{background:white;border-radius:1rem;box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--border-color);max-width:800px;margin:0 auto}.res-table{width:100%;border-collapse:collapse}.res-table th{background:var(--primary-blue);color:white;padding:1rem;text-align:left;font-weight:600}.res-table td{padding:1rem;border-bottom:1px solid #eee;color:#4a5568}.res-table tr:last-child td{border-bottom:none}.res-badge{display:inline-block;padding:0.25rem 0.5rem;border-radius:4px;font-size:0.75rem;font-weight:700;background:#e2e8f0;color:#4a5568}.res-badge.hd{background:#c6f6d5;color:#22543d}.res-badge.hq{background:#bee3f8;color:#2c5282}.faq-wrapper{max-width:800px;margin:0 auto}details{background:white;border:1px solid var(--border-color);border-radius:var(--radius);margin-bottom:0.75rem;overflow:hidden;transition:all 0.2s}details[open]{box-shadow:var(--shadow);border-color:#cbd5e0;background:#fafbfc}summary{padding:1.25rem;cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center;color:#2d3748}summary::-webkit-details-marker{display:none}summary::after{content:'+';font-size:1.5rem;color:var(--text-muted);font-weight:400}details[open] summary::after{content:'−'}.faq-content{padding:0 1.25rem 1.25rem;color:#4a5568;line-height:1.7}.seo-article{max-width:800px;margin:0 auto;text-align:left}.seo-article h2{font-size:1.75rem;color:#1a202c;margin-top:3rem;margin-bottom:1rem}.seo-article h3{font-size:1.25rem;color:#2d3748;margin-top:2rem;margin-bottom:0.75rem}.seo-article p{color:#4a5568;margin-bottom:1.25rem;font-size:1.05rem}.seo-article ul{color:#4a5568;margin-bottom:1.25rem;padding-left:1.5rem}.seo-article li{margin-bottom:0.5rem}.toast-notification{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);background:white;padding:12px 24px;border-radius:50px;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);display:flex;align-items:center;gap:8px;font-weight:500;color:#374151;opacity:0;transition:all 0.3s cubic-bezier(0.68,-0.55,0.265,1.55);z-index:100;border:1px solid #e5e7eb}.toast-notification.show{transform:translateX(-50%) translateY(0);opacity:1}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background-color:white;box-shadow:0 -4px 6px -1px rgba(0,0,0,0.1);padding:1rem;z-index:9999;display:none;flex-direction:column;gap:1rem;border-top:1px solid var(--border-color)}.cookie-content{max-width:900px;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.cookie-text{font-size:0.9rem;color:var(--text-dark);flex:1;text-align:left}.cookie-buttons{display:flex;gap:0.5rem;flex-shrink:0}@media (max-width:640px){.cookie-content{flex-direction:column;text-align:center}.cookie-buttons{width:100%;justify-content:center}}footer{border-top:1px solid var(--border-color);padding:4rem 0 2rem;margin-top:auto;background:#f8f9fa;color:#4a5568}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;margin-bottom:3rem}.footer-heading{font-weight:700;margin-bottom:1.25rem;color:#1a202c;font-size:1.1rem}.footer-links a{display:block;color:var(--text-muted);margin-bottom:0.75rem;font-size:0.95rem;transition:color 0.2s}.footer-links a:hover{color:var(--primary-blue)}.copyright{text-align:center;border-top:1px solid #e2e8f0;padding-top:2rem;font-size:0.9rem;color:var(--text-muted)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}