.empty-state{grid-column:1/-1;min-height:235px;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#eae8df80;border:1px dashed var(--line);padding:35px 20px;text-align:center}.empty-state>span{font-size:55px;color:var(--orange);line-height:1.2}.empty-state h3{font:500 24px 'Manrope';letter-spacing:-.5px;margin:15px 0 0}.empty-state p{font-size:12px;color:var(--muted);line-height:1.9}.empty-state .pill{display:inline-flex;font-size:11px;padding:10px 16px;margin-top:7px}.work-filters{margin:0 0 25px;flex-wrap:wrap}.work-card{transition:transform .2s ease-out;transform-style:preserve-3d;will-change:transform}.uploaded img,.product-art img{width:100%;height:100%;object-fit:cover}.generated{display:flex;align-items:center;justify-content:center;flex-direction:column;background:#e7c6b1;padding:30px;text-align:center}.generated>span{font-size:130px;color:var(--orange);line-height:1.3}.generated strong{font-size:24px;font-weight:500}.generated.music{background:#d6cfdf}.generated.game{background:#dce3b4}.generated.other{background:#dbded6}.object-symbol{font-size:110px;color:var(--orange)}.product-art{background:#e6e0d2}.socials>a{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:24px 0;font-size:19px;transition:padding .2s,color .2s}.socials>a:hover{color:var(--orange);padding-left:12px}.socials>a b{font:10px 'DM Sans';color:var(--muted)}.pre-line{white-space:pre-line;overflow-wrap:anywhere}#profile-bio{max-width:500px}.profile-name{font-family:'Manrope','Noto Sans Thai',sans-serif}#profile-avatar{width:85px;height:85px;object-fit:cover;border-radius:50%;margin-bottom:20px}.owner-edit{position:fixed;right:22px;bottom:22px;background:var(--ink);color:var(--paper);padding:13px 20px;border-radius:30px;z-index:5;box-shadow:0 5px 18px #0002;font-size:12px}.field{display:flex;flex-direction:column;gap:8px;margin:20px 0;font-size:13px}.field select{padding:12px;border:1px solid var(--line);background:var(--paper);font:inherit}.external-buy{display:block;text-align:center;margin-top:20px;font-size:12px;text-decoration:underline}.detail-product{height:300px}.detail-product img{object-fit:contain}.media-player{width:100%;aspect-ratio:16/9;border:0;margin:15px 0}.spotify-player{width:100%;height:152px;border:0;margin:15px 0}audio{width:100%;margin:20px 0}.post-kind{margin-top:25px}.order-link{display:flex;margin-top:15px;justify-content:center}#detail-content .pill{display:inline-flex}.load-error{font-size:13px;color:#a13f21}.hero-title h1{animation:arrive 1s cubic-bezier(.2,.7,.2,1) both}.hero .eyebrow{animation:arrive .7s .1s both}.hero-note{animation:arrive .9s .25s both}.hero-bottom{animation:arrive .9s .35s both}.hero-art{animation:art-arrive 1.1s .15s both}.flower{transition:transform .2s ease-out}.sticker{animation:float 6s ease-in-out infinite}.spark{animation:spin 22s linear infinite}.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.revealed{opacity:1;transform:none}.pill,.add,.round{transition:background .2s,color .2s,transform .2s}.pill:hover{transform:translateY(-3px)}.add:hover{transform:rotate(90deg)}.closing a{transition:letter-spacing .3s}.closing a:hover{letter-spacing:-1px}.bag{transition:transform .2s}.bag:hover{transform:translateY(-2px)}#detail[open],#cart[open]{animation:dialog-arrive .3s ease-out}.hero-title h1{overflow-wrap:anywhere;font-size:clamp(54px,8.7vw,125px)}footer>div{font-size:10px;color:var(--muted)}
@keyframes arrive{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes art-arrive{from{opacity:0;clip-path:inset(12% 0 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes float{0%,100%{transform:translateY(0) rotate(12deg)}50%{transform:translateY(-12px) rotate(8deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dialog-arrive{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
@media(max-width:580px){.hero-title h1{font-size:clamp(44px,11.5vw,68px)}.hero-title{gap:10px}.hero-note{flex-shrink:0}.empty-state h3{font-size:20px}.filters{gap:5px}.work-filters button{font-size:10px;padding:8px 11px}.socials>a{font-size:17px;padding:20px 0}.owner-edit{font-size:10px;padding:11px 14px;right:14px;bottom:14px}.hero .eyebrow{line-height:1.8}.profile-name{overflow-wrap:anywhere}.hero-bottom p{max-width:190px}.product-art img{object-fit:cover}.detail-product img{object-fit:contain}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.work-card{transform:none!important}}