/* 에버플래닛 AI 일러스트 페이지 — 코디 선택 그리드 + 생성/결과. 라이트/다크 테마 대응. */
.ev-ai{max-width:760px;margin:0 auto;}

.ev-ai__freebadge{display:inline-flex;align-items:center;gap:9px;margin:2px 0 0;padding:11px 22px;border-radius:999px;
	background:linear-gradient(135deg,#ffd54a,#ff9d3c);color:#3a1d00;font-size:16px;box-shadow:0 8px 24px rgba(255,160,40,.35);
	animation:evaiPulse 1.8s ease-in-out infinite;}
.ev-ai__freebadge-ic{font-size:20px;}
.ev-ai__freebadge b{font-size:18px;font-weight:900;letter-spacing:-.3px;}
.ev-ai__freebadge-sub{font-size:12.5px;font-weight:700;opacity:.8;}
@media(max-width:480px){.ev-ai__freebadge-sub{display:none;}}
@keyframes evaiPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.04);}}

.ev-ai__energy{margin:14px 0 0;font-size:13px;color:var(--sub);}
.ev-ai__energy b{color:var(--accent);font-weight:900;font-size:15px;}

.ev-ai__pick{margin-top:24px;}
.ev-ai__tabs{display:flex;gap:8px;margin-bottom:14px;}
.ev-ai__tab{border:1.5px solid var(--border);background:var(--surface);color:var(--sub);
	border-radius:999px;padding:8px 18px;font-size:13.5px;font-weight:800;cursor:pointer;transition:.12s;}
.ev-ai__tab:hover{color:var(--text);}
.ev-ai__tab.is-on{background:var(--accent);border-color:var(--accent);color:#fff;}

.ev-ai__grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));}
@media(max-width:640px){.ev-ai__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}}
@media(max-width:420px){.ev-ai__grid{grid-template-columns:repeat(2,minmax(0,1fr));}}

.ev-ai__card{display:flex;flex-direction:column;gap:6px;align-items:center;padding:8px;cursor:pointer;
	background:var(--surface);border:1.5px solid var(--border);border-radius:16px;transition:.12s;}
.ev-ai__card:hover{transform:translateY(-3px);border-color:var(--accent);}
.ev-ai__card.is-sel{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset;}
.ev-ai__card-cv{width:100%;aspect-ratio:1/1;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;
	background:var(--surface-2);}
.ev-ai__card-cv canvas{width:100%;height:100%;object-fit:contain;display:block;}
.ev-ai__card-nm{font-size:12px;font-weight:700;color:var(--sub);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ev-ai__card.is-sel .ev-ai__card-nm{color:var(--accent);}

.ev-ai__empty{grid-column:1/-1;text-align:center;padding:30px 16px;color:var(--sub);font-size:13.5px;}
.ev-ai__empty a{color:var(--accent);font-weight:700;}

.ev-ai__stage{display:flex;gap:20px;align-items:center;margin-top:24px;padding:18px;border-radius:18px;
	background:var(--accent-soft);border:1.5px solid var(--border);}
@media(max-width:560px){.ev-ai__stage{flex-direction:column;text-align:center;}}
.ev-ai__preview{width:220px;flex:0 0 auto;border-radius:14px;overflow:hidden;background:var(--surface-2);}
.ev-ai__preview canvas{width:100%;height:auto;display:block;}
.ev-ai__stage-info{flex:1;min-width:0;}
.ev-ai__stage-nick{font-size:17px;font-weight:900;color:var(--text);margin-bottom:12px;}
.ev-ai__gen{font-size:15px;}
.ev-ai__cost{font-size:12px;opacity:.85;margin-left:6px;}
.ev-ai__note{font-size:12px;color:var(--sub);margin:10px 0 0;}
.ev-ai__note--warn{color:#e0872a;}
:root[data-theme="dark"] .ev-ai__note--warn{color:#ffb454;}

.ev-ai__progress{margin-top:24px;text-align:center;padding:30px 16px;}
.ev-ai__spinner{width:44px;height:44px;margin:0 auto 16px;border-radius:50%;
	border:4px solid var(--accent-soft);border-top-color:var(--accent);animation:evaiSpin .9s linear infinite;}
@keyframes evaiSpin{to{transform:rotate(360deg);}}
.ev-ai__progress-tx{font-size:14px;font-weight:700;color:var(--text);margin:0;}

.ev-ai__result{margin-top:24px;text-align:center;}
.ev-ai__result img{max-width:100%;border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.3);}
.ev-ai__result-acts{margin-top:16px;}

.ev-ai__gallery{margin:38px 0 0;}
.ev-ai__gallery-head{margin-bottom:14px;}
.ev-ai__gallery-head h2{font-size:16px;font-weight:900;margin:0;color:var(--text);}
.ev-ai__ggrid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));}
@media(max-width:640px){.ev-ai__ggrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}}
@media(max-width:420px){.ev-ai__ggrid{grid-template-columns:repeat(2,minmax(0,1fr));}}
.ev-ai__gitem{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;text-decoration:none;}
.ev-ai__gthumb{width:100%;aspect-ratio:1/1;border-radius:14px;overflow:hidden;display:block;
	background:var(--surface-2);border:1px solid var(--border);transition:transform .12s,border-color .12s;}
.ev-ai__gthumb img{width:100%;height:100%;object-fit:cover;display:block;}
a.ev-ai__gitem:hover .ev-ai__gthumb{transform:translateY(-3px);border-color:var(--accent);}
.ev-ai__gname{font-size:12px;font-weight:700;color:var(--sub);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
a.ev-ai__gitem:hover .ev-ai__gname{color:var(--accent);}