@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";*{box-sizing:border-box}body{color:#eef1f6;background:radial-gradient(at 50% -30%,#253044,#111318 55%);min-height:100vh;margin:0;font-family:DM Sans,sans-serif}header{background:#111318dd;border-bottom:1px solid #2a303b;justify-content:space-between;align-items:center;height:76px;padding:0 5vw;display:flex}.brand{align-items:center;gap:12px;display:flex}.mark{background:#263c57;border-radius:11px;padding:10px}.brand b{letter-spacing:.07em;font:700 15px Space Grotesk}.brand i{color:#8eb9ff}.brand small,small{color:#8995a5;letter-spacing:.12em;margin-top:5px;font-size:9px;display:block}.tag{color:#9eacbd;font-size:10px}main{max-width:1100px;margin:auto;padding:44px 25px}.welcome{justify-content:space-between;align-items:center;margin-bottom:36px;display:flex}.welcome h1{margin:8px 0;font:600 28px Space Grotesk}.welcome p,.tool p,.empty p{color:#98a4b4;font-size:12px}.credits{color:#aab8c8;letter-spacing:.1em;background:#1c2936;border:1px solid #34485d;border-radius:13px;padding:13px 18px;font-size:9px}.credits strong{color:#80d7ac;font:700 28px Space Grotesk;display:block}.credits small{letter-spacing:0}.grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}h2{font:600 16px Space Grotesk}h2 small{float:right}.tool{text-align:left;color:#eef1f6;cursor:pointer;background:#1a2029;border:1px solid #303947;border-radius:14px;min-height:155px;padding:16px;position:relative}.tool:hover,.chosen{border-color:#83a9d6;transform:translateY(-2px)}.tooltop{color:#9cbde5;justify-content:space-between;margin-bottom:16px;display:flex}.tooltop span{color:#8290a2;font-size:10px}.tool b{font:600 13px Space Grotesk}.tool p{line-height:1.5}.blue .tooltop svg{color:#9bc7ff}.green .tooltop svg{color:#8fe0b8}.amber .tooltop svg{color:#edc77c}.violet .tooltop svg{color:#c9a9f5}.arr{width:16px;position:absolute;bottom:13px;right:14px}.work{background:#171c24;border:1px solid #303846;border-radius:15px;margin-top:28px;padding:20px}.work h2{margin:7px 0 18px}.empty{text-align:center;border:1px dashed #3b4655;border-radius:12px;place-content:center;height:170px;font-size:13px;display:grid}.uploadrow{grid-template-columns:1.2fr .8fr;gap:15px;display:grid}.drop{cursor:pointer;color:#9bc7ff;background:#131820;border:1px dashed #4a586b;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:220px;display:flex}.drop input{display:none}.drop span{color:#8996a8;font-size:10px}.drop img{object-fit:contain;max-width:100%;max-height:210px}.opts{color:#aab6c5;border:1px solid #303947;border-radius:12px;flex-direction:column;gap:15px;padding:15px;font-size:11px;display:flex}.opts label{gap:7px;display:grid}.opts select{color:#fff;background:#111720;border:1px solid #374353;border-radius:8px;padding:10px}.opts p{line-height:1.6}.process{color:#fff;cursor:pointer;background:#315b89;border:0;border-radius:8px;margin-top:auto;padding:11px;font-weight:700}.process:disabled{opacity:.4}footer{color:#687587;justify-content:space-between;margin-top:22px;font-size:9px;display:flex}@media (width<=800px){.grid{grid-template-columns:repeat(2,1fr)}.uploadrow{grid-template-columns:1fr}}@media (width<=480px){header{padding:0 15px}.tag{display:none}main{padding:28px 15px}.welcome{align-items:flex-start;gap:12px}.credits{padding:10px}.grid{gap:8px}.tool{padding:12px}.tool b{font-size:12px}.work{padding:13px}footer{line-height:2;display:block}}