.YoutubeToBlog-module__vBa4lG__container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.YoutubeToBlog-module__vBa4lG__header{text-align:center;margin-bottom:3rem}.YoutubeToBlog-module__vBa4lG__title{font-family:var(--font-outfit);color:var(--primary-text);background:linear-gradient(90deg,#4f46e5,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.YoutubeToBlog-module__vBa4lG__subtitle{color:var(--secondary-text);max-width:600px;margin:0 auto;font-size:1.1rem}.YoutubeToBlog-module__vBa4lG__grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px){.YoutubeToBlog-module__vBa4lG__grid{grid-template-columns:350px 1fr}}.YoutubeToBlog-module__vBa4lG__inputSection{background:var(--surface);border:1px solid var(--border);border-radius:16px;height:fit-content;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.YoutubeToBlog-module__vBa4lG__formContext{flex-direction:column;gap:1.5rem;display:flex}.YoutubeToBlog-module__vBa4lG__inputGroup{flex-direction:column;gap:.5rem;display:flex}.YoutubeToBlog-module__vBa4lG__label{color:var(--primary-text);font-size:.95rem;font-weight:600}.YoutubeToBlog-module__vBa4lG__input,.YoutubeToBlog-module__vBa4lG__select{border:1px solid var(--border);background:var(--background);width:100%;color:var(--primary-text);border-radius:8px;outline:none;padding:.875rem 1rem;font-size:1rem;transition:all .2s}.YoutubeToBlog-module__vBa4lG__input:focus,.YoutubeToBlog-module__vBa4lG__select:focus{border-color:var(--accent-from);box-shadow:0 0 0 2px #4f46e533}.YoutubeToBlog-module__vBa4lG__submitBtn{background:linear-gradient(135deg, var(--accent-from), var(--accent-to));color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:600;transition:transform .2s,opacity .2s,box-shadow .2s;display:flex;box-shadow:0 4px 14px #4f46e563}.YoutubeToBlog-module__vBa4lG__submitBtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4f46e580}.YoutubeToBlog-module__vBa4lG__submitBtn:disabled{opacity:.7;cursor:not-allowed}.YoutubeToBlog-module__vBa4lG__errorBox{color:#f87171;background:#ef44441a;border:1px solid #ef444466;border-radius:8px;margin-top:1rem;padding:1rem;font-size:.9rem}.YoutubeToBlog-module__vBa4lG__outputSection{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;min-height:500px;display:flex;overflow:hidden}.YoutubeToBlog-module__vBa4lG__outputHeader{border-bottom:1px solid var(--border);background:#ffffff05;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.YoutubeToBlog-module__vBa4lG__outputTitle{color:var(--primary-text);margin:0;font-size:1.1rem;font-weight:600}.YoutubeToBlog-module__vBa4lG__copyBtn{border:1px solid var(--border);color:var(--primary-text);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;transition:all .2s;display:flex}.YoutubeToBlog-module__vBa4lG__copyBtn:hover{background:var(--border)}.YoutubeToBlog-module__vBa4lG__outputContent{flex:1;padding:1.5rem;overflow-y:auto}.YoutubeToBlog-module__vBa4lG__markdownWrapper{color:var(--primary-text);line-height:1.7}.YoutubeToBlog-module__vBa4lG__markdownWrapper h1,.YoutubeToBlog-module__vBa4lG__markdownWrapper h2,.YoutubeToBlog-module__vBa4lG__markdownWrapper h3{color:var(--primary-text);font-family:var(--font-outfit);margin-top:1.5rem;margin-bottom:1rem}.YoutubeToBlog-module__vBa4lG__markdownWrapper p{margin-bottom:1rem}.YoutubeToBlog-module__vBa4lG__markdownWrapper ul,.YoutubeToBlog-module__vBa4lG__markdownWrapper ol{margin-bottom:1rem;padding-left:1.5rem}.YoutubeToBlog-module__vBa4lG__markdownWrapper li{margin-bottom:.5rem}.YoutubeToBlog-module__vBa4lG__markdownWrapper strong{color:#fff}.YoutubeToBlog-module__vBa4lG__emptyState{height:100%;color:var(--secondary-text);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.YoutubeToBlog-module__vBa4lG__emptyIcon{margin-bottom:1rem;font-size:3rem}.YoutubeToBlog-module__vBa4lG__loadingState{align-items:center;gap:.5rem;display:flex}.YoutubeToBlog-module__vBa4lG__spinner{width:1.25rem;height:1.25rem;animation:2s linear infinite YoutubeToBlog-module__vBa4lG__rotate}.YoutubeToBlog-module__vBa4lG__spinnerCircle{opacity:.25}.YoutubeToBlog-module__vBa4lG__spinnerPath{opacity:.75}@keyframes YoutubeToBlog-module__vBa4lG__rotate{to{transform:rotate(360deg)}}
