:root { 
            --light-bg: #f8f9fc;
            --border-color: #dee2e6;
        }
 
        .slider-container {
            margin-bottom: 1.2rem;
        }
        .slider-container label {
            font-weight: 600;
            margin-bottom: 0.3rem;
            display: block;
        }
        .watercolor-canvas {
            width: 100%;
            border-radius: 20px;
            background: #f0f2f5;
            box-shadow: 0 4px 14px rgba(0,0,0,0.1);
            margin-top: 1rem;
        }
        .legend-badge {
            background: #eef2f5;
            border-radius: 60px;
            padding: 6px 12px;
            font-size: 0.8rem;
        }
        footer {
            background: #f8f9fa;
            margin-top: 3rem;
        }
        @media (max-width: 768px) {
            .tool-header h1 { font-size: 1.8rem; }
        }