.home-upload-sharing {
	margin-top: 12px;
	padding: 12px 13px;
	border: 1px solid var(--border-soft);
	border-radius: var(--radius-md);
	background: var(--surface-subtle);
}
.home-upload-sharing[hidden] { display: none !important; }
.home-upload-sharing-head { display: flex; align-items: flex-start; gap: 9px; margin-bottom: 9px; }
.home-upload-sharing-head i { margin-top: 3px; color: var(--color-muted); }
.home-upload-sharing-head strong { display: block; }
.home-upload-sharing-head small { display: block; margin-top: 2px; color: var(--color-muted); }
.upload-share-picker,
.image-share-picker { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px; }
.upload-share-chips,
.image-share-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.upload-share-chip,
.image-share-chip {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	padding: 4px 7px;
	border: 1px solid var(--border-medium);
	border-radius: 999px;
	background: var(--surface2);
	color: var(--color-text);
	font-size: .76rem;
	cursor: pointer;
}
.upload-share-chip:hover,
.image-share-chip:hover { border-color: var(--color-muted); }

.upload-bulk-links {
	margin-bottom: 14px;
	padding: 13px;
	border: 1px solid var(--border-medium);
	border-radius: var(--radius-md);
	background: var(--surface2);
}
.upload-bulk-links-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 9px; }
.upload-bulk-links-head strong { display: block; }
.upload-bulk-links-head small { display: block; margin-top: 2px; color: var(--color-muted); }
.upload-bulk-links-controls { display: grid; grid-template-columns: minmax(150px, 220px) minmax(0, 1fr) auto; gap: 8px; align-items: stretch; }
.upload-bulk-links textarea { min-height: 94px; resize: vertical; font-family: var(--font-monospace, monospace); font-size: .78rem; }
.upload-share-warning { margin: 8px 0 0; padding: 7px 9px; border-left: 3px solid var(--ui-warning); background: var(--surface2); font-size: .78rem; }

.image-detail-v2 > .card-body { padding: 14px; }
.image-detail-v2 .image-detail-preview-wrap { padding: 8px; border: 1px solid var(--border-soft); border-radius: var(--radius-md); background: var(--surface-subtle); }
.image-detail-v2 .image-detail-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.image-detail-v2 .image-detail-actions .btn { min-width: 0; margin: 0; }
.image-detail-section-title { margin: 0 0 8px; font-size: .78rem; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; color: var(--color-muted); }
.image-detail-v2 .image-detail-meta-grid { gap: 0; overflow: hidden; border: 1px solid var(--border-soft); border-radius: var(--radius-md); background: var(--surface-subtle); }
.image-detail-v2 .image-detail-meta-grid > div { padding: 9px 10px; border-bottom: 1px solid var(--border-soft); }
.image-detail-v2 .image-detail-meta-grid > div:last-child { border-bottom: 0; }
.image-detail-v2 .image-detail-badges { display: flex; flex-wrap: wrap; gap: 5px; }
.image-detail-v2 .image-detail-badges .badge { margin: 0 !important; font-size: .72rem; }

.image-hidden-share-panel { display: grid; gap: 9px; }
.image-hidden-share-form { display: grid; gap: 8px; }
.image-share-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.image-share-columns > div { min-width: 0; padding: 9px; border: 1px solid var(--border-soft); border-radius: var(--radius-sm); background: var(--surface); }
.image-share-columns > div > b { display: block; margin-bottom: 5px; font-size: .78rem; }
.image-hidden-share-user small { color: var(--color-muted); }

