#dodaj-foto .df-box {
	max-width: 520px;
	margin: 20px auto;
	padding: 16px 20px 20px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0,0,0,.15);
	position: relative;
	font-size: 14px;
}
#dodaj-foto .df-close {
	position: absolute; top: 8px; right: 10px;
	border: none; background: none; font-size: 20px; cursor: pointer; line-height: 1;
}
#dodaj-foto .df-tytul { margin: 0 0 12px; font-size: 16px; }
#dodaj-foto .df-cel { font-weight: normal; color: #666; font-size: 13px; }
#dodaj-foto .df-drop {
	border: 2px dashed #999; border-radius: 6px; padding: 24px 10px;
	text-align: center; cursor: pointer; color: #555;
}
#dodaj-foto .df-drop-nad { background: #f0f6ff; border-color: #3b82f6; }
#dodaj-foto .df-podglad { display: flex; gap: 16px; margin: 14px 0; }
#dodaj-foto .df-podglad > div { flex: 1; text-align: center; }
#dodaj-foto .df-podglad p { margin: 0 0 4px; font-size: 12px; color: #777; }
#dodaj-foto .df-podglad canvas { max-width: 100%; height: auto; border: 1px solid #ddd; }
#dodaj-foto .df-pole { display: block; margin: 10px 0; }
#dodaj-foto .df-pole input, #dodaj-foto .df-pole textarea {
	width: 100%; margin-top: 4px; box-sizing: border-box; padding: 6px; font-family: inherit;
}
#dodaj-foto .df-wyslij {
	margin-top: 8px; padding: 8px 18px; background: #2563eb; color: #fff;
	border: none; border-radius: 5px; cursor: pointer;
}
#dodaj-foto .df-wyslij:disabled { background: #aaa; cursor: not-allowed; }
#dodaj-foto .df-status { margin-top: 8px; min-height: 18px; }
#dodaj-foto .df-status.df-blad { color: #c0392b; }
#dodaj-foto .df-status.df-ok { color: #1e7e34; }