:root{color-scheme:dark;--red:#de1e1e;--line:#ffffff17;--muted:#aaa5b1}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 850px 500px at 80% 0,#de1e1e17,transparent),#0b0b0e;color:#f7f6f8;font:14px system-ui,-apple-system,Arial,sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ff7272;outline-offset:4px}header,main,footer{max-width:1180px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;gap:6px;align-items:center;font-size:24px;font-weight:650;letter-spacing:-1px}.brand-icon{display:grid;place-items:center;width:38px;height:38px;background:linear-gradient(145deg,#ff6363,#ae1010);border:1px solid #ff999966;border-radius:12px;color:white;font-size:26px;margin-right:7px;box-shadow:0 6px 25px #de1e1e25}nav{display:flex;gap:26px;font-size:12px;color:#bcb6c4}nav a:hover{color:#ff6262}.intro{text-align:center;padding:75px 20px 45px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:2px;color:#c0bac8}.eyebrow i{display:inline-block;width:5px;height:5px;background:var(--red);border-radius:50%;margin-right:7px}h1{font-size:clamp(42px,5.8vw,73px);line-height:1.06;letter-spacing:-3px;margin:23px 0;font-weight:760}h1 em{font-style:normal;color:#f04444}p{line-height:1.7;color:var(--muted)}.intro>p{font-size:14px}.trust{display:flex;justify-content:center;gap:25px;font-size:10px;color:#b5aeba;margin:28px 0}.workspace{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start}.tools{display:flex;flex-direction:column;gap:10px}.tools button{text-align:left;background:#ffffff04;border:1px solid var(--line);border-radius:15px;padding:20px;color:#e7e2ec;transition:border-color .2s,background .2s;display:grid;grid-template-columns:30px 1fr;gap:7px}.tools button.active{border-color:#de1e1e9c;background:linear-gradient(120deg,#de1e1e20,#ffffff05)}.tools button>span{font-size:25px;grid-row:1/3;color:#ff6e6e}.tools button b{font-size:12px}.tools button small{font-size:10px;color:#96909f}.converter{border:1px solid var(--line);border-radius:23px;background:linear-gradient(130deg,#ffffff09,#ffffff03);backdrop-filter:blur(18px);padding:30px}.converter-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}h2{font-size:26px;letter-spacing:-.8px;margin:10px 0 0}.local-badge{font-size:9px;border:1px solid var(--line);border-radius:99px;padding:8px 12px;color:#bdb7c6}.drop{border:1px dashed #ffffff2c;border-radius:16px;min-height:255px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center;background:#09090d55}.drop.dragging{border-color:#de1e1e;background:#de1e1e15}.drop svg{width:50px;height:50px;fill:none;stroke:#e98a8a;stroke-width:1.5;margin-bottom:14px}.drop strong{font-size:15px}.drop p{font-size:11px;margin:9px 0 15px}.pick{position:relative;overflow:hidden;display:block;border:1px solid #ffffff25;padding:11px 20px;border-radius:9px;font-size:12px;background:#ffffff08;cursor:pointer}.pick input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.pick:focus-within{outline:2px solid #ff6262}.privacy-note{font-size:9px;color:#8b8493;margin-top:14px}#list{padding:0;list-style:none;margin:17px 0}#list li{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:12px 0;font-size:11px}#list li>span{flex:1;overflow-wrap:anywhere}#list li small{color:#9e97a7}#list button{border:1px solid var(--line);background:#ffffff05;color:#bfb7c9;border-radius:6px;padding:6px 8px}label{font-size:11px;color:#c4bdcc}input,select{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #ffffff22;background:#101014;color:white;border-radius:9px}label small{display:block;font-size:10px;margin-top:6px;color:#928a9b}.options{margin-top:23px;max-width:380px}.actions{display:flex;gap:15px;align-items:center;margin-top:22px}.primary{display:inline-flex;align-items:center;justify-content:center;background:var(--red);border:1px solid #ff777755;padding:14px 23px;border-radius:10px;color:white;font-size:12px;font-weight:650}.primary:hover{background:#f02b2b}.secondary{border:0;background:transparent;color:#b3aaba;font-size:11px;padding:10px}#status{font-size:11px;margin:16px 0 0}#status.error{color:#ff9999}#result{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:22px;background:#de1e1e10;border:1px solid #de1e1e55;padding:22px;border-radius:14px}#result h3{font-size:19px;margin:7px 0}#result p{font-size:11px;margin:0}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:65px 0}.details article{border-top:1px solid var(--line);padding-top:25px}.details article>span{font-size:10px;color:#fa6464}.details h3{font-size:18px;letter-spacing:-.4px}.details p{font-size:12px}.soon{border:1px solid var(--line);border-radius:17px;padding:30px;background:#ffffff03}.soon p{font-size:12px;max-width:650px}footer{display:flex;justify-content:space-between;padding:40px 0;gap:15px;align-items:center}footer .brand{font-size:12px;letter-spacing:0;font-weight:400}footer>span{font-size:10px;color:#908696}[hidden]{display:none!important}@media(max-width:1250px){header,main,footer{margin-inline:30px}}@media(max-width:760px){.workspace{grid-template-columns:1fr}.tools{display:grid;grid-template-columns:1fr 1fr}.tools button{padding:15px}.converter{padding:22px}.details{gap:18px}.intro{padding-top:50px}nav{gap:17px}.brand{font-size:21px}}@media(max-width:500px){header,main,footer{margin-inline:18px}header{flex-wrap:wrap;padding:22px 0;gap:19px}nav{width:100%;justify-content:space-between;font-size:11px}.intro{padding:40px 0 25px}h1{font-size:44px;letter-spacing:-2px}.eyebrow{font-size:7px;letter-spacing:1.4px}.trust{gap:12px;font-size:8px}.tools button{padding:13px 10px;grid-template-columns:24px 1fr;gap:4px}.tools button b{font-size:10px}.tools button small{font-size:9px}.tools button>span{font-size:23px}.converter{padding:18px}.converter-head{display:block}.local-badge{display:inline-block;margin-top:14px}h2{font-size:23px}.drop{padding:23px 12px}.drop strong{font-size:13px}.drop p{font-size:10px}.details{grid-template-columns:1fr;padding:40px 0;gap:15px}.details h3{margin:9px 0}.details article{padding-top:16px}#result{display:block;padding:18px}#result a{margin-top:17px}footer{flex-wrap:wrap}.soon{padding:23px}.primary{padding:13px 17px;font-size:11px}}
