@import url('/converter/converter.css');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#f4f5f8;background:#0b0c12;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(ellipse at 50% 24%,#172028 0,transparent 49%),#0b0c12}.shell{max-width:1100px;margin:auto;padding:0 28px}.ambient{position:absolute;z-index:-1;pointer-events:none;filter:blur(85px);opacity:.35;border-radius:100%}.ambient.a{top:175px;left:-160px;width:360px;height:400px;background:#1d8d8b}.ambient.b{right:-130px;top:310px;width:350px;height:360px;background:#c04080}.nav{height:92px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff0f}.logo{font-family:Outfit;font-size:26px;font-weight:800;letter-spacing:-1.5px}.logo span:not(.logoicon){color:#a5f3df}.logo i{font-style:normal;color:#e57fae}.logoicon{font-size:27px;color:#79e5cf;margin-right:8px}.navright{display:flex;align-items:center;gap:10px;font-size:12px;color:#a0a4b2}.dot{background:#73efc5;width:7px;height:7px;border-radius:50%;box-shadow:0 0 13px #73efc5}.navpill{padding:5px 8px;border:1px solid #ffffff20;border-radius:5px;color:#abb2bd;font-size:9px;letter-spacing:1px;margin-left:12px}.hero{text-align:center;padding-top:83px}.eyebrow{font-size:11px;letter-spacing:2.2px;color:#96dfcf;font-weight:700}.spark{font-size:17px;margin-right:7px}h1{font:700 clamp(46px,7vw,78px)/1.13 Outfit,sans-serif;letter-spacing:-3.4px;margin:24px 0 20px}h1 em{font-style:normal;background:linear-gradient(90deg,#9bf1d9,#7db6e9 55%,#e6a0c5);background-clip:text;color:transparent}.intro{color:#a1a5b4;font-size:16px;line-height:1.7;margin:0 auto 42px;max-width:490px}.searchCard{padding:26px;text-align:left;border:1px solid #ffffff23;border-radius:18px;background:linear-gradient(145deg,#1d202bd9,#141720ef);box-shadow:0 24px 100px #0007;max-width:900px;margin:auto}.searchCard label,.metadata label{display:block;font-weight:700;letter-spacing:1.3px;font-size:10px;color:#adb5c4;margin-bottom:13px}.formline{display:flex;gap:12px}.inputWrap{min-width:0;flex:1;display:flex;align-items:center;border-radius:10px;border:1px solid #ffffff24;background:#10131b}.inputWrap:focus-within{border-color:#9de9d0}.linkIcon{padding-left:18px;color:#8bbcae;font-size:21px}input{padding:18px 10px;width:100%;min-width:0;background:transparent;border:none;outline:none;color:#fff;font:13px 'DM Sans'}input::placeholder{color:#777e8d}.paste{background:transparent;border:0;color:#d2d9e0;cursor:pointer;white-space:nowrap;padding:0 16px;font-weight:700}.paste:hover{color:#98f2d5}.primary{border:0;border-radius:10px;padding:0 23px;background:#9becd1;color:#08241d;display:flex;align-items:center;justify-content:center;gap:18px;min-height:55px;font-weight:800;cursor:pointer;transition:.2s;white-space:nowrap;font-size:13px}.primary:hover{background:#c0ffe9;transform:translateY(-1px)}.primary:disabled{cursor:wait;opacity:.6}.primary b{font-size:19px;font-weight:400}.cardFooter{display:flex;gap:24px;flex-wrap:wrap;margin-top:20px;color:#929ba9;font-size:11px}.cardFooter span::first-letter{color:#96edd2}.error{margin-top:15px;color:#ffaaa9;background:#ff696916;border:1px solid #ff888833;border-radius:9px;padding:12px;font-size:13px}.loading{margin:25px auto;color:#acd9cc;font-size:13px}.spinner{display:inline-block;border:2px solid #a8f1db55;border-top-color:#a8f1db;width:17px;height:17px;border-radius:50%;animation:spin 1s linear infinite;vertical-align:middle;margin-right:10px}@keyframes spin{to{transform:rotate(360deg)}}.result{margin:28px auto 0;max-width:900px;text-align:left;background:#191e28;border:1px solid #ffffff22;border-radius:18px;overflow:hidden}.resultMain{display:grid;grid-template-columns:250px 1fr;gap:28px;padding:23px}.preview{background:#0d1118;border-radius:11px;min-height:265px;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview img{max-width:100%;max-height:310px;object-fit:contain}.metadata{padding:8px 0}.ready{color:#8defc7;font-size:10px;font-weight:800;letter-spacing:1px}.metadata h2{font:600 23px/1.3 Outfit;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.metadata p{color:#98a1b2;font-size:12px}.infochips{display:flex;gap:9px;margin:20px 0}.infochips span{background:#ffffff0b;border:1px solid #ffffff1b;padding:7px 10px;border-radius:6px;font-size:11px;color:#d9e4e9}.metadata select{width:100%;background:#10151e;border:1px solid #ffffff30;color:white;border-radius:8px;padding:12px;margin-bottom:12px;outline:none}.download{width:100%}.metadata .helper{font-size:11px;line-height:1.5}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:100px 0 55px}.feature{padding:27px;background:#14172077;border:1px solid #ffffff10;border-radius:15px}.featureIcon{font-size:27px;color:#a2edd7;margin-bottom:20px}.feature h3{font:600 17px Outfit;margin:0 0 10px}.feature p{font-size:12px;color:#929bab;line-height:1.8;margin:0}.fineprint{text-align:center;color:#717988;font-size:11px;max-width:720px;margin:0 auto 60px;line-height:1.8}footer{padding:25px max(28px,calc((100vw - 1044px)/2));border-top:1px solid #ffffff11;font-size:12px;color:#7e8593;display:flex;justify-content:space-between}@media(max-width:700px){.nav{height:72px}.navright{font-size:0}.navright .navpill{font-size:9px}.hero{padding-top:68px}h1{letter-spacing:-2px}.intro{font-size:14px}.searchCard{padding:18px}.formline{flex-direction:column}.primary{width:100%}.cardFooter{gap:10px 16px}.features{grid-template-columns:1fr;margin:60px 0 40px}.resultMain{grid-template-columns:1fr}.preview{min-height:150px}.preview img{max-height:250px}footer span{display:none}}
.language-select{background:#10131b;color:#e5e7eb;border:1px solid #ffffff26;border-radius:6px;padding:6px 8px;font-size:11px;font-weight:700;cursor:pointer}.mode-line{margin-top:18px;display:flex;align-items:center;gap:14px}.mode-line label{margin:0;color:#adb5c4;font-size:10px;font-weight:700;letter-spacing:1.2px}.mode-line select{background:#10131b;color:#f4f5f8;border:1px solid #ffffff26;border-radius:7px;padding:8px 10px;font:12px 'DM Sans',sans-serif}.mode-line option:disabled{color:#777}

.download-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.download-panel{border:1px solid rgba(44,53,49,.12);border-radius:16px;padding:18px;background:rgba(255,255,255,.72);display:flex;flex-direction:column;gap:10px}.download-panel h3{margin:0 0 4px;font-size:14px;letter-spacing:.12em}.download-panel label{margin-top:4px}.download-panel .download{width:100%;margin-top:4px}.result .helper{margin-top:16px}@media(max-width:700px){.download-options{grid-template-columns:1fr}.download-panel{padding:16px}}

a.logo{color:inherit;text-decoration:none;cursor:pointer}.language-select{min-width:132px} .inputWrap input{direction:ltr;text-align:left}.nav{direction:ltr}.navright{direction:ltr}[dir="rtl"] .searchCard,[dir="rtl"] .result{ text-align:right }@media(max-width:700px){.navright #navTitle,.navright .dot,.navright .navpill{display:none}.language-select{min-width:92px;max-width:105px}}
