.conv-pass-layout { display: flex; flex-direction: column; gap: 20px; }

/* Display da Senha Gerada */
.conv-pass-display {
	background: #f1f5f9;
	padding: 25px;
	border-radius: var(--conv-radius);
	text-align: center;
	border: 2px dashed var(--conv-border);
	position: relative;
	transition: var(--conv-transition);
}

.conv-pass-display.strong { border-color: #22c55e; background: #f0fdf4; }
.conv-pass-display.weak { border-color: #ef4444; background: #fef2f2; }

#passwordOutput {
	font-family: 'JetBrains Mono', monospace;
	font-size: 1.8rem;
	font-weight: 800;
	color: var(--conv-secondary);
	word-break: break-all;
	letter-spacing: 2px;
}

/* Medidor de Força */
.conv-strength-meter {
	height: 8px;
	background: #e2e8f0;
	border-radius: 10px;
	margin: 15px 0;
	overflow: hidden;
}

#strengthBar {
	height: 100%;
	width: 0%;
	transition: width 0.4s ease, background-color 0.4s ease;
}

/* Controles Grade Rubi */
.conv-pass-options {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 15px;
	background: #f8fafc;
	padding: 20px;
	border-radius: var(--conv-radius);
}

.conv-opt-item {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 0.8rem;
	font-weight: 700;
	color: var(--conv-secondary);
}

.conv-opt-item input[type="checkbox"] {
	width: 18px; height: 18px; accent-color: var(--conv-primary);
}