/*
Theme Name: Quick AI Tools Hub
Theme URI: https://example.com/quick-ai-tools-hub
Author: ChatGPT
Author URI: https://chat.openai.com/
Description: Dynamic AI Tools Hub theme with auto-generated category grid and working shortcode-based tools.
Version: 1.0.0
License: GPL-2.0+
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: quick-ai-tools-hub
*/
:root{
  --grid-gap: 16px;
  --radius-xl: 16px;
  --shadow-soft: 0 8px 20px rgba(0,0,0,0.08);
}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Ubuntu,"Helvetica Neue",Arial,"Noto Sans",sans-serif;line-height:1.6;color:#111827;background:#f8fafc}
a{color:inherit;text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:24px}
.grid{display:grid;gap:var(--grid-gap)}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-1{grid-template-columns:repeat(1,minmax(0,1fr))}
@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.grid-4,.grid-2{grid-template-columns:repeat(1,minmax(0,1fr))}}
.header{display:flex;align-items:center;justify-content:space-between;margin:12px 0 24px}
.site-title{font-weight:800;font-size:28px}
.site-sub{color:#6b7280}
.cat-card{display:flex;align-items:center;justify-content:space-between;border-radius:var(--radius-xl);padding:18px 18px;box-shadow:var(--shadow-soft);background:#fff;overflow:hidden;position:relative}
.cat-left{display:flex;gap:12px;align-items:center}
.cat-emoji{font-size:28px}
.cat-name{font-weight:700;font-size:18px}
.cat-count{font-weight:600;color:#111827;background:rgba(255,255,255,.8);padding:6px 10px;border-radius:999px;box-shadow:var(--shadow-soft)}
.cat-bg{position:absolute;inset:0;opacity:.12;pointer-events:none}
.cat-chip{position:absolute;top:12px;right:12px;background:#0000000f;padding:6px 10px;border-radius:999px;font-size:12px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px;box-shadow:var(--shadow-soft)}
.card h2,.card h3{margin:0 0 8px}
.card .tool-actions{display:flex;gap:10px;margin-top:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:10px 14px;border:1px solid #e5e7eb;cursor:pointer}
.btn:hover{background:#f3f4f6}
.input, textarea, select{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}
textarea{min-height:120px}
.result{background:#f9fafb;border:1px dashed #d1d5db;border-radius:10px;padding:10px 12px;white-space:pre-wrap}
.badge{font-size:12px;background:#eef2ff;border:1px solid #e5e7eb;border-radius:999px;padding:4px 8px}
.footer{color:#6b7280;font-size:14px;margin-top:28px;text-align:center}
.notice{padding:12px 14px;border-left:4px solid #60a5fa;background:#eff6ff;border-radius:8px}
/* Utility layout */
.wrap{display:flex;gap:18px;flex-wrap:wrap}
.flex{display:flex}
.col{display:flex;flex-direction:column;gap:8px}
hr{border:0;border-top:1px solid #e5e7eb;margin:16px 0}
.small{font-size:12px;color:#6b7280}
/* Single tool */
.single-header{margin-bottom:12px}
.single-title{font-size:28px;font-weight:800}
.term-hero{border-radius:18px;padding:16px;background:#fff;box-shadow:var(--shadow-soft);margin-bottom:16px}
.term-hero h1{margin:0 0 6px}
.term-description{color:#6b7280}
/* Tool card */
.tool-card{border:1px solid #e5e7eb;border-radius:18px;padding:16px;background:#fff;box-shadow:var(--shadow-soft)}
.tool-card h3{margin:0 0 10px}
.tool-card .tool-body{display:flex;flex-direction:column;gap:8px}
.copy{cursor:pointer}
*/