*,:after,:before{box-sizing:border-box;margin:0}body{font-family:system-ui,-apple-system,sans-serif;background:#f8f9fa;color:#1a1a1a;line-height:1.6;-webkit-font-smoothing:antialiased}.site-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fff;border-bottom:1px solid #e5e7eb;position:-webkit-sticky;position:sticky;top:0;z-index:100}.logo{font-size:18px;font-weight:700;color:#1a1a1a}.logo,.nav-link{text-decoration:none}.nav-link{font-size:14px;color:#6b7280}.tool-page{max-width:640px;margin:0 auto;padding:20px}.breadcrumb{font-size:13px;color:#9ca3af;margin-bottom:16px}.breadcrumb a{color:#6b7280;text-decoration:none}.tool-header{text-align:center;margin-bottom:24px}.tool-icon{font-size:40px;margin-bottom:8px}.tool-header h1{font-size:24px;font-weight:700;margin-bottom:6px}.tool-subtitle{font-size:15px;color:#6b7280;margin-bottom:12px}.badges{display:flex;gap:8px;justify-content:center}.badge{font-size:12px;padding:3px 10px;border-radius:20px;background:#ecfdf5;color:#059669;font-weight:500}.tool-input-area{margin-bottom:20px}.tool-input-area input[type=text],.tool-input-area textarea{width:100%;padding:14px;border:1.5px solid #d1d5db;border-radius:10px;font-size:15px;font-family:inherit;resize:vertical;transition:border-color .15s}.tool-input-area input[type=text]:focus,.tool-input-area textarea:focus{outline:none;border-color:#3b82f6}.input-meta{display:flex;justify-content:flex-end;font-size:12px;color:#9ca3af;margin:6px 4px}.btn-generate{width:100%;padding:14px;border:none;border-radius:10px;background:#2563eb;color:#fff;font-size:16px;font-weight:600;cursor:pointer;margin-top:8px;transition:background .15s}.btn-generate:hover{background:#1d4ed8}.btn-generate:disabled{background:#93c5fd;cursor:wait}.error-msg{color:#dc2626;font-size:14px;margin-top:8px;text-align:center}.tool-result{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:24px;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;color:#9ca3af}.btn-copy{padding:4px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:12px;cursor:pointer}.btn-copy:hover{background:#f3f4f6}.result-content p{margin-bottom:8px;font-size:15px;white-space:pre-wrap}.btn-retry{width:100%;padding:10px;margin-top:12px;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:14px;cursor:pointer;color:#4b5563}.btn-retry:hover{background:#f9fafb}.ad-slot{min-height:90px;margin:20px 0;text-align:center}.faq-section{margin:32px 0}.faq-section h2{font-size:18px;font-weight:600;margin-bottom:12px}.faq-section details{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;padding:12px 14px;background:#fff}.faq-section summary{font-weight:500;font-size:14px;cursor:pointer;list-style:none}.faq-section summary:before{content:"▸ "}.faq-section details[open] summary:before{content:"▾ "}.faq-section details p{margin-top:8px;font-size:14px;color:#4b5563}.other-tools{margin:32px 0}.other-tools h2{font-size:16px;font-weight:600;margin-bottom:12px}.tools-grid-small{display:flex;flex-direction:column;gap:8px}.tool-card-small{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;text-decoration:none;color:#1a1a1a;font-size:14px;transition:border-color .15s}.tool-card-small:hover{border-color:#3b82f6}.card-icon{font-size:20px}.home-page{max-width:640px;margin:0 auto;padding:20px}.home-header{text-align:center;margin-bottom:32px;padding:24px 0}.home-header h1{font-size:28px;font-weight:800;margin-bottom:6px}.home-header p{font-size:15px;color:#6b7280}.category-section{margin-bottom:32px}.category-section h2{font-size:16px;font-weight:600;margin-bottom:12px;color:#374151}.tools-grid{display:flex;flex-direction:column;gap:10px}.tool-card{display:flex;align-items:flex-start;gap:14px;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;text-decoration:none;color:#1a1a1a;transition:border-color .15s,box-shadow .15s}.tool-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px rgba(37,99,235,.08)}.tool-card .card-icon{font-size:28px;margin-top:2px}.tool-card h3{font-size:15px;font-weight:600;margin-bottom:2px}.tool-card p{font-size:13px;color:#6b7280}.lang-switcher{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:32px 0}.lang-switcher a{padding:6px 12px;border:1px solid #e5e7eb;border-radius:8px;text-decoration:none;font-size:13px;color:#4b5563}.lang-switcher a.active{background:#2563eb;color:#fff;border-color:#2563eb}.site-footer{text-align:center;padding:24px 20px;border-top:1px solid #e5e7eb;font-size:13px;color:#9ca3af}.footer-langs{display:flex;gap:8px;justify-content:center;margin-top:8px}.footer-langs a{text-decoration:none;font-size:18px}