.dev-tools-page[data-v-8e01083f]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 20px}.page-header[data-v-8e01083f]{max-width:800px;margin:0 auto 40px;display:flex;justify-content:space-between;align-items:flex-start}.header-content[data-v-8e01083f]{color:#fff}.page-title[data-v-8e01083f]{font-size:32px;font-weight:700;margin:0 0 8px;display:flex;align-items:center;gap:12px}.title-icon[data-v-8e01083f]{font-size:36px}.page-desc[data-v-8e01083f]{font-size:16px;color:#fffc;margin:0}.back-link[data-v-8e01083f]{display:flex;align-items:center;gap:6px;color:#ffffffe6;text-decoration:none;font-size:14px;padding:8px 16px;background:#ffffff26;border-radius:8px;transition:all .2s}.back-link[data-v-8e01083f]:hover{background:#ffffff40;color:#fff}.tools-grid[data-v-8e01083f]{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.tool-card[data-v-8e01083f]{display:flex;align-items:center;gap:20px;background:#fff;border-radius:16px;padding:24px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #0000001a}.tool-card[data-v-8e01083f]:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000026}.tool-icon[data-v-8e01083f]{font-size:40px;width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);border-radius:16px;flex-shrink:0}.tool-content[data-v-8e01083f]{flex:1}.tool-title[data-v-8e01083f]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 6px}.tool-desc[data-v-8e01083f]{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.arrow-icon[data-v-8e01083f]{font-size:20px;color:#9ca3af;transition:all .2s}.tool-card:hover .arrow-icon[data-v-8e01083f]{color:#667eea;transform:translate(4px)}.page-footer[data-v-8e01083f]{max-width:800px;margin:40px auto 0;text-align:center}.page-footer p[data-v-8e01083f]{color:#fff9;font-size:13px;margin:0}@media (max-width: 768px){.dev-tools-page[data-v-8e01083f]{padding:24px 16px}.page-header[data-v-8e01083f]{flex-direction:column;gap:16px}.page-title[data-v-8e01083f]{font-size:24px}.title-icon[data-v-8e01083f]{font-size:28px}.tool-card[data-v-8e01083f]{padding:16px;gap:16px}.tool-icon[data-v-8e01083f]{width:56px;height:56px;font-size:32px}.tool-title[data-v-8e01083f]{font-size:16px}.tool-desc[data-v-8e01083f]{font-size:13px}}