.hubIllustration{display:block;width:100%;height:100%;object-fit:contain}.taskIcon,.serviceIcon,.modalIcon,.miniCard>span{font-size:0!important;overflow:hidden}.taskIcon{width:54px;height:54px;flex:0 0 54px;border-radius:16px;background:#f1eeff center/cover no-repeat}.taskGrid .taskCard:nth-child(1) .taskIcon{background-image:url('/illustrations/task-short.svg')}.taskGrid .taskCard:nth-child(2) .taskIcon{background-image:url('/illustrations/task-image-new.svg')}.taskGrid .taskCard:nth-child(3) .taskIcon{background-image:url('/illustrations/task-video-new.svg')}.taskGrid .taskCard:nth-child(4) .taskIcon{background-image:url('/illustrations/task-voice-new.svg')}.taskGrid .taskCard:nth-child(5) .taskIcon{background-image:url('/illustrations/task-chat-new.svg')}.taskGrid .taskCard:nth-child(6) .taskIcon{background-image:url('/illustrations/task-api-new.svg')}.miniCard>span{width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:#f1eeff center/cover no-repeat}.miniGrid .miniCard:nth-child(1)>span{background-image:url('/illustrations/service-openai.svg')}.miniGrid .miniCard:nth-child(2)>span{background-image:url('/illustrations/service-gemini.svg')}.miniGrid .miniCard:nth-child(3)>span{background-image:url('/illustrations/service-claude.svg')}.miniGrid .miniCard:nth-child(4)>span{background-image:url('/illustrations/service-groq.svg')}.miniGrid .miniCard:nth-child(5)>span{background-image:url('/illustrations/service-replicate.svg')}.miniGrid .miniCard:nth-child(6)>span{background-image:url('/illustrations/service-fal.svg')}.miniGrid .miniCard:nth-child(7)>span{background-image:url('/illustrations/service-elevenlabs.svg')}.miniGrid .miniCard:nth-child(8)>span{background-image:url('/illustrations/service-firecrawl.svg')}.miniGrid .miniCard:nth-child(9)>span{background-image:url('/illustrations/service-runpod.svg')}.miniGrid .miniCard:nth-child(10)>span{background-image:url('/illustrations/service-huggingface.svg')}.miniGrid .miniCard:nth-child(11)>span{background-image:url('/illustrations/service-mistral.svg')}.miniGrid .miniCard:nth-child(12)>span{background-image:url('/illustrations/service-together.svg')}.serviceIcon{background:#f1eeff center/cover no-repeat!important}.serviceGrid .serviceCard:nth-child(1) .serviceIcon{background-image:url('/illustrations/service-replicate.svg')!important}.serviceGrid .serviceCard:nth-child(2) .serviceIcon{background-image:url('/illustrations/service-fal.svg')!important}.serviceGrid .serviceCard:nth-child(3) .serviceIcon{background-image:url('/illustrations/service-elevenlabs.svg')!important}.serviceGrid .serviceCard:nth-child(4) .serviceIcon{background-image:url('/illustrations/service-openai.svg')!important}.serviceGrid .serviceCard:nth-child(5) .serviceIcon{background-image:url('/illustrations/service-gemini.svg')!important}.serviceGrid .serviceCard:nth-child(6) .serviceIcon{background-image:url('/illustrations/service-huggingface.svg')!important}.serviceGrid .serviceCard:nth-child(7) .serviceIcon{background-image:url('/illustrations/service-runpod.svg')!important}.serviceGrid .serviceCard:nth-child(8) .serviceIcon{background-image:url('/illustrations/service-firecrawl.svg')!important}.serviceGrid .serviceCard:nth-child(9) .serviceIcon{background-image:url('/illustrations/service-groq.svg')!important}.serviceGrid .serviceCard:nth-child(10) .serviceIcon{background-image:url('/illustrations/service-claude.svg')!important}.serviceGrid .serviceCard:nth-child(11) .serviceIcon{background-image:url('/illustrations/service-mistral.svg')!important}.serviceGrid .serviceCard:nth-child(12) .serviceIcon{background-image:url('/illustrations/service-together.svg')!important}.taskCard:hover .taskIcon,.serviceCard:hover .serviceIcon,.miniCard:hover>span{transform:scale(1.04);transition:transform .18s ease}.taskIcon,.serviceIcon,.miniCard>span{background-color:#f1eeff}.serviceTop{align-items:flex-start}.serviceCard{overflow:hidden}.serviceCard:before{content:"";display:block;height:3px;width:44px;border-radius:999px;background:linear-gradient(90deg,#6854d9,#b9adff);margin-bottom:16px}.miniCard{min-height:74px}.taskCard{overflow:hidden}.taskCard.selected .taskIcon{box-shadow:0 8px 22px rgba(104,84,217,.2)}
/* 목적 카드가 선택됐을 때 추천 순서와 서비스 일러스트가 일치하도록 보정합니다. */
body:has(.taskCard:nth-child(1).selected) .serviceGrid .serviceCard:nth-child(1) .serviceIcon{background-image:url('/illustrations/service-replicate.svg')!important}body:has(.taskCard:nth-child(1).selected) .serviceGrid .serviceCard:nth-child(2) .serviceIcon{background-image:url('/illustrations/service-fal.svg')!important}body:has(.taskCard:nth-child(1).selected) .serviceGrid .serviceCard:nth-child(3) .serviceIcon{background-image:url('/illustrations/service-elevenlabs.svg')!important}body:has(.taskCard:nth-child(1).selected) .serviceGrid .serviceCard:nth-child(4) .serviceIcon{background-image:url('/illustrations/service-openai.svg')!important}body:has(.taskCard:nth-child(1).selected) .serviceGrid .serviceCard:nth-child(5) .serviceIcon{background-image:url('/illustrations/service-gemini.svg')!important}body:has(.taskCard:nth-child(2).selected) .serviceGrid .serviceCard:nth-child(1) .serviceIcon{background-image:url('/illustrations/service-replicate.svg')!important}body:has(.taskCard:nth-child(2).selected) .serviceGrid .serviceCard:nth-child(2) .serviceIcon{background-image:url('/illustrations/service-fal.svg')!important}body:has(.taskCard:nth-child(2).selected) .serviceGrid .serviceCard:nth-child(3) .serviceIcon{background-image:url('/illustrations/service-openai.svg')!important}body:has(.taskCard:nth-child(2).selected) .serviceGrid .serviceCard:nth-child(4) .serviceIcon{background-image:url('/illustrations/service-gemini.svg')!important}body:has(.taskCard:nth-child(2).selected) .serviceGrid .serviceCard:nth-child(5) .serviceIcon{background-image:url('/illustrations/service-huggingface.svg')!important}body:has(.taskCard:nth-child(2).selected) .serviceGrid .serviceCard:nth-child(6) .serviceIcon{background-image:url('/illustrations/service-runpod.svg')!important}body:has(.taskCard:nth-child(3).selected) .serviceGrid .serviceCard:nth-child(1) .serviceIcon{background-image:url('/illustrations/service-fal.svg')!important}body:has(.taskCard:nth-child(3).selected) .serviceGrid .serviceCard:nth-child(2) .serviceIcon{background-image:url('/illustrations/service-replicate.svg')!important}body:has(.taskCard:nth-child(3).selected) .serviceGrid .serviceCard:nth-child(3) .serviceIcon{background-image:url('/illustrations/service-gemini.svg')!important}body:has(.taskCard:nth-child(3).selected) .serviceGrid .serviceCard:nth-child(4) .serviceIcon{background-image:url('/illustrations/service-openai.svg')!important}body:has(.taskCard:nth-child(3).selected) .serviceGrid .serviceCard:nth-child(5) .serviceIcon{background-image:url('/illustrations/service-runpod.svg')!important}body:has(.taskCard:nth-child(4).selected) .serviceGrid .serviceCard:nth-child(1) .serviceIcon{background-image:url('/illustrations/service-elevenlabs.svg')!important}body:has(.taskCard:nth-child(4).selected) .serviceGrid .serviceCard:nth-child(2) .serviceIcon{background-image:url('/illustrations/service-openai.svg')!important}body:has(.taskCard:nth-child(4).selected) .serviceGrid .serviceCard:nth-child(3) .serviceIcon{background-image:url('/illustrations/service-fal.svg')!important}body:has(.taskCard:nth-child(4).selected) .serviceGrid .serviceCard:nth-child(4) .serviceIcon{background-image:url('/illustrations/service-gemini.svg')!important}body:has(.taskCard:nth-child(5).selected) .serviceGrid .serviceCard:nth-child(1) .serviceIcon{background-image:url('/illustrations/service-openai.svg')!important}body:has(.taskCard:nth-child(5).selected) .serviceGrid .serviceCard:nth-child(2) .serviceIcon{background-image:url('/illustrations/service-claude.svg')!important}body:has(.taskCard:nth-child(5).selected) .serviceGrid .serviceCard:nth-child(3) .serviceIcon{background-image:url('/illustrations/service-gemini.svg')!important}body:has(.taskCard:nth-child(5).selected) .serviceGrid .serviceCard:nth-child(4) .serviceIcon{background-image:url('/illustrations/service-groq.svg')!important}body:has(.taskCard:nth-child(5).selected) .serviceGrid .serviceCard:nth-child(5) .serviceIcon{background-image:url('/illustrations/service-mistral.svg')!important}body:has(.taskCard:nth-child(5).selected) .serviceGrid .serviceCard:nth-child(6) .serviceIcon{background-image:url('/illustrations/service-together.svg')!important}body:has(.taskCard:nth-child(6).selected) .serviceGrid .serviceCard:nth-child(1) .serviceIcon{background-image:url('/illustrations/service-firecrawl.svg')!important}body:has(.taskCard:nth-child(6).selected) .serviceGrid .serviceCard:nth-child(2) .serviceIcon{background-image:url('/illustrations/service-openai.svg')!important}body:has(.taskCard:nth-child(6).selected) .serviceGrid .serviceCard:nth-child(3) .serviceIcon{background-image:url('/illustrations/service-groq.svg')!important}body:has(.taskCard:nth-child(6).selected) .serviceGrid .serviceCard:nth-child(4) .serviceIcon{background-image:url('/illustrations/service-runpod.svg')!important}body:has(.taskCard:nth-child(6).selected) .serviceGrid .serviceCard:nth-child(5) .serviceIcon{background-image:url('/illustrations/service-huggingface.svg')!important}body:has(.taskCard:nth-child(6).selected) .serviceGrid .serviceCard:nth-child(6) .serviceIcon{background-image:url('/illustrations/service-mistral.svg')!important}body:has(.taskCard:nth-child(6).selected) .serviceGrid .serviceCard:nth-child(7) .serviceIcon{background-image:url('/illustrations/service-together.svg')!important}
/* 키보드와 터치 환경에서 현재 선택 상태가 명확하도록 포커스와 모바일 동작을 정리합니다. */
.taskCard:focus-visible,.quickSearches button:focus-visible,.sortButtons button:focus-visible,.categoryFilters button:focus-visible,.searchBox input:focus-visible,.searchBox button:focus-visible,.header a:focus-visible{outline:3px solid rgba(104,84,217,.28);outline-offset:3px}@media(max-width:760px){.taskIcon{width:50px;height:50px;flex-basis:50px}.serviceIcon{width:50px;height:50px}.miniCard>span{width:40px;height:40px;flex-basis:40px}.serviceCard{min-height:0}.sortButtons{position:static;overflow-x:auto;white-space:nowrap;padding-bottom:4px}.sortButtons button{flex:0 0 auto}.filterRow{overflow-x:auto}.categoryFilters{flex-wrap:nowrap;white-space:nowrap}.serviceCard:hover{transform:none}.taskCard:hover{transform:none}.header{padding-left:16px;padding-right:16px}.hero{overflow:hidden}.searchBox{width:100%}.quickSearches{overflow-x:auto;white-space:nowrap;padding-bottom:4px}.quickSearches button{flex:0 0 auto}}