*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:#202e34;background:#fcfcfa;font-family:Arial,Helvetica,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,input,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button,a,input,textarea,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #16736e}a{color:#146b66;text-underline-offset:3px}button{border:0}button,input,textarea{border-radius:7px}.wrap{max-width:1080px;margin:auto;padding-left:28px;padding-right:28px}.header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e3e6e1}.brand{display:inline-flex;align-items:center;text-decoration:none;color:#202e34;font-size:22px;font-weight:750;letter-spacing:-.8px;white-space:nowrap}.brand-light{font-weight:400;margin-left:3px}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:37px;height:34px;background:#e46a44;color:white;font-weight:750;font-size:23px;border-radius:7px;margin-right:10px;letter-spacing:-1px}.header nav{display:flex;align-items:center;gap:24px;font-size:13px}.header nav a{text-decoration:none;color:#36484e}.private-label{background:#eef2ed;border:1px solid #e1e6dd;border-radius:20px;padding:5px 11px;color:#65705c;font-size:11px}.intro{max-width:940px;padding-top:62px;padding-bottom:44px;text-align:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;color:#6e7777;margin:0 0 16px}.intro h1{font-size:clamp(36px,6vw,58px);font-weight:700;letter-spacing:-2.2px;line-height:1.13;margin:0 0 18px}.intro h1 span{color:#14726b}.lead{font-size:17px;color:#667176;margin:0 0 33px}.intro form{text-align:left}.intro label{display:block;font-size:13px;font-weight:700;margin-bottom:9px}.input-group{display:flex;gap:10px}.url-control{display:flex;flex:1;min-width:0;background:#fff;border:1px solid #aebeb9;border-radius:8px;padding:5px;box-shadow:0 2px 3px #12251e04}.url-control:focus-within{border-color:#14726b;box-shadow:0 0 0 3px #14726b14}.url-control input{flex:1;min-width:0;border:none;background:transparent;padding:11px 12px;color:#25383c;outline:none;font-size:15px}.url-control input::placeholder{color:#8b9696}.paste{margin:5px;padding:6px 12px;background:#eef2ed;color:#50615d;font-size:12px}.primary{background:#186f67;border:1px solid #186f67;color:white;font-weight:700;padding:13px 20px;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-size:14px}.primary:hover{background:#115950}.form-bottom{margin-top:10px;display:flex;justify-content:space-between;gap:12px;color:#7d8788;font-size:12px}.text-button{color:#146b66;padding:0;background:transparent;text-decoration:underline;font-size:12px;white-space:nowrap}.formats{display:flex;justify-content:center;gap:28px;margin-top:34px;font-size:11px;font-weight:700;color:#5e6e6f}.formats small{font-size:11px;color:#929995;font-weight:400;margin-left:5px}.status{padding:12px 16px;background:#f1f5f2;border:1px solid #d7e4dd;text-align:left;border-radius:8px;font-size:14px}.status.error{background:#fff4ec;border-color:#f0d1b8;color:#8a4824}.results{padding-top:10px;padding-bottom:24px}.video-summary{display:flex;gap:24px;align-items:center;padding:25px;background:#fff;border:1px solid #e0e5df;border-radius:12px 12px 0 0;border-bottom:0}.video-summary img{width:192px;height:108px;object-fit:cover;border-radius:7px;background:#edf1eb}.video-details{min-width:0}.video-details .eyebrow{font-size:10px;margin-bottom:8px;color:#14726b}.video-details h2{margin:0 0 7px;font-size:21px;line-height:1.35;overflow-wrap:anywhere;letter-spacing:-.3px}.video-details p:not(.eyebrow),.video-details a{font-size:12px;margin:0;color:#738083}.video-details a{color:#146b66;display:inline-block;margin-top:7px}.languages-panel{border:1px solid #dce3da;background:white;border-radius:0 0 12px 12px;box-shadow:0 5px 0 #e9ede3}.languages-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px 25px 20px}.languages-heading h3{font-size:19px;margin:0 0 3px;letter-spacing:-.3px}.languages-heading p{font-size:12px;margin:0;color:#7a8584}.search-box input{width:230px;background:#fafbf8;border:1px solid #dbe1d7;padding:10px 13px;font-size:13px}.filter-row{display:flex;align-items:center;justify-content:space-between;padding:0 25px 16px;gap:12px}.filters{display:flex;gap:4px;flex-wrap:wrap}.filters button{font-size:12px;padding:7px 12px;color:#75807e;background:transparent;border:1px solid transparent}.filters button.selected{background:#eaf3ed;color:#205b48;border-color:#d0e3d3}.filter-row>span{font-size:11px;color:#88928e;white-space:nowrap}.translation-note{background:#faf8f2;border-top:1px solid #eee9db;border-bottom:1px solid #eee9db;font-size:12px;color:#83785f;padding:11px 25px;margin:0}.language-list{max-height:620px;overflow:auto;overscroll-behavior:contain}.language-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 25px;padding:16px 0;border-bottom:1px solid #edf0e8}.language-row:last-child{border-bottom:0}.language-name{font-weight:700;font-size:14px;display:block}.language-detail{font-size:10px;color:#91968e;display:flex;align-items:center;gap:7px;margin-top:4px}.badge{border-radius:3px;background:#f0f2ec;color:#727b68;padding:2px 5px;font-size:10px;font-weight:400}.badge.original{background:#e9f5ed;color:#3e7252}.language-actions{display:flex;gap:5px;align-items:center;flex-shrink:0}.language-actions button{font-size:11px;font-weight:700;padding:7px 10px;color:#43736b;background:white;border:1px solid #cedbd4;min-width:42px}.language-actions button:hover{background:#eaf3ed}.language-actions .preview-button{color:#75837d;border-color:transparent;font-weight:400;margin-right:8px}.empty{padding:25px;color:#7c867e;font-size:14px}.session-note{padding:12px 25px;font-size:11px;color:#89917e;background:#fafbf7;border-top:1px solid #e8ede2;margin:0;border-radius:0 0 12px 12px}.selection-status{margin:0;padding:13px 25px;background:#e9f3ec;display:flex;justify-content:space-between;gap:15px;color:#36634c;font-size:13px;border-bottom:1px solid #d5e5d8}.selection-status.error{background:#fff4ec;color:#8a4824;border-color:#f0d1b8}.how{padding-top:44px;padding-bottom:54px}.section-title{margin-bottom:30px}.section-title .eyebrow{font-size:10px;margin-bottom:9px}.section-title h2{font-size:25px;margin:0;letter-spacing:-.7px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.steps article{padding-right:20px}.step-number{font-size:12px;color:#ca7655;font-weight:700}.steps h3{font-size:16px;margin:13px 0 8px}.steps p{font-size:13px;color:#788282;margin:0;line-height:1.8}.faq{margin-top:38px;border-top:1px solid #e2e6dd}.faq details{border-bottom:1px solid #e2e6dd;padding:17px 0;font-size:13px}.faq summary{cursor:pointer;font-weight:600}.faq p{max-width:760px;color:#77807c;margin-bottom:3px;line-height:1.8}.footer{border-top:1px solid #e1e6de;padding-top:28px;padding-bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px;color:#8a938b}.footer-brand{font-size:13px;font-weight:700;color:#526259}.footer p{margin:0}.footer a{color:#6a7b6f}dialog{border:1px solid #ccd5cc;border-radius:14px;width:min(850px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:25px;box-shadow:0 20px 70px #17271b44;color:#202e34}dialog::backdrop{background:#102a28a8;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.dialog-heading .eyebrow{font-size:10px;margin-bottom:5px}.dialog-heading h2{font-size:23px;margin:0}.icon-button{font-size:27px;width:36px;height:36px;line-height:1;background:#f0f3ec;color:#607065}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#7b887c;margin:20px 0 12px;gap:12px}.preview-toolbar label{display:flex;align-items:center;gap:7px;color:#506451}.preview-toolbar input{accent-color:#186f67}#transcript{display:block;width:100%;height: min(52vh,440px);resize:vertical;border:1px solid #d5dfd4;padding:18px;font-size:14px;line-height:1.9;color:#344339;background:#fcfdf9}.dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;font-size:12px;color:#3b8052}.dialog-bottom>div{display:flex;gap:8px}.secondary{border:1px solid #bacfbd;background:white;color:#416947;font-weight:700;font-size:13px;padding:10px 14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}[hidden]{display:none!important}
@media(max-width:700px){.wrap{padding-left:20px;padding-right:20px}.header{height:78px}.brand{font-size:19px}.brand-icon{width:31px;height:29px;font-size:20px;margin-right:7px}.header nav{gap:12px;font-size:12px}.private-label{display:none}.intro{padding-top:39px;padding-bottom:25px}.intro h1{letter-spacing:-1.5px}.lead{font-size:14px;max-width:300px;margin:0 auto 26px}.intro .eyebrow{font-size:9px;letter-spacing:1.5px}.input-group{flex-direction:column;gap:9px}.url-control input{font-size:16px;padding:11px 8px}.primary{padding:13px 16px}.form-bottom{font-size:10px}.formats{gap:19px;margin-top:23px}.formats span{display:flex;flex-direction:column;align-items:center;gap:2px}.formats small{margin:0;font-size:9px}.video-summary{gap:14px;padding:17px;align-items:flex-start}.video-summary img{width:96px;height:65px}.video-details h2{font-size:15px}.video-details .eyebrow{font-size:8px;margin-bottom:5px}.video-details p:not(.eyebrow),.video-details a{font-size:10px}.languages-heading{flex-direction:column;align-items:stretch;gap:14px;padding:19px 17px 15px}.languages-heading h3{font-size:18px}.search-box input{width:100%;font-size:16px}.filter-row{padding:0 12px 13px}.filters{gap:0}.filters button{padding:7px 8px;font-size:10px}.filter-row>span{display:none}.translation-note{font-size:11px;padding:10px 17px}.language-row{margin:0 17px;padding:14px 0;flex-wrap:wrap;gap:10px}.language-info{flex:1 1 100%}.language-actions{width:100%;justify-content:flex-end}.language-actions .preview-button{margin-right:auto;padding-left:0}.language-actions button{padding:8px 9px;min-width:40px}.language-name{font-size:14px}.language-list{max-height:540px}.selection-status{padding:12px 17px;font-size:12px}.session-note{padding:12px 17px;font-size:10px}.how{padding-top:30px;padding-bottom:33px}.section-title h2{font-size:22px}.steps{grid-template-columns:1fr;gap:23px}.steps article{padding:0;display:grid;grid-template-columns:28px 1fr;column-gap:12px}.step-number{grid-row:1/3;margin-top:2px}.steps h3{margin:0 0 5px;font-size:15px}.steps p{font-size:12px}.section-title{margin-bottom:24px}.faq{margin-top:26px}.faq details{font-size:12px;padding:15px 0}.footer{flex-wrap:wrap;gap:14px;font-size:10px;padding-top:22px}.footer p{order:3;flex-basis:100%}.footer a{margin-left:auto}dialog{padding:18px}.dialog-heading h2{font-size:20px}.preview-toolbar{font-size:11px}.dialog-bottom{flex-wrap:wrap}.dialog-bottom>div{margin-left:auto}.dialog-bottom .primary{font-size:12px;padding:10px 14px}.secondary{font-size:12px}.status{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Shared VidsToGo identity, with a focused text-tool layout. */
body{color:#1b2624;background:#f7f8f3}.brand{color:#1b2624;font-size:26px}.brand-icon{background:#1b2624;color:#d9f478;width:36px;height:36px;letter-spacing:normal}.brand-icon svg{width:24px;height:24px}.brand-period{color:#638546}.primary{background:#1b2624;border-color:#1b2624}.primary:hover{background:#30443d}.header nav a[aria-current=page]{color:#33633e;text-decoration:underline;text-underline-offset:7px}.intro h1{font-size:clamp(32px,5vw,48px);letter-spacing:-1.6px;max-width:750px;margin-inline:auto}.format-guide{margin-top:38px;max-width:850px}.format-guide h2{font-size:23px;letter-spacing:-.5px}.format-guide p{font-size:14px;color:#5e6c65;line-height:1.8}.skip-link{position:absolute;top:-100px;left:16px;padding:12px;background:white;z-index:10}.skip-link:focus{top:8px}.footer-brand{text-decoration:none}.language-actions button{min-height:40px}.language-actions{flex-wrap:wrap}.intro .lead{max-width:700px;margin-inline:auto}
@media(max-width:700px){.header{height:auto;min-height:100px;flex-wrap:wrap;justify-content:center;padding-top:16px;padding-bottom:14px;gap:12px}.header nav{width:100%;justify-content:center;gap:20px}.brand{font-size:24px}.intro{padding-top:30px}.intro h1{font-size:34px}.format-guide h2{font-size:21px}.format-guide p{font-size:13px}.language-actions{gap:4px}.language-actions button{padding:8px}.language-actions .preview-button{flex-basis:100%;text-align:left}.form-bottom{flex-wrap:wrap}.formats{gap:20px}}
