/* ── Page AI Runtime ── */
#page-ai{background:#0a0a14;}

.ai-header{padding:calc(14px + var(--safe-top)) 14px 0;}
.ai-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.ai-title{font-size:18px;font-weight:800;color:#fff;}
.ai-hist{font-size:12px;color:rgba(255,255,255,0.4);cursor:pointer;}

.ai-btns{display:flex;gap:6px;margin-bottom:10px;}
.ai-btn{flex:1;padding:10px 0;text-align:center;font-size:12px;font-weight:600;color:rgba(255,255,255,0.6);background:rgba(255,255,255,0.06);border-radius:10px;cursor:pointer;border:1px solid rgba(255,255,255,0.08);}
.ai-btn.active{color:#fff;background:linear-gradient(135deg,rgba(139,92,246,0.3),rgba(192,38,211,0.2));border-color:rgba(139,92,246,0.4);}

.ai-cat-tabs{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;margin-bottom:8px;-webkit-overflow-scrolling:touch;}
.ai-cat-tabs::-webkit-scrollbar{display:none;}
.ai-cat-tab{flex-shrink:0;padding:6px 12px;font-size:12px;color:rgba(255,255,255,0.4);cursor:pointer;white-space:nowrap;}
.ai-cat-tab.active{color:#fff;font-weight:700;}

.ai-sort-row{display:flex;gap:12px;padding:4px 0 10px;font-size:11px;color:rgba(255,255,255,0.35);}
.ai-sort-btn{cursor:pointer;}

.ai-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 14px 80px;}
.ai-card{background:rgba(255,255,255,0.04);border-radius:12px;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,0.06);}
.ai-card:active{transform:scale(0.97);}
.ai-card-thumb{aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;font-size:40px;background:linear-gradient(145deg,rgba(139,92,246,0.1),rgba(192,38,211,0.05));}
.ai-card-info{padding:8px;}
.ai-card-name{font-size:12px;font-weight:600;color:#fff;margin-bottom:2px;}
.ai-card-meta{font-size:10px;color:rgba(255,255,255,0.35);}