.drop-zone {
    	border: 2px dashed #dee2e6;
    	border-radius: 0.5rem;
    	padding: 3rem;
    	text-align: center;
    	/* background-color: #f8f9fa; */
    	transition: all 0.2s ease;
    	cursor: pointer;
    }

    .drop-zone:hover,
    .drop-zone.drag-over {
    	border-color: #0d6efd;
    	/* background-color: #e7f1ff; */
    }

    .svg-item {
    	border: 1px solid #dee2e6;
    	border-radius: 0.375rem;
    	padding: 0.75rem;
    	margin-bottom: 0.75rem;
    	/* background-color: #fff; */
    }

    .svg-preview {
    	width: 100%;
    	height: 60px;
    	border: 1px solid #dee2e6;
    	border-radius: 0.375rem;
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	/* background-color: #f8f9fa; */
    	overflow: hidden;
    }

    .svg-preview svg {
    	max-width: 100%;
    	max-height: 100%;
    }

    .svg-name-input {
    	font-weight: 500;
    }

    .svg-list {
    	max-height: 400px;
    	overflow-y: auto;
    }

    textarea {
    	font-family: var(--bs-font-monospace);
    	font-size: 0.875rem;
    }

    .empty-state {
    	text-align: center;
    	padding: 3rem 1.5rem;
    	color: #6c757d;
    }