::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#57c27a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#4aad6a}body{font-family:'Trebuchet MS',sans-serif}.color-card:hover .color-actions{opacity:1}.color-actions{transition:opacity .2s}.copy-notification{animation:1.5s ease-in-out fadeInOut}@keyframes fadeInOut{0%{opacity:0;transform:translateY(10px)}20%,80%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-10px)}}input[type=color]{-webkit-appearance:none;appearance:none;width:60px;height:60px;border-radius:16px;border:3px solid #3a3d40;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:.3s}input[type=color]:hover{transform:scale(1.05);box-shadow:0 6px 12px rgba(0,0,0,.3)}input[type=color]::-webkit-color-swatch-wrapper{padding:0;border-radius:12px}input[type=color]::-webkit-color-swatch{border:none;border-radius:12px}.btn-animate{transition:.3s}.btn-animate:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.btn-animate:active{transform:translateY(0)}.tab-content{display:none}.tab-content.active{display:block}.tab-btn{position:relative;padding:.5rem 1rem;cursor:pointer;transition:.3s}.tab-btn::after{content:'';position:absolute;bottom:0;left:0;width:0;height:3px;background-color:#57c27a;transition:width .3s}.tab-btn.active{color:#57c27a}.tab-btn.active::after{width:100%}.image-upload{border:2px dashed #3a3d40;border-radius:12px;transition:.3s}.image-upload:hover{border-color:#57c27a}.image-upload.active{border-color:#57c27a;background-color:rgba(87,194,122,.05)}.canvas-container{position:relative;margin-top:1rem;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:.3s}.canvas-container canvas{display:block;width:100%;height:auto;transition:transform .3s}.canvas-container:hover canvas{transform:scale(1.02)}.image-preview-container{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.15);margin-bottom:1rem}.image-preview{width:100%;height:auto;display:block;transition:transform .3s}.image-preview-container:hover .image-preview{transform:scale(1.02)}.image-preview-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.3);opacity:0;transition:opacity .3s}.image-preview-container:hover .image-preview-overlay{opacity:1}