.image-canvas-container { background: #1e2a36; border-radius: 20px; padding: 1rem; box-shadow: 0 8px 20px rgba(0,0,0,0.1); }
        #imageCanvas { display: block; width: 100%; height: auto; background: #f0f2f5; border-radius: 12px; cursor: crosshair; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
        .control-group { background: white; border-radius: 16px; padding: 1.2rem; margin-bottom: 1.5rem; box-shadow: 0 2px 6px rgba(0,0,0,0.05); }
        .blur-slider { width: 100%; }
        .badge-feature { background-color: #e9ecef; color: #2c3e66; padding: 0.4rem 0.8rem; border-radius: 40px; font-size: 0.8rem; }
        .legend-tool { display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 0.5rem; font-size: 0.85rem; }
        .legend-color { width: 18px; height: 18px; background: #ff6b4a; border-radius: 3px; display: inline-block; margin-right: 5px; }
        .btn-action { transition: all 0.2s; }
        .step-guide { counter-reset: step; }
        .step-item { margin-bottom: 1rem; padding-left: 2rem; position: relative; }
        .step-item:before { counter-increment: step; content: counter(step); background: var(--primary-color); color: white; font-weight: bold; width: 24px; height: 24px; border-radius: 30px; display: inline-flex; align-items: center; justify-content: center; position: absolute; left: -8px; top: 0; font-size: 0.8rem; }