.portfolio-view-component{display:inline-block}.portfolio-modal-header{background:linear-gradient(135deg,#667eea,#764ba2)}[x-cloak]{display:none!important}.portfolio-view-component img{transition:transform .3s ease}.portfolio-view-component .overflow-y-auto::-webkit-scrollbar{width:8px}.portfolio-view-component .overflow-y-auto::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.portfolio-view-component .overflow-y-auto::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.portfolio-view-component .overflow-y-auto::-webkit-scrollbar-thumb:hover{background:#555}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.portfolio-view-component [x-show]{animation:fadeIn .3s ease-in-out}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@media (max-width: 640px){.portfolio-view-component .max-w-6xl,.portfolio-view-component .max-w-4xl{margin:.25rem;max-height:calc(100vh - .5rem);border-radius:.5rem}.portfolio-view-component .portfolio-modal-header{padding:.75rem}.portfolio-view-component .text-3xl{font-size:1.5rem}.portfolio-view-component .text-2xl{font-size:1.25rem}.portfolio-view-component .text-xl{font-size:1.125rem}.portfolio-view-component .text-lg{font-size:1rem}}@media (max-width: 768px){.portfolio-view-component .max-w-6xl{margin:.5rem;max-height:calc(100vh - 1rem)}.portfolio-view-component .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 769px) and (max-width: 1024px){.portfolio-view-component .max-w-6xl{margin:1rem}}.portfolio-view-component iframe{min-height:400px}@media (max-width: 640px){.portfolio-view-component iframe{min-height:300px}}@media (max-width: 640px){.portfolio-view-component button,.portfolio-view-component a{min-height:44px;min-width:44px}}.portfolio-view-component .break-words{word-wrap:break-word;overflow-wrap:break-word}@media (max-width: 640px){.portfolio-view-component .space-y-2>*+*{margin-top:.5rem}.portfolio-view-component .gap-2{gap:.5rem}}