.in4u-yt { max-width: 760px; margin: 0 auto; font-family: inherit; }

.in4u-yt-field { display: block; margin-bottom: 14px; }
.in4u-yt-field > span { display: block; font-size: 14px; font-weight: 600; color: #374151; margin-bottom: 6px; }
.in4u-yt-field input[type="text"] {
	width: 100%; padding: 11px 12px; border: 1px solid #cbd5e1; border-radius: 8px; font-size: 15px; font-family: inherit; min-height: 46px; direction: ltr; text-align: left;
}
.in4u-yt-msg { display: block; font-size: 14px; margin-top: 8px; min-height: 18px; }
.in4u-yt-msg.in4u-yt-ok { color: #059669; }
.in4u-yt-msg.in4u-yt-err { color: #dc2626; }

.in4u-yt-preview { margin-bottom: 16px; }
.in4u-yt-pv { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 10px; background: #000; }
.in4u-yt-pv iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

.in4u-yt-options {
	display: flex; flex-direction: column; gap: 10px;
	background: #f7f8fa; border: 1px solid #e5e7eb; border-radius: 12px; padding: 16px; margin-bottom: 16px;
}
.in4u-yt-opt { display: flex; align-items: flex-start; gap: 8px; font-size: 15px; color: #1f2937; cursor: pointer; line-height: 1.5; }
.in4u-yt-opt input[type="checkbox"] { margin-top: 3px; flex-shrink: 0; }
.in4u-yt-opt small { color: #6b7280; font-size: 12px; }
.in4u-yt-opt-inline { align-items: center; gap: 10px; }
.in4u-yt-opt-inline > span { font-size: 15px; color: #1f2937; }
.in4u-yt-start { width: 130px; padding: 7px 10px; border: 1px solid #cbd5e1; border-radius: 8px; font-size: 14px; direction: ltr; text-align: left; }

.in4u-yt-out b { display: block; font-size: 14px; color: #374151; margin-bottom: 6px; }
.in4u-yt-code {
	width: 100%; border: 1px solid #d1d5db; background: #f9fafb; border-radius: 8px; padding: 10px 12px;
	font-size: 13px; line-height: 1.5; font-family: ui-monospace, Menlo, Consolas, monospace;
	direction: ltr; text-align: left; resize: vertical; min-height: 90px;
}
.in4u-yt-actions { display: flex; gap: 10px; align-items: center; margin-top: 10px; }
.in4u-yt-btn { padding: 10px 18px; border-radius: 8px; border: 1px solid transparent; font-size: 15px; font-weight: 600; cursor: pointer; }
.in4u-yt-btn-primary { background: #2563eb; color: #fff; }
.in4u-yt-btn-primary:hover { background: #1d4ed8; }
.in4u-yt-status { font-size: 14px; color: #059669; }