/* drobne style, których nie da się wygodnie zrobić w Tailwindzie */
.card-hover{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,border-color .2s ease}
.card-hover:hover{transform:translateY(-2px);box-shadow:0 12px 28px -8px rgba(15,23,42,.06),0 4px 10px -4px rgba(15,23,42,.03)}
@keyframes fadeIn{from{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}
.modal-animate{animation:fadeIn .2s cubic-bezier(.16,1,.3,1) forwards}
summary::-webkit-details-marker{display:none}

/* kreator rang */
.preview-box{background-color:#fafbfc;background-image:radial-gradient(#e2e8f0 1px,transparent 1px);background-size:16px 16px}
#prefixCanvas{image-rendering:pixelated;image-rendering:crisp-edges;flex:none}
#presets button{aspect-ratio:1/1;border-radius:8px;border:1px solid rgba(0,0,0,.12);cursor:pointer;padding:0;transition:transform .1s}
#presets button:hover{transform:scale(1.12)}
#presets button.active{outline:2px solid #0F172A;outline-offset:2px}