.tool-card{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:24px;box-shadow:0 20px 50px #0f172a0f}.slug-controls{color:#334155;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;font-weight:700;display:flex}.toggle{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:8px;padding:8px 10px;font-size:14px;display:inline-flex}.length-label{align-items:center;gap:8px;font-size:14px;display:inline-flex}.length-label input{border:1px solid #cbd5e1;border-radius:8px;width:80px;padding:6px 8px}.input-label{color:#334155;margin-bottom:8px;font-weight:800;display:block}.tool-card textarea{color:#0f172a;resize:vertical;background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:100%;padding:13px 14px;font-family:inherit;font-size:17px}.tool-card textarea:focus{border-color:#1881ff;outline:none;box-shadow:0 0 0 3px #1881ff26}.output-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin-top:18px;padding:18px}.output-label{text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:8px;font-size:13px;font-weight:800}.slug-results{flex-direction:column;gap:10px;display:flex}.slug-row{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.before{color:#64748b;font-size:14px}.after{color:#0f172a;word-break:break-all;margin-top:3px;font-size:18px;font-weight:800}.mini-copy,.copy-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#0f172a;border:0;border-radius:10px;padding:9px 14px;font-weight:800}.copy-btn{margin-top:14px}.empty-state{color:#64748b;margin:0}.privacy-note{text-align:center;color:#64748b;margin-top:14px;font-size:15px}.table-wrap{border:1px solid #e2e8f0;border-radius:14px;overflow-x:auto}.ref-table{border-collapse:collapse;background:#fff;width:100%}.ref-table th,.ref-table td{text-align:left;vertical-align:top;color:#334155;border-bottom:1px solid #e2e8f0;padding:13px 14px;font-size:15px}.ref-table th{color:#0f172a;background:#f8fafc;font-weight:800}.ref-table tr:last-child td{border-bottom:0}@media (width<=700px){.tool-card{padding:18px}.slug-row{flex-direction:column;align-items:flex-start}.mini-copy{width:100%}}