.drop-zone { border: 2px dashed #9ca3af; border-radius: 8px; padding: 30px; text-align: center; cursor: pointer; transition: border-color 0.2s; background: #f9fafb; margin-bottom: 16px; }
			.drop-zone:hover { border-color: var(--primary-color); }

			.control-group { margin-bottom: 16px; }
			.control-group label { display: flex; justify-content: space-between; margin-bottom: 6px; font-weight: 600; font-size: 0.85rem; }
			.control-group input[type="range"] { width: 100%; accent-color: var(--primary); }

			.stats { background: #f3f4f6; padding: 14px; border-radius: 8px; font-size: 0.85rem; margin-bottom: 16px; display: flex; flex-direction: column; gap: 6px; }
			.stats-row { display: flex; justify-content: space-between; }
			.stats span { font-weight: 600; }
			.savings { color: #16a34a; font-weight: bold; text-align: center; margin-top: 4px; border-top: 1px solid #e5e7eb; padding-top: 6px; }

			.action-btn { width: 100%; background-color: var(--primary-color); color: white; border: none; border-radius: 8px; padding: 12px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: background-color 0.2s; text-decoration: none; display: inline-block; text-align: center; }
			.action-btn:hover { background-color: var(--primary-hover); }
			.action-btn:disabled { background-color: #9ca3af; cursor: not-allowed; }