.canvas-container { background: #fefefe; border: 1px solid #ddd; border-radius: 16px; padding: 0.5rem; margin-top: 1rem; text-align: center; }
        #complexCanvas { background: #ffffff; border-radius: 12px; width: 100%; height: auto; }
        .legend { display: flex; justify-content: center; gap: 1.5rem; margin-top: 0.5rem; font-size: 0.85rem; }
        .legend-color { width: 16px; height: 16px; display: inline-block; border-radius: 50%; margin-right: 5px; }
        .coord-input { margin-bottom: 0.8rem; }
        .footer a { color: #ced4da; text-decoration: none; }
        .breadcrumb-item a { text-decoration: none; }
        .btn-outline-secondary:hover { background: #e9ecef; }
        .badge.bg-secondary { background: #6c757d; }
        .input-group-custom { margin-bottom: 1rem; }
        .polar-output { font-family: 'Courier New', monospace; background: #f1f3f5; padding: 0.5rem; border-radius: 8px; }
        .conjugate-rule-box { background: #e9ecef; padding: 1rem; border-radius: 12px; margin-top: 1.2rem; border-left: 3px solid var(--accent-color); }