.tools-wrap{max-width:1120px;margin:0 auto;padding:48px 20px}.tool-hero{text-align:center;max-width:800px;margin:0 auto 28px}.tool-hero h1{margin-bottom:12px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.tool-card{background:rgba(255,255,255,.94);border:1px solid rgba(20,30,50,.1);border-radius:18px;padding:22px;box-shadow:0 8px 30px rgba(20,30,50,.06)}.tool-card h2,.tool-card h3{margin-top:0}.tool-card a{font-weight:700;text-decoration:none}.tool-form{display:grid;gap:14px}.tool-form label{font-weight:700}.tool-form input,.tool-form textarea,.tool-form select{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;font:inherit}.tool-form textarea{min-height:110px;resize:vertical}.tool-btn{border:0;border-radius:11px;padding:12px 18px;font-weight:800;cursor:pointer;background:#f5576c;color:#fff}.tool-btn.secondary{background:#334155}.tool-result{margin-top:18px;padding:16px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0}.status-ok{color:#166534;font-weight:800}.status-warn{color:#92400e;font-weight:800}.check-list{padding-left:20px}.preview-page{max-width:420px;margin:0 auto;border-radius:24px;overflow:hidden;background:#fff;border:1px solid #e2e8f0;box-shadow:0 16px 40px rgba(15,23,42,.12)}.preview-cover{height:120px;background:linear-gradient(135deg,#f5576c,#5b7cfa)}.preview-body{padding:26px;text-align:center}.preview-avatar{width:76px;height:76px;border-radius:50%;object-fit:cover;margin:-64px auto 12px;border:4px solid #fff;background:#e2e8f0}.preview-link{display:block;padding:12px;margin:10px 0;border-radius:12px;background:#f1f5f9;text-decoration:none;color:#0f172a;font-weight:700}.muted{color:#64748b}.dark .tool-card{background:#111827;border-color:#263244}.dark .tool-form input,.dark .tool-form textarea,.dark .tool-form select{background:#0f172a;color:#e5e7eb;border-color:#334155}.dark .tool-result{background:#0f172a;border-color:#334155}.dark .preview-page{background:#111827;border-color:#334155}.dark .preview-link{background:#1e293b;color:#f8fafc}.dark .tool-card,.dark .tool-hero{color:#e5e7eb}@media(max-width:640px){.tools-wrap{padding:32px 14px}.tool-card{padding:18px}}