lemuriavale/screenshot-wizardry

1/* Main styles */2body {3    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;4}5 6/* Custom scrollbar */7::-webkit-scrollbar {8    width: 8px;9    height: 8px;10}11 12::-webkit-scrollbar-track {13    background: #f1f1f1;14    border-radius: 10px;15}16 17::-webkit-scrollbar-thumb {18    background: #c1c1c1;19    border-radius: 10px;20}21 22::-webkit-scrollbar-thumb:hover {23    background: #a8a8a8;24}25 26/* Dropzone styling */27#screenshot-upload + div:hover {28    background-color: #f8fafc;29    border-color: #93c5fd;30}31 32/* Tool buttons */33button[id$="-tool"] {34    transition: all 0.2s ease;35}36 37button[id$="-tool"]:hover {38    background-color: #e2e8f0;39    transform: translateY(-1px);40}41 42/* Color buttons */43button[class*="bg-"]:not([class*="hover:bg-"]) {44    transition: transform 0.2s ease;45}46 47button[class*="bg-"]:not([class*="hover:bg-"]):hover {48    transform: scale(1.1);49}50 51/* Responsive adjustments */52@media (max-width: 1024px) {53    .grid-cols-1 {54        grid-template-columns: 1fr;55    }56    57    .lg\:col-span-2 {58        grid-column: span 1;59    }60}