*{box-sizing:border-box}body{margin:0;background:#fafafa;color:#363636;font:14px/1.85 Arial,sans-serif;--paper:white;--line:#e5e5e5}header{height:174px;background:#111;color:#ddd}.top,nav,main{max-width:594px;margin:auto}.top{height:71px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #282828}.logo{font-size:34px;font-weight:bold;color:white;text-decoration:none;letter-spacing:-1px}.logo i{font-style:normal;color:#da262f;font-size:42px;vertical-align:middle}.top span{font-size:12px}#theme{background:#222;color:#ddd;border:1px solid #444;border-radius:5px;font-size:22px;margin-left:14px;padding:0 12px;cursor:pointer}nav{display:flex;justify-content:space-around;padding:14px 0}nav a{color:#ccc;text-decoration:none;font-size:12px}main{margin-top:-23px;position:relative}.card{background:var(--paper);padding:23px;border-radius:9px;box-shadow:0 10px 22px #00000013}label[for=url]{font-size:13px;font-weight:bold}.input{display:flex;gap:12px;align-items:center;background:#f6f6f6;border:1px solid var(--line);border-radius:5px;padding:0 13px;margin-top:14px;height:49px}.input span{font-size:26px;color:#888}.input input{min-width:0;width:100%;border:0;background:none;outline:none;font:inherit;color:inherit}.input:focus-within{outline:2px solid #d3262c}.input button{border:0;background:none;color:#777;font-size:21px;cursor:pointer}.row{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.formats{display:flex;gap:15px;font-size:12px;color:#777}input[type=radio]{accent-color:#d3262c}.red,.download{border:0;background:#d42329;color:white;border-radius:6px;padding:11px 30px;cursor:pointer;font:inherit}.red:disabled{opacity:.6}main>section:not(.card){margin:32px 0}h1{text-align:center;font-size:29px;margin:32px 0 11px}h2{font-size:22px;line-height:1.4;margin:0 0 15px}h3{font-size:16px;line-height:1.4}p{margin:12px 0 20px}.featured{border-top:2px solid #cf282d;padding-top:18px}.featured h2{display:flex;justify-content:space-between}.featured h2 span,.steps b{color:#d3262c}.quick{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--paper)}.tile{width:52px;height:52px;background:#fae7e7;color:#c5262c;text-align:center;font-size:25px}.quick small{display:block;color:#777}.quick a{margin-left:auto;color:#c5262c;border:1px solid #d3262c;border-radius:5px;padding:4px 12px;text-decoration:none}.muted{color:#777;font-size:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.steps article{background:var(--paper);padding:16px;border:1px solid var(--line);border-radius:5px}.steps b{font-size:23px}.steps p{font-size:13px}details{padding:13px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:bold}footer{text-align:center;padding:28px 0;border-top:1px solid var(--line);color:#777}footer a{margin:0 12px;color:inherit}footer p{margin-bottom:0}#status{padding:12px;border-radius:5px;background:#fff0ec}#result{border-top:1px solid var(--line);padding-top:16px;margin-top:20px}#result img{float:left;width:120px;margin-right:15px;border-radius:5px}select{padding:9px;max-width:100%;margin:8px;border:1px solid var(--line);background:var(--paper);color:inherit}.download{display:inline-block;background:#218451;text-decoration:none}body.dark{background:#171717;color:#eee;--paper:#242424;--line:#444}body.dark .input{background:#191919}body.dark #status{background:#39272a}@media(max-width:640px){.top,nav,main{max-width:calc(100% - 30px)}.logo{font-size:29px}.card{padding:19px}.steps{grid-template-columns:1fr}.steps p{margin-bottom:0}nav{gap:7px}nav a{font-size:11px}.quick{flex-wrap:wrap}.quick a{margin-left:0}}
#result iframe{display:block;width:100%;height:760px;border:0;border-radius:6px;background:white}#result{clear:both}@media(max-width:640px){#result iframe{height:850px}.card:has(#result:not([hidden])){padding:16px 8px}}

.logo{display:flex;align-items:center;gap:9px}.logo img{display:block}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #d3262c;outline-offset:3px}
/* Illustrated download guide */
.guide{background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:22px}.guide h2{margin:0 0 22px}.guide-step+.guide-step{border-top:1px solid var(--line);padding-top:22px;margin-top:22px}.guide-copy{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px}.step-number{color:#d42329;font-size:16px;font-weight:bold}.guide-copy h3{margin:0 0 9px;font-size:16px}.guide-copy p{margin:0 0 18px}.guide figure{margin:0;padding:10px;border:1px solid var(--line);border-radius:6px}.guide figure img{display:block;width:100%;height:auto;border-radius:3px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tool-grid article{background:var(--paper);border-top:2px solid #d42329;padding:14px;box-shadow:0 3px 15px #00000005}.tool-grid article>span{color:#d42329;font-size:24px}.tool-grid h3{margin:8px 0}.tool-grid p{font-size:13px;margin:0}@media(min-width:641px){.top,nav,main{max-width:750px}.guide{padding:27px}.guide-copy{grid-template-columns:30px minmax(0,1fr)}.guide-copy h3{font-size:17px}.guide{font-size:14px}}@media(max-width:640px){.guide{padding:18px}.guide-copy{grid-template-columns:25px minmax(0,1fr);gap:8px}.guide-copy h3{font-size:16px}.tool-grid{grid-template-columns:1fr}.guide figure{padding:7px}}

/* FAQ accordion */
#faq h2{margin-bottom:20px}#faq details{padding:0;border-bottom:1px solid var(--line)}#faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 4px 17px 0;font-size:15px;line-height:1.55;font-weight:700}#faq summary::-webkit-details-marker{display:none}#faq summary::after{content:"+";flex:0 0 18px;text-align:center;color:#df171f;font-size:21px;font-weight:400}#faq details[open]>summary::after{content:"−"}#faq details p{margin:0;padding:2px 0 21px;line-height:1.9}#faq details:first-of-type{border-top:0}@media(max-width:640px){#faq summary{font-size:14px;padding:16px 2px 16px 0}}

nav a{font-weight:700}.top>span{display:flex;align-items:center;gap:10px}.language-label{display:inline-flex;align-items:center;min-height:34px;padding:3px 11px;border:1px solid #444;border-radius:5px;color:#eee;font-size:12px;font-weight:700}.top>span #theme{margin-left:0}.formats,.quick small,.muted,footer{color:#595959}body.dark .formats,body.dark .quick small,body.dark .muted,body.dark footer{color:#c6c6c6}

#language{max-width:150px;padding:7px 9px;margin:0;border:1px solid #444;border-radius:5px;background:#191919;color:#eee;font:700 12px Arial,sans-serif}html[dir=rtl] .guide-copy{text-align:right}html[dir=rtl] .tool-grid{text-align:right}@media(max-width:640px){#language{max-width:116px}.top{gap:8px}.top>span{gap:5px}#theme{padding:0 8px}.logo{font-size:25px}.logo img{width:32px;height:32px}nav{flex-wrap:wrap;justify-content:center;column-gap:17px}.guide-copy{grid-template-columns:24px minmax(0,1fr)}}

html[dir=rtl] #url{direction:ltr;text-align:left}

/* Consistent language picker on mobile Safari and Chrome */
#language{-webkit-appearance:none;appearance:none;box-sizing:border-box;height:36px;line-height:20px;padding:7px 30px 7px 11px;background-color:#191919;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23eeeeee' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px 8px;cursor:pointer}.top>span{flex-shrink:0}#theme{height:36px;min-width:36px;display:inline-flex;align-items:center;justify-content:center;line-height:1}html[dir=rtl] #language{direction:rtl;padding:7px 11px 7px 30px;background-position:left 10px center}@media(max-width:640px){.top{gap:10px}.top>span{gap:7px}#language{width:112px;max-width:112px;height:36px;font-size:12px}#theme{height:36px;min-width:34px;padding:0 7px}.logo{gap:6px;white-space:nowrap}}@media(max-width:360px){.logo{font-size:23px}.logo img{width:28px;height:28px}#language{width:98px;max-width:98px}.top>span{gap:5px}.top{gap:5px}}

#language{background-image:url("/language-arrow.svg?v=13");background-size:14px 10px;background-position:right 9px center;border-color:#686868}html[dir=rtl] #language{background-position:left 9px center}