:root{--orange:#ff5a1f}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,Arial,sans-serif}body{background:#fff;color:#111}a{color:inherit;text-decoration:none}
header{height:70px;display:flex;align-items:center;padding:0 32px;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:5}header img{height:46px}
.hero{text-align:center;padding:60px 20px 20px}.hero h1{font-size:46px;max-width:780px;margin:0 auto;line-height:1}.hero h1 span{color:var(--orange)}.hero p{margin-top:16px;color:#666;font-size:18px}
main{max-width:1280px;margin:0 auto;padding:0 20px}h2{margin:40px 0 14px;font-size:22px}
.tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.card{position:relative;border:1px solid #ececec;border-radius:16px;padding:22px;transition:.2s}.card:hover{border-color:var(--orange);transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.08)}.card img{width:56px;height:56px}.card h3{margin:12px 0 6px}.card p{font-size:13px;color:#777}
.soon{position:absolute;top:12px;right:12px;background:#000;color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:99px}.soon.big{position:static;display:inline-block;font-size:15px;padding:8px 16px}
.tool{max-width:640px;margin:50px auto;padding:0 20px;text-align:center}.tool img{width:80px}.tool h1{margin:12px 0 6px}.tool>p{color:#666}
.box{margin-top:28px;border:2px dashed #ddd;border-radius:16px;padding:32px}.box input[type=file]{display:block;margin:0 auto 14px}#names{font-size:13px;color:#555;margin-bottom:14px;word-break:break-all}
#o{margin-bottom:16px;text-align:left}#o label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}#o input,#o select{width:100%;padding:10px;border:1px solid #ccc;border-radius:8px;font-size:15px}
.btn{display:inline-block;padding:12px 22px;border-radius:8px;border:0;font-weight:700;font-size:15px;cursor:pointer;background:#000;color:#fff}.btn-orange{background:var(--orange);margin:6px 0}.btn:disabled{opacity:.5}
#st{margin:14px 0;font-size:14px;color:#555}#res{display:flex;flex-direction:column;gap:6px;align-items:center}
footer{margin-top:80px;background:#000;color:#aaa;padding:40px;text-align:center}
