.tool-columns[data-astro-cid-oolpla4m]{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.tool-column[data-astro-cid-oolpla4m]{display:flex;flex-direction:column}.tool-column-header[data-astro-cid-oolpla4m]{margin-bottom:8px}.tool-column-header[data-astro-cid-oolpla4m] label[data-astro-cid-oolpla4m]{font-weight:600;font-size:14px;color:#374151}textarea[data-astro-cid-oolpla4m].code{width:100%;font-family:Fira Code,Monaco,Consolas,monospace;font-size:13px;line-height:1.5;padding:12px;border:2px solid #e5e7eb;border-radius:8px;resize:vertical;background:#fafafa;transition:border-color .2s}textarea[data-astro-cid-oolpla4m].code:focus{outline:none;border-color:#3b82f6}.output-container[data-astro-cid-oolpla4m]{position:relative}.validation-status[data-astro-cid-oolpla4m]{padding:8px 12px;border-radius:6px;margin-bottom:8px;font-size:13px;font-weight:500}.validation-status[data-astro-cid-oolpla4m].valid{background:#d1fae5;color:#065f46}.validation-status[data-astro-cid-oolpla4m].invalid{background:#fee2e2;color:#991b1b}.validation-status[data-astro-cid-oolpla4m].empty{background:#f3f4f6;color:#6b7280}.input-stats[data-astro-cid-oolpla4m]{display:flex;gap:15px;margin-top:8px;font-size:12px;color:#6b7280}.input-stats[data-astro-cid-oolpla4m] span[data-astro-cid-oolpla4m]{background:#f3f4f6;padding:4px 8px;border-radius:4px}.btn-row[data-astro-cid-oolpla4m]{display:flex;gap:10px;flex-wrap:wrap}.btn[data-astro-cid-oolpla4m]{padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:background .2s}.btn[data-astro-cid-oolpla4m]:hover{background:#2563eb}.btn-secondary[data-astro-cid-oolpla4m]{padding:12px 24px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary[data-astro-cid-oolpla4m]:hover{background:#e5e7eb}.btn-copy[data-astro-cid-oolpla4m]{position:absolute;top:8px;right:8px;padding:6px 12px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.btn-copy[data-astro-cid-oolpla4m]:hover{background:#e5e7eb}.btn-copy[data-astro-cid-oolpla4m].copied{background:#d1fae5;color:#065f46;border-color:#6ee7b7}.related-tools[data-astro-cid-oolpla4m]{margin-top:40px}.related-tools[data-astro-cid-oolpla4m] h2[data-astro-cid-oolpla4m]{font-size:20px;font-weight:600;margin-bottom:20px}.related-grid[data-astro-cid-oolpla4m]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.related-card[data-astro-cid-oolpla4m]{display:block;padding:16px;background:#f9fafb;border-radius:8px;text-decoration:none;transition:all .2s}.related-card[data-astro-cid-oolpla4m]:hover{background:#f3f4f6;transform:translateY(-2px)}.related-card[data-astro-cid-oolpla4m] h3[data-astro-cid-oolpla4m]{font-size:15px;font-weight:600;margin-bottom:6px;color:#1f2937}.related-card[data-astro-cid-oolpla4m] p[data-astro-cid-oolpla4m]{font-size:13px;color:#6b7280;line-height:1.4}@media(max-width:768px){.tool-columns[data-astro-cid-oolpla4m]{grid-template-columns:1fr}.btn-row[data-astro-cid-oolpla4m]{flex-direction:column}.btn[data-astro-cid-oolpla4m],.btn-secondary[data-astro-cid-oolpla4m]{width:100%}}