:root{--red:#e5322d;--ink:#333;--muted:#707070;--line:#e7e7e7;--soft:#f6f6f8}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:#fff}.topbar{height:64px;background:#fff;display:flex;align-items:center;padding:0 28px;border-bottom:1px solid #eee;box-shadow:0 1px 8px #00000012;position:sticky;top:0;z-index:20}.brand{font-size:24px;font-weight:900;text-decoration:none;color:#232323;letter-spacing:-1px;margin-right:40px}.brand span{color:var(--red)}nav{display:flex;align-items:center;gap:28px;flex:1}nav a{color:#333;text-decoration:none;font-size:14px;font-weight:600}.actions{display:flex;gap:8px;align-items:center}.actions button,.filters button{border:0;background:transparent;font:inherit;cursor:pointer}.login{font-weight:700}.signup{background:var(--red)!important;color:white;padding:11px 18px;border-radius:5px}.iconbtn{font-size:18px}.hero{text-align:center;padding:66px 20px 25px;background:linear-gradient(#fff,#fafafa)}.hero h1{font-size:42px;line-height:1.16;margin:0 auto 14px;letter-spacing:-1.5px}.hero p{font-size:19px;color:#666;max-width:900px;margin:auto;line-height:1.55}.filters{display:flex;justify-content:center;gap:10px;padding:24px;flex-wrap:wrap;background:#fafafa}.filters button{padding:9px 16px;border-radius:22px;color:#666}.filters .active{color:#fff;background:#333}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1180px;margin:22px auto 70px;border-left:1px solid var(--line);border-top:1px solid var(--line)}.tool-card{min-height:210px;padding:28px 26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:.2s;background:#fff}.tool-card:hover{transform:translateY(-3px);box-shadow:0 9px 24px #0002;z-index:2}.tool-icon{font-size:40px;color:var(--red);font-weight:800;height:55px}.tool-card h2{font-size:21px;margin:12px 0}.tool-card p{font-size:14px;color:#777;line-height:1.55;margin:0}.work{background:#f5f5f7;padding:56px 8%;text-align:center}.work h2{font-size:32px}.work>div{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1100px;margin:auto;text-align:left}.work article{background:#fff;border-radius:8px;padding:26px}.work b{font-size:18px}.work p{color:#777}footer{padding:32px 6%;display:flex;gap:30px;color:#777;border-top:1px solid #eee}footer span:last-child{margin-left:auto}.tool-page{background:#f5f5f7}.workspace{min-height:calc(100vh - 64px);padding:50px 20px 80px;text-align:center;background:radial-gradient(circle at 50% 15%,#fff 0,#f5f5f7 55%)}.tool-heading h1{font-size:44px;margin:12px 0}.tool-heading p{font-size:18px;color:#666}.upload-panel{max-width:820px;min-height:420px;margin:38px auto;background:white;border-radius:12px;box-shadow:0 5px 28px #00000018;padding:72px 30px 34px;border:2px dashed #ddd}.pick,.process{display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:white;border:0;border-radius:8px;padding:20px 46px;font-size:22px;font-weight:750;cursor:pointer;box-shadow:0 4px 0 #bd201c}.clouds{display:inline-flex;gap:5px;margin-left:8px}.clouds button{width:42px;height:42px;border:0;border-radius:50%;background:#444;color:#fff}.drop{color:#999}.selection{margin:22px auto 12px;max-width:620px}.file-row{padding:11px 14px;background:#f5f5f7;border-radius:6px;margin:7px;display:flex;justify-content:space-between}.options{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:16px}.options label{font-size:14px}.options input,.options select{padding:10px;border:1px solid #ccc;border-radius:5px;margin-left:5px}.process{display:none;font-size:17px;padding:14px 30px;margin-top:12px}.privacy{font-size:12px;color:#999;margin-top:28px}.dragging{border-color:var(--red);background:#fff6f5}@media(max-width:900px){nav{display:none}.tool-grid{grid-template-columns:repeat(2,1fr);margin:10px}.hero h1{font-size:33px}.work>div{grid-template-columns:1fr}}@media(max-width:540px){.topbar{padding:0 14px}.actions .login{display:none}.tool-grid{grid-template-columns:1fr}.hero{padding-top:42px}.hero h1,.tool-heading h1{font-size:30px}.upload-panel{padding:55px 15px}.clouds{display:none}footer{flex-direction:column}footer span:last-child{margin-left:0}}
