*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#080b12;color:#f5f7fb}header{max-width:1080px;margin:auto;padding:24px 20px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:24px;font-weight:800}.brand span{color:#7c8cff}nav a{color:#aeb6c8;text-decoration:none;margin-left:24px}.hero{text-align:center;max-width:900px;margin:90px auto 80px;padding:0 20px}.pill{display:inline-block;padding:8px 12px;border:1px solid #242b3c;border-radius:999px;color:#9ca8c0;font-size:12px;letter-spacing:.12em}h1{font-size:clamp(44px,8vw,78px);line-height:.98;margin:20px 0}.hero>p{max-width:650px;margin:0 auto 32px;color:#aeb6c8;font-size:18px;line-height:1.6}.box{background:#111622;border:1px solid #252d3d;border-radius:20px;padding:18px;max-width:700px;margin:auto;box-shadow:0 20px 80px #0006}.inputrow{display:flex;gap:8px}.inputrow input{min-width:0;flex:1;background:#090d15;border:1px solid #30394c;color:white;border-radius:12px;padding:16px;font-size:16px;min-height:52px}.inputrow button,.primary{border:0;border-radius:12px;padding:0 18px;font-weight:700;cursor:pointer}.primary{width:100%;height:52px;margin-top:10px;background:#fff;color:#080b12;font-size:15px}.status{min-height:24px;margin-top:12px;color:#aeb6c8}.result{margin-top:12px}.result a{display:inline-block;background:#7c8cff;color:white;text-decoration:none;padding:13px 18px;border-radius:10px;font-weight:700}.preview{max-width:260px;width:100%;border-radius:12px;margin:12px auto;display:block}.grid{max-width:1000px;margin:0 auto 100px;padding:0 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid article,.faq{background:#101520;border:1px solid #242c3d;border-radius:18px;padding:24px}.grid b{color:#7c8cff}.grid p,.faq p{color:#aeb6c8;line-height:1.6}.faq{max-width:960px;margin:0 auto 80px}.faq details{border-top:1px solid #283144;padding:18px 0}.faq summary{cursor:pointer;font-weight:700}footer{text-align:center;padding:30px 20px;color:#8b94a8;border-top:1px solid #202738}footer a{color:#8f9bb3}@media(max-width:700px){nav{display:none}.hero{margin-top:55px}.inputrow{flex-direction:column}.inputrow button{height:46px}.grid{grid-template-columns:1fr}h1{font-size:50px}}
a.brand{color:inherit;text-decoration:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;color:#080b12;padding:8px 12px;border-radius:8px;z-index:9}
a{color:#9aa7ff}nav a:hover,footer a:hover{color:#fff}:focus-visible{outline:2px solid #7c8cff;outline-offset:2px}.result img+a{margin-top:6px}
.prose{max-width:760px;margin:0 auto 70px;padding:0 20px;line-height:1.7;color:#c4cbdb}.prose h2{color:#f5f7fb;font-size:28px;margin:44px 0 12px}.prose h3{color:#f5f7fb;font-size:19px;margin:28px 0 6px}.prose p{margin:0 0 12px}.prose li{margin:8px 0}.prose code{background:#111622;border:1px solid #252d3d;border-radius:6px;padding:1px 6px}
.h1s{font-size:clamp(32px,6vw,48px);line-height:1.1;color:#f5f7fb;margin:16px 0 20px}.crumb{font-size:14px;color:#8f9bb3;margin-top:30px}.crumb a{color:#8f9bb3}.links{padding-left:20px}
.btn{display:inline-block;background:#fff;color:#080b12;text-decoration:none;font-weight:700;padding:14px 22px;border-radius:12px}.cta{margin-top:36px}
.hero{margin:70px auto 70px}footer a{margin:0 2px}
/* v2 additions */
html{-webkit-text-size-adjust:100%}body{min-height:100vh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0)}main{flex:1}
header{flex-wrap:wrap;gap:8px 16px;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
.inputrow button{background:#1b2233;color:#f5f7fb;border:1px solid #30394c;min-height:52px;min-width:72px}
.primary:disabled{opacity:.6;cursor:progress}
.status{line-height:1.5}.status.err{color:#ff9aa8}.status.ok{color:#8fe3b0}
.status.load::before{content:"";display:inline-block;width:14px;height:14px;margin-right:8px;vertical-align:-2px;border:2px solid #3a4560;border-top-color:#7c8cff;border-radius:50%;animation:sp .8s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.status.load::before{animation:none}}
input[aria-invalid="true"]{border-color:#ff9aa8}
.preview{aspect-ratio:9/16;object-fit:cover;max-height:420px;background:#0b0f19}
.result a{min-height:48px;line-height:22px}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}.wrap .crumb{margin:24px 0 0}
.prose .crumb{margin-top:0}
.prose ol{padding-left:22px}.prose ol li,.prose ul li{margin:10px 0}
.nf{list-style:none;padding:0;margin:24px 0}.nf li{margin:10px 0}
footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;margin-bottom:14px}footer nav a{padding:6px 2px}footer small{display:block;line-height:1.5}
a.btn:hover{background:#e6e9f2}
@media(max-width:700px){header{padding-top:16px;padding-bottom:8px}nav{display:flex;flex-wrap:wrap;gap:4px 16px}nav a{margin-left:0;padding:8px 0}.hero{margin-top:36px}.box{padding:14px}h1{font-size:clamp(38px,12vw,50px)}}

.rcard{margin-top:14px;display:grid;gap:10px}.rvideo{width:100%;max-height:70vh;border-radius:14px;background:#000;display:block}.result .rbtn{display:block;width:100%;min-height:52px;padding:14px;border-radius:12px;border:1px solid #30394c;background:#171d2c;color:#f5f7fb;font:inherit;font-size:16px;font-weight:700;text-align:center;text-decoration:none;cursor:pointer}.result .rbtn.main{background:#7c8cff;border-color:#7c8cff;color:#fff}.result .rbtn:disabled{opacity:.6;cursor:default}
/* v3: right-to-left languages (Arabic) */
input#url{direction:ltr;text-align:left}
code{direction:ltr;unicode-bidi:isolate}
[dir="rtl"] header nav a{margin-left:0;margin-right:24px}
[dir="rtl"] header nav a:first-child{margin-right:0}
[dir="rtl"] .pill{letter-spacing:0}
[dir="rtl"] h1,[dir="rtl"] .h1s{line-height:1.3}
[dir="rtl"] .prose ol{padding-left:0;padding-right:22px}
[dir="rtl"] .links,[dir="rtl"] .prose ul{padding-left:0;padding-right:20px}
[dir="rtl"] .status.load::before{margin-right:0;margin-left:8px}
@media(max-width:700px){[dir="rtl"] header nav a{margin-right:0}}