.image-detail-limited-card { max-width: 980px; margin-left: auto; margin-right: auto; }
.limited-image-actions { display: flex; flex-wrap: wrap; gap: 7px; justify-content: center; }
.limited-image-community { display: grid; gap: 12px; padding: 12px; border: 1px solid var(--border-soft); border-radius: var(--radius-md); background: var(--surface-subtle); }
.limited-image-community-title { font-weight: 900; }
.limited-image-rating { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.limited-image-comment-form { display: grid; gap: 6px; }

.viewimage-community { display: grid; gap: 8px; margin-top: 9px; padding-top: 9px; border-top: 1px solid var(--border-soft); }
.viewimage-community-rating { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.viewimage-community-stars { display: inline-flex; gap: 2px; }
.viewimage-community-star { padding: 0; border: 0; background: transparent; color: var(--color-muted); cursor: pointer; }
.viewimage-community-star.is-active,
.viewimage-community-star:hover { color: var(--ui-warning); }
.viewimage-community-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.viewimage-community-comment[hidden] { display: none !important; }
.viewimage-community-comment { display: grid; gap: 6px; }
.viewimage-community-feedback { min-height: 1rem; color: var(--color-muted); font-size: .75rem; }

.image-detail-extra { border: 1px solid var(--border-soft); border-radius: var(--radius-md); padding: 10px 12px; }
.image-detail-extra > summary { cursor: pointer; font-weight: 600; }
.image-detail-extra[open] > summary { margin-bottom: 12px; }
.image-quick-comment { border-top: 1px solid var(--border-soft); padding: 10px 0; overflow-wrap: anywhere; }
.image-quick-comment small { margin-left: 8px; color: var(--color-muted); }
.image-quick-comment p { margin: 5px 0 0; white-space: pre-wrap; }

@media (max-width: 767.98px) {
	.upload-share-picker,
	.image-share-picker,
	.upload-bulk-links-controls,
	.image-share-columns { grid-template-columns: 1fr; }
	.image-detail-v2 .image-detail-actions { grid-template-columns: 1fr; }
}

.watermark-position-preview { position: relative; width: min(100%, 480px); aspect-ratio: 16 / 9; border: 1px solid var(--border-soft); border-radius: 12px; background: var(--surface-subtle); display: grid; place-items: center; overflow: hidden; color: var(--color-muted); }
.watermark-position-preview img { position: absolute; max-width: 35%; max-height: 35%; width: auto; height: auto; right: 1.125%; bottom: 2%; object-fit: contain; }
.watermark-position-preview[data-position="top-left"] img { left: 1.125%; top: 2%; right: auto; bottom: auto; }
.watermark-position-preview[data-position="top-right"] img { top: 2%; bottom: auto; }
.watermark-position-preview[data-position="bottom-left"] img { left: 1.125%; right: auto; }
.watermark-position-preview[data-position="center"] img { left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); }

.image-rating, .limited-image-rating, .viewimage-community-rating { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 14px; border: 1px solid var(--border-soft, #667085); border-radius: 14px; background: var(--surface-subtle, transparent); }
.image-rating-title { margin: 0; font-size: .9rem; font-weight: 600; }
.image-rating-stars, .viewimage-community-stars { display: inline-flex; flex-wrap: nowrap; width: 100%; max-width: 230px; gap: 5px; margin: 0; }
.image-rating-star, .viewimage-community-star { display: inline-grid; place-items: center; flex: 1 1 0; min-width: 0; max-width: 42px; width: 42px; height: 42px; padding: 0; border: 1px solid var(--border-soft, #667085); border-radius: 10px; background: transparent; color: var(--color-muted, #667085); font-size: 19px; line-height: 1; cursor: pointer; transition: background-color .15s, border-color .15s, color .15s; }
.image-rating-star.is-active, .viewimage-community-star.is-active { color: #b77900; background: rgba(234, 179, 8, .14); border-color: rgba(202, 138, 4, .6); }
[data-skin="dark"] .image-rating-star.is-active, [data-skin="dark"] .viewimage-community-star.is-active { color: #fcd34d; }
.has-rating-preview .image-rating-star, .has-rating-preview .viewimage-community-star { background: transparent; border-color: var(--border-soft, #667085); color: var(--color-muted, #667085); }
.image-rating-star.is-preview, .viewimage-community-star.is-preview { color: #b77900; background: rgba(234, 179, 8, .2); border-color: #ca8a04; }
[data-skin="dark"] .image-rating-star.is-preview, [data-skin="dark"] .viewimage-community-star.is-preview { color: #fde68a; }
.image-rating-star:focus-visible, .viewimage-community-star:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.image-rating-star:disabled, .viewimage-community-star:disabled { cursor: default; opacity: .6; }
.image-rating-meta, .limited-image-rating > small, .viewimage-community-rating > small { font-size: .85rem; line-height: 1.5; font-variant-numeric: tabular-nums; }
#image-rating-feedback:empty, [data-quick-rating-feedback]:empty { display: none; }
@media (prefers-reduced-motion: reduce) { .image-rating-star, .viewimage-community-star { transition: none; } }

.has-rating-preview .image-rating-star.is-active:not(.is-preview), .has-rating-preview .viewimage-community-star.is-active:not(.is-preview) { background: transparent; border-color: var(--border-soft, #667085); color: var(--color-muted, #667085); }