.col-md-12 {
	padding-left: 0px;
    padding-right: 0px;
}
/* =====================================================
   БЛОК "ЗАДАНИЕ" — ФОРМА ОТВЕТА УЧЕНИКА
   Стили в дизайн-системе ny-lesson (без изменения классов)
   ===================================================== */

.lt-lesson-mission-block,
.lt-lesson-mission-block *:not(textarea),
.lesson-mission-wrapper,
.lesson-mission-wrapper *:not(textarea),
.answer-form,
.answer-form *:not(textarea) {
	box-sizing:border-box;
	overflow:visible !important;
}
.lt-lesson-mission-block input,
.lt-lesson-mission-block textarea,
.lt-lesson-mission-block select,
.lesson-mission-wrapper input,
.lesson-mission-wrapper textarea,
.lesson-mission-wrapper select {
	font:inherit;
}

/* === РАСШИРЯЕМ БЛОК ДО ПОЛНОЙ ШИРИНЫ РОДИТЕЛЯ === */
.lt-lesson-mission-block,
.lesson-mission-wrapper {
	/*width:100% !important;*/
	max-width:none !important;
}
.lt-lesson-mission-block .row,
.lt-lesson-mission-block [class*="col-"],
.lesson-mission-wrapper .row,
.lesson-mission-wrapper [class*="col-"] {
	/*width:100% !important;*/
	max-width:none !important;
	flex:0 0 100% !important;
}

/* === ОБЁРТКА БЛОКА === */
.lt-lesson-mission-block {
	width:100%;
	margin:0;
	padding:0;
	color:#1E2A3D;
	font-family:Georgia,"Times New Roman",serif;
	font-size:15px;
	line-height:1.55;
}

/* === ЗАГОЛОВОК "ЗАДАНИЕ" — как у .ny-lesson-homework__title === */
.lt-lesson-mission-block h3,
.lesson-mission-wrapper h3 {
	margin:0 0 18px;
	padding:0;
	color:#1E2A3D;
	font-family:Georgia,"Times New Roman",serif;
	font-size:clamp(24px,4.5vw,36px);
	font-weight:700;
	line-height:1.1;
	letter-spacing:-.01em;
	text-wrap:balance;
}

/* === КОНТЕЙНЕР ФОРМЫ === */
.lesson-mission-wrapper {
	width:100%;
}
.lesson-mission-wrapper .self-answers {
	margin-bottom:22px;
}

/* === КАРТОЧКА ФОРМЫ — flex-раскладка: аватар слева, контент справа === */
.answer-form {
	display:flex !important;
	flex-direction:row;
	align-items:flex-start;
	gap:16px;
	width:100% !important;
	max-width:none !important;
	padding:26px 28px 60px;
	margin:0 !important;
	border:1px solid #E0DBD3;
	border-radius:24px !important;
	background:#FFFFFF;
	box-shadow:0 18px 40px -30px rgba(30,42,61,.15);
}

/* === АВАТАР — круглый в стиле ny-lesson (фиксированная колонка слева) === */
.answer-form .user-profile-image {
	flex:0 0 auto !important;
	display:block !important;
	width:60px !important;
	min-width:60px !important;
	max-width:60px !important;
	height:60px !important;
	min-height:60px !important;
	max-height:60px !important;
	margin:0 !important;
	padding:0 !important;
	border:1px solid #E0DBD3 !important;
	border-radius:50% !important;
	-webkit-border-radius:50% !important;
	background:#FBF8F2 !important;
	background-image:none !important;
	overflow:hidden !important;
	flex-shrink:0;
	flex-grow:0;
	box-shadow:none !important;
	line-height:0;
	text-decoration:none !important;
	aspect-ratio:1 / 1;
}

.answer-form .user-profile-image img,
.answer-form .user-profile-image > img {
	display:block !important;
	width:100% !important;
	height:100% !important;
	min-width:100% !important;
	min-height:100% !important;
	max-width:100% !important;
	max-height:100% !important;
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
	border-radius:50% !important;
	-webkit-border-radius:50% !important;
	object-fit:cover !important;
}

