:root{--bg:#060a12;--card:#0d1422;--card2:#111b2d;--text:#f3f7ff;--muted:#9eacc0;--accent:#62d9ff;--accent2:#8b7cff;--line:rgba(255,255,255,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,rgba(98,217,255,.12),transparent 35%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);background:rgba(6,10,18,.82);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.brand{font-weight:800;font-size:20px;display:flex;gap:9px;align-items:center}.brand-icon{font-size:25px;color:var(--accent)}.dot{color:var(--accent)}nav{display:flex;gap:20px;align-items:center}nav a{color:var(--muted);font-size:14px}nav a:hover{color:#fff}.hero{text-align:center;padding:70px 20px 35px}.eyebrow{font-size:12px;letter-spacing:.16em;color:var(--accent);font-weight:800}.hero h1{font-size:clamp(38px,6vw,64px);line-height:1.05;margin:12px auto 16px}.hero p{max-width:760px;margin:auto;color:var(--muted);font-size:18px}.grid{max-width:1100px;margin:25px auto 70px;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.tool-card{background:linear-gradient(145deg,var(--card),var(--card2));border:1px solid var(--line);border-radius:20px;padding:25px;box-shadow:0 18px 50px rgba(0,0,0,.18);transition:.2s}.tool-card:hover{transform:translateY(-3px);border-color:rgba(98,217,255,.35)}.icon{font-size:34px}.tool-card h2{margin:8px 0;font-size:21px}.tool-card p{color:var(--muted);font-size:14px}.btn{display:inline-block;padding:11px 16px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#07101b;font-weight:800;margin-top:8px}.editor{max-width:850px;margin:25px auto 70px;padding:0 20px}.panel{background:linear-gradient(145deg,var(--card),var(--card2));border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 20px 70px rgba(0,0,0,.22)}.drop{border:2px dashed rgba(98,217,255,.28);border-radius:18px;padding:35px 20px;text-align:center;cursor:pointer}.drop.drag{border-color:var(--accent);background:rgba(98,217,255,.05)}.drop h2{margin:8px 0}.muted{color:var(--muted)}.row{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}.field{flex:1;min-width:150px}.field label{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}.field input,.field select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#09101b;color:#fff}.primary{border:0;border-radius:12px;padding:12px 18px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#07101b;font-weight:800;cursor:pointer}.secondary{border:1px solid var(--line);border-radius:12px;padding:12px 18px;background:#101a29;color:#fff;font-weight:700;cursor:pointer}.hidden{display:none!important}.file-list{margin-top:15px;display:grid;gap:8px}.file-item{padding:11px 13px;background:#09111e;border:1px solid var(--line);border-radius:10px;color:#dbe5f5}.status{margin-top:18px;padding:12px 14px;border-radius:10px;background:#09111e;color:var(--muted)}progress{width:100%;height:8px;margin-top:10px}.result{margin-top:18px;padding:20px;border-radius:16px;background:rgba(98,217,255,.06);border:1px solid rgba(98,217,255,.2)}.ad{max-width:850px;margin:0 auto 45px;padding:18px;text-align:center;color:#65748a;border:1px dashed var(--line);border-radius:12px;font-size:11px;letter-spacing:.12em}.info{max-width:850px;margin:0 auto 70px;padding:0 20px;color:var(--muted)}footer{text-align:center;padding:35px 20px;border-top:1px solid var(--line);color:#6f7e91}footer a{color:#aab7c8}.wave{height:100px;margin:20px 0;border-radius:14px;background:repeating-linear-gradient(90deg,rgba(98,217,255,.08) 0 2px,transparent 2px 9px);border:1px solid var(--line)}
@media(max-width:760px){nav{display:none}.topbar{height:64px}.panel{padding:18px}.hero{padding-top:48px}}

.info .tool-links{display:flex;flex-wrap:wrap;gap:10px}.info .tool-links a{display:inline-block;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.06)}.seo-info{max-width:900px;margin:30px auto 70px;padding:0 20px}.seo-info h2{margin-top:30px}

/* v2 layout fix */
.grid .seo-info{grid-column:1 / -1;min-width:0}
.tool-links{max-width:850px;margin:0 auto 55px;padding:0 20px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}
.tool-links a{display:inline-block;padding:9px 13px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid var(--line);color:#aab7c8;white-space:normal}
.tool-links a:hover{color:#fff;border-color:rgba(98,217,255,.35)}
.info{min-width:0}
@media(max-width:760px){.tool-links{padding:0 16px}.tool-links a{font-size:14px}}