/* === ВНУТРЕННИЙ БЛОК ФОРМЫ — занимает всё оставшееся пространство === */
.answer-form-inner {
	flex:1 1 0;
	min-width:0;
	margin-left:-10px;
	margin-right:-10px;
}
.answer-form-inner > div { margin-left:0 !important; padding-left:0 !important; }

/* === ОБЛАСТЬ ВВОДА ОТВЕТА === */
.answer-form .answer-textarea-container {
	position:relative;
	width:99%;
	margin:0 0 16px !important;
	padding-bottom:0 !important;
}

.answer-form textarea.emoji-textarea,
#LessonAnswer_answer_text,
.answer-form textarea.form-control {
	display:block;
	width:100%;
	min-height:130px;
	padding:18px 56px 18px 18px !important;
	margin:0 !important;
	border:1px solid #E0DBD3 !important;
	border-radius:14px !important;
	background:#FBF8F2 !important;
	background-image:none !important;
	color:#1E2A3D;
	font-family:Georgia,"Times New Roman",serif !important;
	font-size:15px !important;
	line-height:1.6;
	resize:vertical;
	transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
	box-shadow:none !important;
	outline:none;
}

.answer-form textarea.emoji-textarea:hover,
#LessonAnswer_answer_text:hover {
	border-color:#9aced3 !important;
	background:#FFFFFF !important;
}

.answer-form textarea.emoji-textarea:focus,
#LessonAnswer_answer_text:focus {
	border-color:#4c6e9b !important;
	background:#FFFFFF !important;
	box-shadow:0 0 0 3px rgba(76,110,155,.15) !important;
}

.answer-form textarea.emoji-textarea::placeholder,
#LessonAnswer_answer_text::placeholder {
	color:#8A95A5;
	font-style:italic;
	opacity:1;
}

/* === КНОПКА ЭМОДЗИ — круг в правом верхнем углу textarea === */
.answer-form .emoji-button,
.emoji-area .emoji-button,
.answer-form .emojiarea-button,
.answer-form .emojibtn {
	position:absolute;
	top:14px;
	right:14px;
	z-index:3;
	width:36px;
	height:36px;
	padding:0;
	border:1px solid #E0DBD3;
	border-radius:50%;
	background:#FFFFFF;
	background-image:none !important;
	color:#4c6e9b;
	cursor:pointer;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	transition:background .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
	line-height:1;
	box-shadow:0 4px 10px -6px rgba(30,42,61,.25);
}

.answer-form .emoji-button:hover,
.emoji-area .emoji-button:hover {
	background:#E2F4F6;
	color:#2C3E5A;
	transform:translateX(2px) scale(1.05);
	box-shadow:0 8px 16px -8px rgba(30,42,61,.35);
}

.answer-form .emoji-button:focus-visible {
	outline:2px solid #4c6e9b;
	outline-offset:3px;
}

/* === ОЧЕРЕДЬ ЗАГРУЖАЕМЫХ ФАЙЛОВ — в стиле группы инвентаря === */
#queue {
	display:flex;
	flex-direction:column;
	gap:8px;
	margin:14px 0 0;
	padding:0;
	clear:both;
}
#queue .uploadifive-queue-item {
	display:flex;
	align-items:center;
	gap:12px;
	padding:12px 16px;
	margin:0;
	border:1px solid #E0DBD3;
	border-radius:14px;
	background:#FBF8F2;
	color:#4A5868;
	font-family:Georgia,"Times New Roman",serif;
	font-size:13.5px;
	line-height:1.4;
	box-shadow:none;
	transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
#queue .uploadifive-queue-item:hover {
	transform:translateX(2px);
	border-color:#9aced3;
	box-shadow:0 8px 16px -10px rgba(30,42,61,.3);
}
#queue .uploadifive-queue-item .close {
	float:none;
	color:#b87a89;
	font-size:14px;
	opacity:.85;
	text-shadow:none;
	margin-left:auto;
	transition:opacity .2s ease, color .2s ease;
}
#queue .uploadifive-queue-item .close:hover {
	opacity:1;
	color:#9c6373;
}

/* === БЛОК ЗАГРУЗКИ ФАЙЛОВ — бирюзовая «таблетка» в стиле ny-lesson === */
.answer-form .uploadifive-button,
.answer-form input[type="file"] + .uploadifive-button,
#file_upload38502 + .uploadifive-button {
	display:inline-flex !important;
	align-items:center;
	justify-content:center;
	min-width:200px;
	min-height:48px;
	padding:14px 44px !important;
	margin:16px 0 0 !important;
	border:1px solid #4c6e9b !important;
	border-radius:50px !important;
	background:#4c6e9b !important;
	background-image:none !important;
	color:#FFFFFF !important;
	font-family:Georgia,"Times New Roman",serif !important;
	font-size:14px !important;
	font-weight:600 !important;
	letter-spacing:0 !important;
	line-height:1 !important;
	text-transform:none !important;
	text-shadow:none !important;
	box-shadow:0 4px 10px -4px rgba(76,110,155,.4) !important;
	cursor:pointer !important;
	white-space:nowrap !important;
	transition:background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease !important;
}

.answer-form .uploadifive-button:hover,
.answer-form input[type="file"] + .uploadifive-button:hover {
	background:#2c3e5a !important;
	border-color:#2c3e5a !important;
	color:#FFFFFF !important;
	transform:translateX(2px) !important;
	box-shadow:0 8px 16px -4px rgba(44,62,90,.55) !important;
}

.answer-form .uploadifive-button:active,
.answer-form input[type="file"] + .uploadifive-button:active {
	background:#1a2333 !important;
	border-color:#1a2333 !important;
	transform:translateX(1px) !important;
}

.answer-form .uploadifive-button:focus-visible {
	outline:2px solid #2c3e5a;
	outline-offset:3px;
}

/* === ПОДПИСЬ "максимальный размер файла" === */
.answer-form .text-muted.small,
.answer-form span.text-muted.small {
	display:block;
	margin:10px 0 0;
	color:#8A95A5;
	font-family:Georgia,"Times New Roman",serif;
	font-size:12.5px;
	font-style:italic;
	line-height:1.4;
}

/* === СКРЫТЫЕ ИНПУТЫ ВНУТРИ ОЧЕРЕДИ === */
.answer-form input[type="hidden"] { display:none !important; }

/* === КНОПКА "ОТПРАВИТЬ ОТВЕТ" — как у .ny-lesson-lesson__reference-button === */
.btn-send-answer,
button.btn-send-answer,
input.btn-send-answer,
a.btn-send-answer {
	display:inline-flex !important;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	min-width:200px;
	min-height:48px;
	padding:13px 24px !important;
	margin:18px 14px 0 0 !important;
	border:none !important;
	border-radius:50px !important;
	background:#b87a89 !important;
	background-image:none !important;
	color:#FFFFFF !important;
	-webkit-text-fill-color:#FFFFFF;
	font-family:Georgia,"Times New Roman",serif !important;
	font-size:13px !important;
	font-weight:700 !important;
	letter-spacing:.01em !important;
	line-height:1 !important;
	text-shadow:none !important;
	cursor:pointer !important;
	transition:background .2s ease, transform .2s ease, box-shadow .2s ease, filter .2s ease, color .2s ease !important;
	box-shadow:0 4px 10px -4px rgba(184,122,137,.4) !important;
	vertical-align:middle;
	position:relative;
	z-index:5;
}

.btn-send-answer:hover,
.btn-send-answer:focus,
button.btn-send-answer:hover,
button.btn-send-answer:focus,
a.btn-send-answer:hover,
a.btn-send-answer:focus {
	background:#9c6373 !important;
	color:#FFFFFF !important;
	-webkit-text-fill-color:#FFFFFF;
	transform:translateX(2px) !important;
	box-shadow:0 8px 18px -4px rgba(184,122,137,.55) !important;
}

.btn-send-answer:active,
button.btn-send-answer:active {
	background:#8a5767 !important;
	color:#FFFFFF !important;
	-webkit-text-fill-color:#FFFFFF;
	transform:translateX(1px) !important;
	box-shadow:0 4px 10px -4px rgba(184,122,137,.5) !important;
}

.btn-send-answer:focus-visible,
button.btn-send-answer:focus-visible {
	outline:2px solid #2C3E5A;
	outline-offset:3px;
}

.btn-send-answer[disabled],
.btn-send-answer[disabled]:hover,
button.btn-send-answer[disabled],
button.btn-send-answer[disabled]:hover {
	background:#d8c6ca !important;
	color:#FFFFFF !important;
	-webkit-text-fill-color:#FFFFFF;
	transform:none !important;
	box-shadow:none !important;
	filter:none !important;
	cursor:not-allowed;
}

/* === ССЫЛКА "СОХРАНИТЬ ЧЕРНОВИК" — текстовая ссылка в стиле ny-lesson === */
.btn-save-draft,
.btn.btn-link.btn-save-draft {
	display:inline-flex !important;
	align-items:center;
	padding:13px 4px !important;
	margin:18px 0 0 !important;
	border:none !important;
	background:transparent !important;
	background-image:none !important;
	color:#4c6e9b !important;
	font-family:Georgia,"Times New Roman",serif !important;
	font-size:14.5px !important;
	font-weight:600 !important;
	line-height:1.4 !important;
	text-decoration:none !important;
	text-shadow:none !important;
	cursor:pointer !important;
	transition:color .2s ease, transform .2s ease !important;
	vertical-align:middle;
}

.btn-save-draft:hover,
.btn-save-draft:focus {
	color:#2C3E5A !important;
	text-decoration:underline !important;
	text-underline-offset:4px;
	background:transparent !important;
	transform:translateX(2px) !important;
}

.btn-save-draft:focus-visible {
	outline:2px solid #4c6e9b;
	outline-offset:2px;
	border-radius:3px;
}

/* === ПЕРЕНОС СТРОКИ ВНУТРИ ФОРМЫ (убираем лишние отступы) === */
.answer-form br { display:none; }

/* === СООБЩЕНИЯ ОБ ОШИБКАХ ПОД ПОЛЯМИ === */
.answer-form .help-block {
	margin:6px 0 0;
	color:#b87a89;
	font-family:Georgia,"Times New Roman",serif;
	font-size:13px;
	line-height:1.4;
}
.answer-form .has-error textarea,
.answer-form .has-error input {
	border-color:#b87a89 !important;
}
.answer-form .has-error textarea:focus,
.answer-form .has-error input:focus {
	box-shadow:0 0 0 3px rgba(184,122,137,.18) !important;
}

/* =====================================================
   АДАПТИВ
   ===================================================== */

@media (max-width:640px) {
	.answer-form {
		flex-direction:column;
		gap:14px;
		padding:20px 20px 44px;
		border-radius:20px;
	}
	.answer-form .user-profile-image {
		width:46px !important;
		min-width:46px !important;
		max-width:46px !important;
		height:46px !important;
		min-height:46px !important;
		max-height:46px !important;
	}
	.answer-form-inner {
		width:100%;
		margin-left:0;
		margin-right:0;
		overflow:visible;
	}
	.answer-form textarea.emoji-textarea,
	#LessonAnswer_answer_text {
		min-height:110px;
		padding:14px 48px 14px 14px !important;
		font-size:14.5px !important;
		border-radius:12px !important;
	}
	.answer-form .emoji-button {
		top:10px;
		right:10px;
		width:32px;
		height:32px;
	}
	.answer-form .uploadifive-button,
	#file_upload38502 + .uploadifive-button {
		width:100%;
		justify-content:center;
		min-height:48px;
		padding:14px 24px !important;
		font-size:14px !important;
	}
	.btn-send-answer {
		width:100%;
		margin:16px 0 0 0 !important;
		padding:13px 24px !important;
		justify-content:center;
	}
	.btn-save-draft {
		width:100%;
		margin:6px 0 0 !important;
		justify-content:center;
		padding:10px 4px !important;
	}
	#queue .uploadifive-queue-item {
		padding:10px 12px;
		font-size:13px;
	}
}

/* =====================================================
   ДОСТУПНОСТЬ И УМЕНЬШЕНИЕ АНИМАЦИЙ
   ===================================================== */

@media (prefers-reduced-motion:reduce) {
	.lt-lesson-mission-block *,
	.lesson-mission-wrapper * {
		transition:none !important;
		animation:none !important;
	}
}