.diuao-gallery {
	--diuao-bg: #15120f;
	--diuao-ink: #f6f0e8;
	--diuao-muted: #b9afa3;
	--diuao-line: rgba(246, 240, 232, 0.18);
	--diuao-panel: rgba(21, 18, 15, 0.76);
	--diuao-panel-solid: rgba(21, 18, 15, 0.94);
	--diuao-accent: #67d1c6;
	--diuao-warm: #f2b84b;
	--diuao-coral: #f27f64;
	--diuao-green: #9ac46d;
	--diuao-topbar-space: 112px;
	--diuao-gallery-bg:
		linear-gradient(90deg, rgba(255, 255, 255, 0.023) 1px, transparent 1px),
		linear-gradient(rgba(255, 255, 255, 0.016) 1px, transparent 1px),
		linear-gradient(115deg, rgba(103, 209, 198, 0.14) 0%, rgba(103, 209, 198, 0) 34%),
		linear-gradient(245deg, rgba(242, 184, 75, 0.12) 0%, rgba(242, 184, 75, 0) 32%),
		linear-gradient(145deg, #15120f 0%, #211b16 42%, #11100e 100%);
	--diuao-gallery-bg-size: 46px 46px, 46px 46px, auto, auto, auto;
	--diuao-gallery-bg-position: 0 0, 0 0, center, center, center;
	--diuao-gallery-bg-repeat: repeat, repeat, no-repeat, no-repeat, no-repeat;
	--diuao-topbar-bg: linear-gradient(to bottom, rgba(21, 18, 15, 0.9), rgba(21, 18, 15, 0));
	--diuao-control-bg: rgba(255, 255, 255, 0.08);
	--diuao-control-hover-bg: rgba(255, 255, 255, 0.14);
	--diuao-primary-action-bg: rgba(103, 209, 198, 0.18);
	--diuao-primary-action-border: rgba(103, 209, 198, 0.54);
	--diuao-filter-active-bg: var(--diuao-ink);
	--diuao-filter-active-ink: #121412;
	--diuao-select-option-bg: #f2f0ea;
	--diuao-select-option-ink: #121412;
	--diuao-card-bg: #f7f0e8;
	--diuao-card-ink: #181713;
	--diuao-card-title: #24231f;
	--diuao-card-border: rgba(255, 255, 255, 0.18);
	--diuao-card-shadow: 0 16px 32px rgba(0, 0, 0, 0.34), 0 1px 0 rgba(255, 255, 255, 0.22) inset;
	--diuao-card-mark-ring: rgba(247, 240, 232, 0.84);
	--diuao-viewer-scrim: rgba(9, 8, 7, 0.76);
	--diuao-viewer-nav-bg: rgba(16, 17, 16, 0.72);
	--diuao-viewer-nav-hover-bg: rgba(255, 255, 255, 0.14);
	--diuao-comment-bg: rgba(255, 255, 255, 0.05);
	--diuao-comment-border: rgba(255, 255, 255, 0.1);
	--diuao-input-bg: rgba(255, 255, 255, 0.08);
	--diuao-reply-border: rgba(255, 255, 255, 0.12);
	--diuao-owner-ink: #101110;
	position: relative;
	width: 100vw;
	max-width: 100vw !important;
	min-height: 100vh;
	margin-right: calc(50% - 50vw) !important;
	margin-left: calc(50% - 50vw) !important;
	background: var(--diuao-gallery-bg);
	background-size: var(--diuao-gallery-bg-size);
	background-position: var(--diuao-gallery-bg-position);
	background-repeat: var(--diuao-gallery-bg-repeat);
	color: var(--diuao-ink);
	overflow: hidden;
	isolation: isolate;
	user-select: none;
}

.diuao-gallery.is-viewer-open,
.diuao-gallery.is-help-open {
	z-index: 1100;
}

.diuao-gallery--preset-light {
	--diuao-bg: #f6f4ef;
	--diuao-ink: #23221f;
	--diuao-muted: #6b6760;
	--diuao-line: rgba(35, 34, 31, 0.14);
	--diuao-panel: rgba(255, 255, 252, 0.68);
	--diuao-panel-solid: rgba(255, 255, 252, 0.94);
	--diuao-accent: #2f8d88;
	--diuao-warm: #b99254;
	--diuao-coral: #d7654f;
	--diuao-gallery-bg:
		radial-gradient(ellipse at 18% 12%, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0) 38%),
		radial-gradient(ellipse at 82% 88%, rgba(208, 221, 219, 0.36) 0%, rgba(208, 221, 219, 0) 44%),
		linear-gradient(145deg, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0.16) 42%, rgba(207, 213, 211, 0.20) 100%),
		linear-gradient(160deg, #fbfaf7 0%, #f4f2ed 56%, #e9e7e1 100%);
	--diuao-gallery-bg-size: auto, auto, auto, auto;
	--diuao-gallery-bg-position: center, center, center, center;
	--diuao-gallery-bg-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	--diuao-topbar-bg: linear-gradient(to bottom, rgba(252, 250, 246, 0.92), rgba(252, 250, 246, 0));
	--diuao-control-bg: rgba(255, 255, 255, 0.64);
	--diuao-control-hover-bg: rgba(255, 255, 255, 0.9);
	--diuao-primary-action-bg: rgba(39, 143, 136, 0.16);
	--diuao-primary-action-border: rgba(39, 143, 136, 0.46);
	--diuao-filter-active-bg: #24231f;
	--diuao-filter-active-ink: #fffaf1;
	--diuao-select-option-bg: #f7f4ee;
	--diuao-select-option-ink: #24231f;
	--diuao-viewer-scrim: rgba(245, 242, 236, 0.72);
	--diuao-viewer-nav-bg: rgba(36, 35, 31, 0.72);
	--diuao-viewer-nav-hover-bg: rgba(36, 35, 31, 0.86);
	--diuao-comment-bg: rgba(255, 255, 255, 0.54);
	--diuao-comment-border: rgba(36, 35, 31, 0.12);
	--diuao-input-bg: rgba(255, 255, 255, 0.72);
	--diuao-reply-border: rgba(36, 35, 31, 0.14);
}

.diuao-gallery--preset-cafe {
	--diuao-bg: #d5ad75;
	--diuao-ink: #2b2118;
	--diuao-muted: #6a523b;
	--diuao-line: rgba(67, 44, 23, 0.17);
	--diuao-panel: rgba(246, 239, 227, 0.74);
	--diuao-panel-solid: rgba(239, 231, 218, 0.95);
	--diuao-accent: #238e84;
	--diuao-warm: #b96e2d;
	--diuao-coral: #c95f49;
	--diuao-gallery-bg:
		linear-gradient(129deg, transparent 0%, transparent 24%, rgba(255, 255, 255, 0.00) 29%, rgba(255, 255, 255, 0.34) 34%, rgba(255, 255, 255, 0.68) 42%, rgba(255, 255, 255, 0.42) 52%, rgba(255, 255, 255, 0.00) 64%, transparent 100%),
		radial-gradient(ellipse at 24% 18%, rgba(255, 255, 255, 0.34) 0%, rgba(255, 255, 255, 0.16) 28%, rgba(255, 255, 255, 0) 62%),
		linear-gradient(112deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 250, 0.12) 18%, rgba(255, 255, 255, 0) 46%),
		radial-gradient(ellipse at 12% 8%, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0) 34%),
		radial-gradient(ellipse at 78% 76%, rgba(118, 70, 34, 0.12) 0%, rgba(118, 70, 34, 0) 46%),
		linear-gradient(145deg, rgba(255, 246, 224, 0.12) 0%, rgba(183, 111, 52, 0.08) 100%),
		url("images/cafe1_light_wood_table_3840x2160_q80.webp");
	--diuao-gallery-bg-size: auto, auto, auto, auto, auto, auto, cover;
	--diuao-gallery-bg-position: center, center, center, center, center, center, center;
	--diuao-gallery-bg-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
	--diuao-topbar-bg: linear-gradient(to bottom, rgba(239, 231, 218, 0.94), rgba(239, 231, 218, 0));
	--diuao-control-bg: rgba(255, 248, 228, 0.44);
	--diuao-control-hover-bg: rgba(255, 248, 228, 0.72);
	--diuao-primary-action-bg: rgba(31, 143, 133, 0.16);
	--diuao-primary-action-border: rgba(31, 143, 133, 0.48);
	--diuao-filter-active-bg: #2c2118;
	--diuao-filter-active-ink: #fff4de;
	--diuao-select-option-bg: #f6dfb7;
	--diuao-select-option-ink: #2c2118;
	--diuao-card-shadow: 0 18px 36px rgba(78, 45, 18, 0.32), 0 1px 0 rgba(255, 255, 255, 0.34) inset;
	--diuao-viewer-scrim: rgba(47, 31, 18, 0.66);
	--diuao-viewer-nav-bg: rgba(44, 33, 24, 0.72);
	--diuao-viewer-nav-hover-bg: rgba(44, 33, 24, 0.9);
	--diuao-comment-bg: rgba(255, 247, 226, 0.34);
	--diuao-comment-border: rgba(67, 44, 23, 0.16);
	--diuao-input-bg: rgba(255, 247, 226, 0.46);
	--diuao-reply-border: rgba(67, 44, 23, 0.20);
}

.diuao-gallery--preset-cafe2 {
	--diuao-bg: #22150f;
	--diuao-ink: #f8efe2;
	--diuao-muted: #cfbaa1;
	--diuao-line: rgba(248, 239, 226, 0.17);
	--diuao-panel: rgba(34, 21, 15, 0.76);
	--diuao-panel-solid: rgba(39, 24, 17, 0.94);
	--diuao-accent: #82d7c8;
	--diuao-warm: #d69647;
	--diuao-coral: #ee7b5e;
	--diuao-gallery-bg:
		radial-gradient(ellipse at 58% 30%, rgba(255, 162, 70, 0.34) 0%, rgba(255, 132, 42, 0.18) 18%, rgba(255, 132, 42, 0) 34%),
		radial-gradient(ellipse at 46% 58%, rgba(205, 95, 34, 0.12) 0%, rgba(205, 95, 34, 0.05) 20%, rgba(205, 95, 34, 0) 38%),
		linear-gradient(180deg, rgba(12, 7, 4, 0.20) 0%, rgba(12, 7, 4, 0.26) 100%),
		linear-gradient(155deg, rgba(148, 69, 25, 0.22) 0%, rgba(148, 69, 25, 0.04) 45%, rgba(12, 8, 6, 0.22) 100%),
		linear-gradient(135deg, rgba(23, 16, 12, 0.08) 0%, rgba(88, 42, 18, 0.14) 52%, rgba(18, 13, 10, 0.20) 100%),
		url("images/cafe2_dark_wood_table_3840x2160_q80.webp");
	--diuao-gallery-bg-size: auto, auto, auto, auto, auto, cover;
	--diuao-gallery-bg-position: center, center, center, center, center, center;
	--diuao-gallery-bg-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
	--diuao-topbar-bg: linear-gradient(to bottom, rgba(34, 21, 15, 0.92), rgba(34, 21, 15, 0));
	--diuao-control-bg: rgba(255, 236, 203, 0.09);
	--diuao-control-hover-bg: rgba(255, 236, 203, 0.16);
	--diuao-primary-action-bg: rgba(128, 216, 200, 0.16);
	--diuao-primary-action-border: rgba(128, 216, 200, 0.52);
	--diuao-select-option-bg: #2f1d14;
	--diuao-select-option-ink: #f8efe2;
	--diuao-card-shadow: 0 18px 38px rgba(0, 0, 0, 0.42), 0 1px 0 rgba(255, 255, 255, 0.18) inset;
	--diuao-viewer-scrim: rgba(13, 8, 6, 0.78);
	--diuao-viewer-nav-bg: rgba(28, 18, 13, 0.76);
	--diuao-viewer-nav-hover-bg: rgba(255, 236, 203, 0.14);
	--diuao-comment-bg: rgba(255, 236, 203, 0.05);
	--diuao-comment-border: rgba(255, 236, 203, 0.1);
	--diuao-input-bg: rgba(255, 236, 203, 0.08);
	--diuao-reply-border: rgba(255, 236, 203, 0.12);
}

:is(
	.diuao-gallery--preset-book-full,
	.diuao-gallery--preset-book-spread,
	.diuao-gallery--preset-paper,
	.diuao-gallery--preset-concrete,
	.diuao-gallery--preset-leather-greige,
	.diuao-gallery--preset-leather-taupe
) {
	--diuao-ink: #29251f;
	--diuao-muted: #6e655a;
	--diuao-line: rgba(48, 41, 33, 0.18);
	--diuao-panel: rgba(255, 250, 239, 0.72);
	--diuao-panel-solid: rgba(248, 243, 232, 0.94);
	--diuao-accent: #317e78;
	--diuao-warm: #a26d36;
	--diuao-coral: #bf624e;
	--diuao-control-bg: rgba(255, 252, 244, 0.62);
	--diuao-control-hover-bg: rgba(255, 252, 244, 0.9);
	--diuao-primary-action-bg: rgba(49, 126, 120, 0.16);
	--diuao-primary-action-border: rgba(49, 126, 120, 0.46);
	--diuao-filter-active-bg: #2d2924;
	--diuao-filter-active-ink: #fffaf0;
	--diuao-select-option-bg: #f5efe4;
	--diuao-select-option-ink: #29251f;
	--diuao-card-shadow: 0 17px 34px rgba(55, 42, 28, 0.28), 0 1px 0 rgba(255, 255, 255, 0.4) inset;
	--diuao-viewer-scrim: rgba(32, 28, 23, 0.72);
	--diuao-viewer-nav-bg: rgba(43, 38, 32, 0.76);
	--diuao-viewer-nav-hover-bg: rgba(43, 38, 32, 0.9);
	--diuao-comment-bg: rgba(255, 252, 244, 0.52);
	--diuao-comment-border: rgba(48, 41, 33, 0.13);
	--diuao-input-bg: rgba(255, 252, 244, 0.72);
	--diuao-reply-border: rgba(48, 41, 33, 0.16);
}

.diuao-gallery--preset-book-full {
	--diuao-panel: rgba(239, 221, 188, 0.74);
	--diuao-panel-solid: rgba(230, 207, 169, 0.95);
	--diuao-gallery-bg:
		linear-gradient(180deg, rgba(239, 214, 169, 0.42), rgba(232, 199, 143, 0.42)),
		url("images/antique_open_book_fullframe_cover_visible_3840x2160_q70.webp");
	--diuao-gallery-bg-size: auto, cover;
	--diuao-gallery-bg-position: center, center top;
	--diuao-gallery-bg-repeat: no-repeat, no-repeat;
	--diuao-topbar-bg: linear-gradient(to bottom, rgba(228, 197, 141, 0.95), rgba(228, 197, 141, 0));
}

.diuao-gallery--preset-book-spread {
	--diuao-panel: rgba(234, 214, 179, 0.74);
	--diuao-panel-solid: rgba(222, 197, 157, 0.95);
	--diuao-gallery-bg:
		linear-gradient(180deg, rgba(239, 214, 169, 0.40), rgba(229, 194, 136, 0.44)),
		url("images/antique_open_book_spread_3840x2160_q70.webp");
	--diuao-gallery-bg-size: auto, cover;
	--diuao-gallery-bg-position: center, center top;
	--diuao-gallery-bg-repeat: no-repeat, no-repeat;
	--diuao-topbar-bg: linear-gradient(to bottom, rgba(208, 170, 108, 0.95), rgba(208, 170, 108, 0));
}

.diuao-gallery--preset-paper {
	--diuao-panel: rgba(243, 229, 202, 0.74);
	--diuao-panel-solid: rgba(235, 216, 181, 0.95);
	--diuao-gallery-bg:
		linear-gradient(145deg, rgba(249, 239, 215, 0.44), rgba(239, 218, 178, 0.40)),
		url("images/antique_paper_single_page_3840x2160_q80.webp");
	--diuao-gallery-bg-size: auto, cover;
	--diuao-gallery-bg-position: center, center;
	--diuao-gallery-bg-repeat: no-repeat, no-repeat;
	--diuao-topbar-bg: linear-gradient(to bottom, rgba(242, 222, 178, 0.95), rgba(242, 222, 178, 0));
}

.diuao-gallery--preset-concrete {
	--diuao-panel: rgba(157, 163, 165, 0.74);
	--diuao-panel-solid: rgba(143, 149, 151, 0.95);
	--diuao-gallery-bg:
		linear-gradient(145deg, rgba(151, 157, 158, 0.38), rgba(91, 99, 101, 0.48)),
		url("images/concrete_architectural_wall_3840x2160_q78.webp");
	--diuao-gallery-bg-size: auto, cover;
	--diuao-gallery-bg-position: center, center top;
	--diuao-gallery-bg-repeat: no-repeat, no-repeat;
	--diuao-topbar-bg: linear-gradient(to bottom, rgba(167, 171, 171, 0.96), rgba(167, 171, 171, 0));
}

.diuao-gallery--preset-slate-stone {
	--diuao-bg: #24282b;
	--diuao-ink: #f2f1ed;
	--diuao-muted: #bbc0c1;
	--diuao-line: rgba(242, 241, 237, 0.18);
	--diuao-panel: rgba(28, 32, 34, 0.76);
	--diuao-panel-solid: rgba(27, 31, 33, 0.95);
	--diuao-accent: #86c9c5;
	--diuao-warm: #d7ad61;
	--diuao-coral: #ed8068;
	--diuao-gallery-bg:
		radial-gradient(ellipse at 24% 14%, rgba(202, 216, 220, 0.07) 0%, rgba(202, 216, 220, 0) 42%),
		linear-gradient(145deg, rgba(17, 20, 22, 0.16), rgba(8, 10, 11, 0.25)),
		url("images/slate_stone_texture_3840x2160_q50.webp");
	--diuao-gallery-bg-size: auto, auto, cover;
	--diuao-gallery-bg-position: center, center, center;
	--diuao-gallery-bg-repeat: no-repeat, no-repeat, no-repeat;
	--diuao-topbar-bg: linear-gradient(to bottom, rgba(27, 31, 33, 0.96), rgba(27, 31, 33, 0));
	--diuao-control-bg: rgba(242, 241, 237, 0.08);
	--diuao-control-hover-bg: rgba(242, 241, 237, 0.15);
	--diuao-primary-action-bg: rgba(134, 201, 197, 0.16);
	--diuao-primary-action-border: rgba(134, 201, 197, 0.50);
	--diuao-filter-active-bg: #f2f1ed;
	--diuao-filter-active-ink: #24282b;
	--diuao-select-option-bg: #343a3d;
	--diuao-select-option-ink: #f2f1ed;
	--diuao-card-shadow: 0 20px 42px rgba(3, 5, 6, 0.50), 0 1px 0 rgba(255, 255, 255, 0.17) inset;
	--diuao-viewer-scrim: rgba(9, 11, 12, 0.82);
	--diuao-viewer-nav-bg: rgba(31, 36, 39, 0.80);
	--diuao-viewer-nav-hover-bg: rgba(242, 241, 237, 0.14);
	--diuao-comment-bg: rgba(242, 241, 237, 0.05);
	--diuao-comment-border: rgba(242, 241, 237, 0.10);
	--diuao-input-bg: rgba(242, 241, 237, 0.08);
	--diuao-reply-border: rgba(242, 241, 237, 0.12);
}

.diuao-gallery--preset-leather-greige {
	--diuao-gallery-bg:
		linear-gradient(145deg, rgba(240, 236, 230, 0.60), rgba(214, 207, 198, 0.56)),
		url("images/greige_leather_v1_3840x2160_q33.webp");
	--diuao-gallery-bg-size: auto, cover;
	--diuao-gallery-bg-position: center, center;
	--diuao-gallery-bg-repeat: no-repeat, no-repeat;
	--diuao-topbar-bg: linear-gradient(to bottom, rgba(199, 190, 177, 0.96), rgba(199, 190, 177, 0));
}

.diuao-gallery--preset-leather-taupe {
	--diuao-panel: rgba(189, 183, 178, 0.74);
	--diuao-panel-solid: rgba(171, 164, 158, 0.95);
	--diuao-gallery-bg:
		linear-gradient(145deg, rgba(235, 231, 226, 0.60), rgba(207, 200, 193, 0.56)),
		url("images/taupe_leather_v2_3840x2160_q30.webp");
	--diuao-gallery-bg-size: auto, cover;
	--diuao-gallery-bg-position: center, center;
	--diuao-gallery-bg-repeat: no-repeat, no-repeat;
	--diuao-topbar-bg: linear-gradient(to bottom, rgba(185, 177, 168, 0.96), rgba(185, 177, 168, 0));
}

.diuao-gallery--preset-leather-black {
	--diuao-bg: #111210;
	--diuao-ink: #f5f0e8;
	--diuao-muted: #bcb6ad;
	--diuao-line: rgba(245, 240, 232, 0.18);
	--diuao-panel: rgba(15, 16, 14, 0.78);
	--diuao-panel-solid: rgba(15, 16, 14, 0.95);
	--diuao-accent: #75d0c5;
	--diuao-warm: #d1a45f;
	--diuao-coral: #eb795e;
	--diuao-gallery-bg:
		linear-gradient(160deg, rgba(10, 11, 10, 0.58), rgba(5, 6, 5, 0.65)),
		url("images/barcelona_chair_black_tufted_leather_3840x2160_q45.webp");
	--diuao-gallery-bg-size: auto, cover;
	--diuao-gallery-bg-position: center, center top;
	--diuao-gallery-bg-repeat: no-repeat, no-repeat;
	--diuao-topbar-bg: linear-gradient(to bottom, rgba(13, 14, 12, 0.96), rgba(13, 14, 12, 0));
	--diuao-control-bg: rgba(255, 255, 255, 0.08);
	--diuao-control-hover-bg: rgba(255, 255, 255, 0.15);
	--diuao-primary-action-bg: rgba(117, 208, 197, 0.17);
	--diuao-primary-action-border: rgba(117, 208, 197, 0.5);
	--diuao-select-option-bg: #1b1d1a;
	--diuao-select-option-ink: #f5f0e8;
	--diuao-card-shadow: 0 20px 42px rgba(0, 0, 0, 0.52), 0 1px 0 rgba(255, 255, 255, 0.16) inset;
}

:is(.diuao-gallery--preset-beach-close, .diuao-gallery--preset-beach-wide) {
	--diuao-bg: #7ad8c5;
	--diuao-ink: #123b3b;
	--diuao-muted: #315f5b;
	--diuao-line: rgba(15, 72, 69, 0.2);
	--diuao-panel: rgba(231, 255, 249, 0.7);
	--diuao-panel-solid: rgba(226, 251, 245, 0.94);
	--diuao-accent: #0b706d;
	--diuao-warm: #9b7136;
	--diuao-coral: #c8564a;
	--diuao-control-bg: rgba(238, 255, 250, 0.58);
	--diuao-control-hover-bg: rgba(244, 255, 252, 0.88);
	--diuao-primary-action-bg: rgba(10, 108, 104, 0.16);
	--diuao-primary-action-border: rgba(10, 108, 104, 0.46);
	--diuao-filter-active-bg: #153f3e;
	--diuao-filter-active-ink: #effffb;
	--diuao-select-option-bg: #dff8f2;
	--diuao-select-option-ink: #123b3b;
	--diuao-viewer-scrim: rgba(8, 38, 39, 0.72);
	--diuao-viewer-nav-bg: rgba(10, 53, 53, 0.78);
	--diuao-viewer-nav-hover-bg: rgba(10, 53, 53, 0.92);
	--diuao-card-shadow: 0 18px 38px rgba(6, 59, 58, 0.3), 0 1px 0 rgba(255, 255, 255, 0.42) inset;
}

.diuao-gallery--preset-beach-close {
	--diuao-gallery-bg:
		linear-gradient(180deg, rgba(202, 235, 228, 0.52), rgba(100, 173, 163, 0.52)),
		url("images/beach_shallow_water_topdown_close_v3_3840x2160_q20.webp");
	--diuao-gallery-bg-size: auto, cover;
	--diuao-gallery-bg-position: center, center;
	--diuao-gallery-bg-repeat: no-repeat, no-repeat;
	--diuao-topbar-bg: linear-gradient(to bottom, rgba(132, 202, 190, 0.94), rgba(132, 202, 190, 0));
}

.diuao-gallery--preset-beach-wide {
	--diuao-gallery-bg:
		linear-gradient(180deg, rgba(202, 235, 228, 0.50), rgba(100, 173, 163, 0.52)),
		url("images/beach_shallow_water_topdown_v2_3840x2160_q8.webp");
	--diuao-gallery-bg-size: auto, cover;
	--diuao-gallery-bg-position: center, center;
	--diuao-gallery-bg-repeat: no-repeat, no-repeat;
	--diuao-topbar-bg: linear-gradient(to bottom, rgba(123, 196, 184, 0.94), rgba(123, 196, 184, 0));
}

.diuao-gallery--preset-green-leaf {
	--diuao-bg: #0d2113;
	--diuao-ink: #f2f3e8;
	--diuao-muted: #bdc8b4;
	--diuao-line: rgba(242, 243, 232, 0.18);
	--diuao-panel: rgba(9, 30, 16, 0.76);
	--diuao-panel-solid: rgba(8, 27, 14, 0.94);
	--diuao-accent: #a8d98a;
	--diuao-warm: #e1bb68;
	--diuao-coral: #ef846b;
	--diuao-gallery-bg:
		radial-gradient(ellipse at 24% 12%, rgba(225, 238, 181, 0.10) 0%, rgba(225, 238, 181, 0) 42%),
		linear-gradient(145deg, rgba(7, 31, 15, 0.58), rgba(4, 22, 11, 0.64)),
		url("images/fern_leaf_background_3840x2160_q6.webp");
	--diuao-gallery-bg-size: auto, auto, cover;
	--diuao-gallery-bg-position: center, center, center;
	--diuao-gallery-bg-repeat: no-repeat, no-repeat, no-repeat;
	--diuao-topbar-bg: linear-gradient(to bottom, rgba(8, 30, 15, 0.95), rgba(8, 30, 15, 0));
	--diuao-control-bg: rgba(244, 248, 232, 0.09);
	--diuao-control-hover-bg: rgba(244, 248, 232, 0.16);
	--diuao-primary-action-bg: rgba(168, 217, 138, 0.16);
	--diuao-primary-action-border: rgba(168, 217, 138, 0.52);
	--diuao-filter-active-bg: #f2f3e8;
	--diuao-filter-active-ink: #142117;
	--diuao-select-option-bg: #17331f;
	--diuao-select-option-ink: #f2f3e8;
	--diuao-card-shadow: 0 20px 42px rgba(0, 16, 6, 0.48), 0 1px 0 rgba(255, 255, 255, 0.18) inset;
	--diuao-viewer-scrim: rgba(4, 18, 9, 0.80);
	--diuao-viewer-nav-bg: rgba(9, 35, 18, 0.78);
	--diuao-viewer-nav-hover-bg: rgba(244, 248, 232, 0.14);
	--diuao-comment-bg: rgba(244, 248, 232, 0.05);
	--diuao-comment-border: rgba(244, 248, 232, 0.10);
	--diuao-input-bg: rgba(244, 248, 232, 0.08);
	--diuao-reply-border: rgba(244, 248, 232, 0.12);
}

:is(
	.diuao-gallery--preset-lemon-washi,
	.diuao-gallery--preset-pale-green-moss,
	.diuao-gallery--preset-terracotta,
	.diuao-gallery--preset-white-canvas,
	.diuao-gallery--preset-ivory-canvas,
	.diuao-gallery--preset-white-marble
) {
	--diuao-ink: #292722;
	--diuao-muted: #6e6960;
	--diuao-line: rgba(45, 42, 36, 0.16);
	--diuao-panel: rgba(255, 253, 246, 0.68);
	--diuao-panel-solid: rgba(250, 248, 241, 0.94);
	--diuao-accent: #347f78;
	--diuao-warm: #a97734;
	--diuao-coral: #c96250;
	--diuao-control-bg: rgba(255, 253, 247, 0.62);
	--diuao-control-hover-bg: rgba(255, 253, 247, 0.90);
	--diuao-primary-action-bg: rgba(52, 127, 120, 0.15);
	--diuao-primary-action-border: rgba(52, 127, 120, 0.46);
	--diuao-filter-active-bg: #2c2a25;
	--diuao-filter-active-ink: #fffaf0;
	--diuao-select-option-bg: #f5f1e8;
	--diuao-select-option-ink: #292722;
	--diuao-card-shadow: 0 17px 34px rgba(56, 46, 35, 0.25), 0 1px 0 rgba(255, 255, 255, 0.42) inset;
	--diuao-viewer-scrim: rgba(31, 28, 24, 0.72);
	--diuao-viewer-nav-bg: rgba(42, 38, 33, 0.76);
	--diuao-viewer-nav-hover-bg: rgba(42, 38, 33, 0.90);
	--diuao-comment-bg: rgba(255, 253, 247, 0.52);
	--diuao-comment-border: rgba(45, 42, 36, 0.13);
	--diuao-input-bg: rgba(255, 253, 247, 0.72);
	--diuao-reply-border: rgba(45, 42, 36, 0.16);
}

.diuao-gallery--preset-lemon-washi {
	--diuao-bg: #eee8c5;
	--diuao-panel: rgba(235, 229, 198, 0.74);
	--diuao-panel-solid: rgba(226, 218, 179, 0.95);
	--diuao-gallery-bg:
		linear-gradient(145deg, rgba(248, 247, 231, 0.30), rgba(196, 191, 164, 0.22)),
		url("images/lemon_washi_texture_3840x2160_q80.webp");
	--diuao-gallery-bg-size: auto, cover;
	--diuao-gallery-bg-position: center, center;
	--diuao-gallery-bg-repeat: no-repeat, no-repeat;
	--diuao-topbar-bg: linear-gradient(to bottom, rgba(226, 218, 179, 0.95), rgba(226, 218, 179, 0));
}

.diuao-gallery--preset-pale-green-moss {
	--diuao-bg: #c7d5a8;
	--diuao-panel: rgba(193, 211, 160, 0.74);
	--diuao-panel-solid: rgba(176, 198, 140, 0.95);
	--diuao-accent: #3d7652;
	--diuao-gallery-bg:
		linear-gradient(145deg, rgba(226, 235, 212, 0.46), rgba(157, 180, 139, 0.50)),
		url("images/pale_green_moss_fancy_background_3840x2160_q20.webp");
	--diuao-gallery-bg-size: auto, cover;
	--diuao-gallery-bg-position: center, center;
	--diuao-gallery-bg-repeat: no-repeat, no-repeat;
	--diuao-topbar-bg: linear-gradient(to bottom, rgba(190, 207, 163, 0.95), rgba(190, 207, 163, 0));
	--diuao-primary-action-bg: rgba(61, 118, 82, 0.15);
	--diuao-primary-action-border: rgba(61, 118, 82, 0.46);
}

.diuao-gallery--preset-terracotta {
	--diuao-bg: #c78770;
	--diuao-panel: rgba(216, 158, 134, 0.74);
	--diuao-panel-solid: rgba(199, 137, 111, 0.95);
	--diuao-accent: #2e7774;
	--diuao-gallery-bg:
		linear-gradient(145deg, rgba(255, 235, 223, 0.16), rgba(151, 79, 56, 0.14)),
		url("images/terracotta_wall_texture_3840x2160_q77.webp");
	--diuao-gallery-bg-size: auto, cover;
	--diuao-gallery-bg-position: center, center;
	--diuao-gallery-bg-repeat: no-repeat, no-repeat;
	--diuao-topbar-bg: linear-gradient(to bottom, rgba(202, 139, 116, 0.95), rgba(202, 139, 116, 0));
	--diuao-card-shadow: 0 18px 36px rgba(91, 46, 31, 0.30), 0 1px 0 rgba(255, 255, 255, 0.38) inset;
}

.diuao-gallery--preset-white-canvas {
	--diuao-bg: #f5f4ef;
	--diuao-gallery-bg:
		linear-gradient(145deg, rgba(255, 255, 255, 0.10), rgba(224, 224, 219, 0.16)),
		url("images/tight_weave_white_canvas_texture_3840x2160_q35.webp");
	--diuao-gallery-bg-size: auto, cover;
	--diuao-gallery-bg-position: center, center;
	--diuao-gallery-bg-repeat: no-repeat, no-repeat;
	--diuao-topbar-bg: linear-gradient(to bottom, rgba(245, 244, 239, 0.96), rgba(245, 244, 239, 0));
}

.diuao-gallery--preset-ivory-canvas {
	--diuao-bg: #e8dfcc;
	--diuao-panel: rgba(239, 230, 211, 0.74);
	--diuao-panel-solid: rgba(232, 220, 199, 0.95);
	--diuao-gallery-bg:
		linear-gradient(145deg, rgba(255, 250, 238, 0.08), rgba(194, 177, 147, 0.14)),
		url("images/warm_ivory_canvas_texture_3840x2160_q55.webp");
	--diuao-gallery-bg-size: auto, cover;
	--diuao-gallery-bg-position: center, center;
	--diuao-gallery-bg-repeat: no-repeat, no-repeat;
	--diuao-topbar-bg: linear-gradient(to bottom, rgba(232, 220, 199, 0.96), rgba(232, 220, 199, 0));
}

.diuao-gallery--preset-white-marble {
	--diuao-bg: #f3f4f3;
	--diuao-gallery-bg:
		linear-gradient(145deg, rgba(255, 255, 255, 0.14), rgba(219, 224, 226, 0.16)),
		url("images/white_marble_texture_3840x2160_q82.webp");
	--diuao-gallery-bg-size: auto, cover;
	--diuao-gallery-bg-position: center, center;
	--diuao-gallery-bg-repeat: no-repeat, no-repeat;
	--diuao-topbar-bg: linear-gradient(to bottom, rgba(241, 243, 243, 0.96), rgba(241, 243, 243, 0));
}

.diuao-gallery--preset-navy-velvet {
	--diuao-bg: #071731;
	--diuao-ink: #f4f2ea;
	--diuao-muted: #bdc7d8;
	--diuao-line: rgba(244, 242, 234, 0.18);
	--diuao-panel: rgba(6, 19, 42, 0.76);
	--diuao-panel-solid: rgba(6, 18, 39, 0.95);
	--diuao-accent: #8cc9d9;
	--diuao-warm: #d8b45f;
	--diuao-coral: #ef8269;
	--diuao-gallery-bg:
		radial-gradient(ellipse at 24% 14%, rgba(142, 192, 221, 0.10) 0%, rgba(142, 192, 221, 0) 42%),
		linear-gradient(145deg, rgba(3, 12, 29, 0.28), rgba(2, 9, 23, 0.38)),
		url("images/navy_velvet_texture_3840x2160_q40.webp");
	--diuao-gallery-bg-size: auto, auto, cover;
	--diuao-gallery-bg-position: center, center, center;
	--diuao-gallery-bg-repeat: no-repeat, no-repeat, no-repeat;
	--diuao-topbar-bg: linear-gradient(to bottom, rgba(5, 17, 38, 0.96), rgba(5, 17, 38, 0));
	--diuao-control-bg: rgba(244, 242, 234, 0.08);
	--diuao-control-hover-bg: rgba(244, 242, 234, 0.15);
	--diuao-primary-action-bg: rgba(140, 201, 217, 0.16);
	--diuao-primary-action-border: rgba(140, 201, 217, 0.50);
	--diuao-filter-active-bg: #f4f2ea;
	--diuao-filter-active-ink: #0b1930;
	--diuao-select-option-bg: #0d2344;
	--diuao-select-option-ink: #f4f2ea;
	--diuao-card-shadow: 0 20px 42px rgba(0, 5, 18, 0.54), 0 1px 0 rgba(255, 255, 255, 0.17) inset;
	--diuao-viewer-scrim: rgba(2, 8, 20, 0.82);
	--diuao-viewer-nav-bg: rgba(6, 22, 48, 0.80);
	--diuao-viewer-nav-hover-bg: rgba(244, 242, 234, 0.14);
}

.diuao-gallery--preset-antique-brass {
	--diuao-bg: #392a12;
	--diuao-ink: #fbf2dd;
	--diuao-muted: #d6c3a0;
	--diuao-line: rgba(251, 242, 221, 0.19);
	--diuao-panel: rgba(49, 34, 13, 0.74);
	--diuao-panel-solid: rgba(47, 32, 12, 0.94);
	--diuao-accent: #83c9bd;
	--diuao-warm: #e0b75c;
	--diuao-coral: #ef8465;
	--diuao-gallery-bg:
		linear-gradient(145deg, rgba(46, 29, 7, 0.18), rgba(25, 17, 6, 0.30)),
		url("images/warm_antique_brass_texture_3840x2160_q77.webp");
	--diuao-gallery-bg-size: auto, cover;
	--diuao-gallery-bg-position: center, center;
	--diuao-gallery-bg-repeat: no-repeat, no-repeat;
	--diuao-topbar-bg: linear-gradient(to bottom, rgba(48, 33, 13, 0.95), rgba(48, 33, 13, 0));
	--diuao-control-bg: rgba(255, 242, 215, 0.09);
	--diuao-control-hover-bg: rgba(255, 242, 215, 0.16);
	--diuao-primary-action-bg: rgba(131, 201, 189, 0.16);
	--diuao-primary-action-border: rgba(131, 201, 189, 0.50);
	--diuao-filter-active-bg: #fbf2dd;
	--diuao-filter-active-ink: #352710;
	--diuao-select-option-bg: #4c3716;
	--diuao-select-option-ink: #fbf2dd;
	--diuao-card-shadow: 0 20px 42px rgba(24, 14, 2, 0.48), 0 1px 0 rgba(255, 255, 255, 0.18) inset;
	--diuao-viewer-scrim: rgba(22, 14, 4, 0.80);
	--diuao-viewer-nav-bg: rgba(55, 38, 14, 0.78);
	--diuao-viewer-nav-hover-bg: rgba(255, 242, 215, 0.14);
}

.diuao-gallery--preset-leather-cognac {
	--diuao-bg: #7e3516;
	--diuao-ink: #fff4e8;
	--diuao-muted: #e5c4a7;
	--diuao-line: rgba(255, 242, 226, 0.2);
	--diuao-panel: rgba(72, 28, 10, 0.7);
	--diuao-panel-solid: rgba(71, 28, 11, 0.94);
	--diuao-accent: #8ad6c7;
	--diuao-warm: #f0bd6c;
	--diuao-coral: #ff8b68;
	--diuao-gallery-bg:
		linear-gradient(145deg, rgba(74, 31, 12, 0.52), rgba(39, 14, 5, 0.60)),
		url("images/luxury_cognac_quilted_car_seat_3840x2160_q30.webp");
	--diuao-gallery-bg-size: auto, cover;
	--diuao-gallery-bg-position: center, center top;
	--diuao-gallery-bg-repeat: no-repeat, no-repeat;
	--diuao-topbar-bg: linear-gradient(to bottom, rgba(94, 36, 13, 0.95), rgba(94, 36, 13, 0));
	--diuao-control-bg: rgba(255, 239, 219, 0.1);
	--diuao-control-hover-bg: rgba(255, 239, 219, 0.18);
	--diuao-primary-action-bg: rgba(138, 214, 199, 0.16);
	--diuao-primary-action-border: rgba(138, 214, 199, 0.5);
	--diuao-select-option-bg: #66260f;
	--diuao-select-option-ink: #fff4e8;
	--diuao-card-shadow: 0 20px 42px rgba(64, 18, 3, 0.44), 0 1px 0 rgba(255, 255, 255, 0.2) inset;
	--diuao-viewer-scrim: rgba(45, 14, 5, 0.78);
}

.diuao-gallery * {
	box-sizing: border-box;
	letter-spacing: 0;
}

.diuao-gallery button,
.diuao-gallery input,
.diuao-gallery select,
.diuao-gallery textarea {
	font: inherit;
}

.diuao-gallery button {
	color: inherit;
}

.diuao-gallery__topbar {
	position: fixed;
	top: var(--wp-admin--admin-bar--height, 0px);
	left: 0;
	right: 0;
	z-index: 20;
	display: grid;
	grid-template-columns: minmax(150px, 0.8fr) auto minmax(0, 1.5fr) auto;
	align-items: center;
	gap: 18px;
	padding: 18px clamp(16px, 4vw, 42px);
	background: var(--diuao-topbar-bg);
	backdrop-filter: blur(14px);
}

.diuao-gallery__brand {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.diuao-gallery__brand strong {
	font-size: clamp(16px, 2vw, 22px);
	font-weight: 700;
	line-height: 1.1;
}

.diuao-gallery__brand span {
	color: var(--diuao-muted);
	font-size: 12px;
	line-height: 1.2;
}

.diuao-gallery__primary-actions,
.diuao-gallery__filters,
.diuao-gallery__actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	min-width: 0;
}

.diuao-gallery__primary-actions {
	justify-content: start;
}

.diuao-gallery__filters {
	justify-content: start;
}

.diuao-gallery__actions {
	justify-content: end;
}

.diuao-gallery.is-multi-gallery {
	--diuao-topbar-space: 92px;
	scroll-margin-top: 110px;
}

.diuao-gallery.is-multi-gallery > .diuao-gallery__topbar {
	display: none;
}

.diuao-gallery-shared,
.diuao-gallery-shared * {
	box-sizing: border-box;
	letter-spacing: 0;
}

.diuao-gallery-shared {
	position: fixed;
	top: var(--wp-admin--admin-bar--height, 0px);
	right: 0;
	left: 0;
	z-index: 1000;
	display: grid;
	grid-template-columns: auto minmax(220px, 1fr) auto;
	align-items: center;
	gap: 14px;
	padding: 10px clamp(12px, 3vw, 34px);
	border-bottom: 1px solid var(--diuao-line);
	background: var(--diuao-panel-solid);
	color: var(--diuao-ink);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);
	backdrop-filter: blur(16px);
	opacity: 0;
	pointer-events: none;
	transform: translateY(calc(-100% - 8px));
	transition: opacity 180ms ease, transform 220ms ease, background 220ms ease, color 220ms ease;
}

.diuao-gallery-shared.is-visible {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}

.diuao-gallery-shared button,
.diuao-gallery-shared select {
	font: inherit;
}

.diuao-gallery-shared__primary,
.diuao-gallery-shared__actions,
.diuao-gallery-shared__genres {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

.diuao-gallery-shared__genres {
	justify-content: center;
	overflow-x: hidden;
	padding: 2px;
	scrollbar-width: none;
}

.diuao-gallery-shared__genre-select {
	display: none;
	min-width: 0;
	justify-content: center;
}

.diuao-gallery-shared__genre-select select {
	width: min(100%, 280px);
	min-height: 36px;
	border: 1px solid var(--diuao-line);
	border-radius: 999px;
	padding: 0 32px 0 12px;
	background: var(--diuao-control-bg);
	color: var(--diuao-ink);
	cursor: pointer;
	font-size: inherit;
}

.diuao-gallery-shared__genre-select select:hover,
.diuao-gallery-shared__genre-select select:focus-visible {
	background: var(--diuao-control-hover-bg);
}

.diuao-gallery-shared__genre-select option {
	background: var(--diuao-select-option-bg);
	color: var(--diuao-select-option-ink);
}

.diuao-gallery-shared.is-genre-compact .diuao-gallery-shared__genres {
	display: none;
}

.diuao-gallery-shared.is-genre-compact .diuao-gallery-shared__genre-select {
	display: flex;
}

.diuao-gallery-shared__genres::-webkit-scrollbar {
	display: none;
}

.diuao-gallery-shared__actions {
	justify-content: end;
}

.diuao-gallery-shared .diuao-gallery-shared__genre {
	min-height: 32px;
	padding: 0 10px;
	border: 1px solid var(--diuao-line);
	border-radius: 999px;
	background: var(--diuao-control-bg);
	color: var(--diuao-ink);
	cursor: pointer;
	font-size: 12px;
	white-space: nowrap;
	transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.diuao-gallery-shared__genre:hover,
.diuao-gallery-shared__genre:focus-visible {
	background: var(--diuao-control-hover-bg);
	transform: translateY(-1px);
}

.diuao-gallery-shared__genre.is-active {
	border-color: var(--diuao-filter-active-bg);
	background: var(--diuao-filter-active-bg);
	color: var(--diuao-filter-active-ink);
}

.diuao-gallery__filter,
.diuao-gallery__action,
.diuao-gallery__icon,
.diuao-gallery__select-wrap {
	min-height: 36px;
	border: 1px solid var(--diuao-line);
	background: var(--diuao-control-bg);
	color: var(--diuao-ink);
	cursor: pointer;
	transition: background 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.diuao-gallery__filter,
.diuao-gallery__action,
.diuao-gallery__select-wrap {
	border-radius: 999px;
}

.diuao-gallery__filter,
.diuao-gallery__action {
	padding: 0 13px;
	white-space: nowrap;
}

.diuao-gallery__filter {
	font-size: 13px;
}

.diuao-gallery__action {
	font-size: 13px;
}

.diuao-gallery__action--primary {
	background: var(--diuao-primary-action-bg);
	color: var(--diuao-ink);
	border-color: var(--diuao-primary-action-border);
	font-weight: 700;
}

.diuao-gallery__icon {
	display: inline-grid;
	place-items: center;
	width: 38px;
	height: 38px;
	padding: 0;
	border-radius: 50%;
	font-size: 18px;
}

.diuao-gallery__filter:hover,
.diuao-gallery__action:hover,
.diuao-gallery__icon:hover,
.diuao-gallery__select-wrap:hover {
	transform: translateY(-1px);
	background: var(--diuao-control-hover-bg);
	border-color: rgba(255, 255, 255, 0.32);
}

.diuao-gallery__filter.is-active {
	background: var(--diuao-filter-active-bg);
	color: var(--diuao-filter-active-ink);
	border-color: var(--diuao-filter-active-bg);
}

.diuao-gallery__select-wrap {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 0 10px 0 12px;
	color: var(--diuao-muted);
	font-size: 13px;
	white-space: nowrap;
}

.diuao-gallery__select-wrap select {
	min-width: 76px;
	border: 0;
	outline: 0;
	background: transparent;
	color: var(--diuao-ink);
	cursor: pointer;
}

.diuao-gallery__select-wrap option {
	background: var(--diuao-select-option-bg);
	color: var(--diuao-select-option-ink);
}

.diuao-gallery__stage-wrap {
	position: relative;
	min-height: 100vh;
	padding: var(--diuao-topbar-space, 112px) clamp(14px, 4vw, 48px) 42px;
}

.diuao-gallery__stage {
	position: relative;
	width: 100%;
	max-width: none;
	min-height: calc(100vh - 144px);
	touch-action: manipulation;
}

.diuao-gallery__empty {
	display: grid;
	place-items: center;
	min-height: 50vh;
	color: var(--diuao-muted);
	text-align: center;
}

.diuao-gallery__card {
	position: absolute;
	left: 0;
	top: 0;
	width: var(--photo-w, 150px);
	border: 1px solid var(--diuao-card-border);
	border-radius: 8px;
	padding: 6px;
	background: var(--diuao-card-bg);
	color: var(--diuao-card-ink);
	box-shadow: var(--diuao-card-shadow);
	cursor: pointer;
	transform-origin: center;
	transition: transform 760ms cubic-bezier(0.2, 0.82, 0.2, 1), opacity 280ms ease, filter 280ms ease;
	will-change: transform, opacity;
}

.diuao-gallery__card.is-hidden {
	opacity: 0;
	pointer-events: none;
	filter: blur(2px);
}

.diuao-gallery__card.is-muted {
	opacity: 0.2;
	filter: saturate(0.55) blur(1px);
	pointer-events: none;
}

.diuao-gallery__card:hover {
	z-index: 1000 !important;
	filter: saturate(1.08) contrast(1.03);
}

.diuao-gallery__card img {
	display: block;
	width: 100%;
	aspect-ratio: var(--photo-ratio, 1.5);
	object-fit: cover;
	border-radius: 5px;
	-webkit-user-drag: none;
	pointer-events: none;
}

.diuao-gallery__card-title {
	display: block;
	overflow: hidden;
	margin-top: 8px;
	color: var(--diuao-card-title);
	font-size: 11px;
	font-weight: 700;
	line-height: 1.15;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.diuao-gallery__card-title:empty {
	display: none;
}

.diuao-gallery__card-mark {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: var(--tag-color, var(--diuao-accent));
	box-shadow: 0 0 0 2px var(--diuao-card-mark-ring), 0 2px 5px rgba(0, 0, 0, 0.24);
}

.diuao-gallery__status {
	position: fixed;
	left: clamp(16px, 4vw, 42px);
	bottom: 20px;
	z-index: 18;
	display: flex;
	gap: 10px;
	align-items: center;
	border: 1px solid var(--diuao-line);
	border-radius: 999px;
	padding: 9px 12px;
	background: var(--diuao-panel);
	color: var(--diuao-muted);
	font-size: 12px;
	backdrop-filter: blur(12px);
}

.diuao-gallery__status strong {
	color: var(--diuao-ink);
}

.diuao-gallery__viewer,
.diuao-gallery__help {
	position: fixed;
	inset: 0;
	z-index: 1200;
	display: none;
	background: var(--diuao-viewer-scrim);
	backdrop-filter: blur(18px);
}

.diuao-gallery__help {
	z-index: 1300;
}

.diuao-gallery__viewer.is-open,
.diuao-gallery__help.is-open {
	display: flex;
}

.diuao-gallery__viewer.is-opening .diuao-gallery__viewer-inner {
	opacity: 0;
}

.diuao-gallery__viewer.is-crossfading .diuao-gallery__viewer-inner {
	opacity: 1;
	transform: none;
	transition: none;
}

.diuao-gallery__viewer-ghost {
	position: fixed;
	z-index: 1400;
	display: block;
	object-fit: cover;
	border-radius: 8px;
	box-shadow: 0 22px 60px rgba(0, 0, 0, 0.46);
	pointer-events: none;
	transform-origin: center center;
	will-change: left, top, width, height, transform, opacity;
	-webkit-user-drag: none;
}

.diuao-gallery__viewer-inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
	gap: clamp(16px, 3vw, 32px);
	width: min(1240px, calc(100% - 28px));
	max-height: min(860px, calc(100vh - 28px));
	margin: auto;
	box-sizing: border-box;
	transition: opacity 180ms ease, transform 180ms ease;
}

.diuao-gallery__viewer-photo {
	position: relative;
	display: grid;
	place-items: center;
	min-height: 60vh;
	overflow: visible;
}

.diuao-gallery__viewer-photo img {
	display: block;
	max-width: min(100%, 920px);
	max-height: calc(100vh - 64px);
	object-fit: contain;
	border-radius: 8px;
	box-shadow: 0 22px 60px rgba(0, 0, 0, 0.42);
	-webkit-user-drag: none;
}

.diuao-gallery__viewer-nav {
	position: absolute;
	top: 50%;
	z-index: 2;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border: 1px solid var(--diuao-line);
	border-radius: 50%;
	background: var(--diuao-viewer-nav-bg);
	color: var(--diuao-ink);
	cursor: pointer;
	transform: translateY(-50%);
}

.diuao-gallery__viewer-nav:hover {
	background: var(--diuao-viewer-nav-hover-bg);
}

.diuao-gallery__viewer-nav:disabled {
	opacity: 0.28;
	cursor: default;
}

.diuao-gallery__viewer-nav--prev {
	left: 12px;
}

.diuao-gallery__viewer-nav--next {
	right: 12px;
}

.diuao-gallery__viewer-panel {
	align-self: center;
	display: grid;
	gap: 14px;
	max-height: calc(100vh - 44px);
	overflow: auto;
	border: 1px solid var(--diuao-line);
	border-radius: 8px;
	padding: 18px;
	background: var(--diuao-panel-solid);
}

.diuao-gallery__viewer-head {
	display: flex;
	align-items: start;
	justify-content: space-between;
	gap: 12px;
}

.diuao-gallery__viewer-head-actions,
.diuao-gallery__viewer-admin {
	display: flex;
	align-items: center;
	gap: 7px;
}

.diuao-gallery__title-visibility {
	min-height: 34px;
	border: 1px solid var(--diuao-line);
	border-radius: 6px;
	padding: 0 9px;
	background: var(--diuao-control-bg);
	color: var(--diuao-ink);
	font: inherit;
	font-size: 11px;
	cursor: pointer;
}

.diuao-gallery__title-editor[hidden] {
	display: none;
}

.diuao-gallery__title-editor {
	display: grid;
	gap: 9px;
	border: 1px solid var(--diuao-line);
	border-radius: 6px;
	padding: 11px;
	background: var(--diuao-control-bg);
}

.diuao-gallery__title-editor label {
	display: grid;
	gap: 5px;
	color: var(--diuao-muted);
	font-size: 12px;
}

.diuao-gallery__title-editor input {
	box-sizing: border-box;
	width: 100%;
	border: 1px solid var(--diuao-line);
	border-radius: 5px;
	padding: 8px 9px;
	background: var(--diuao-panel-solid);
	color: var(--diuao-ink);
	font: inherit;
}

.diuao-gallery__title-editor > div {
	display: flex;
	gap: 7px;
}

.diuao-gallery__title-editor .diuao-gallery__error {
	margin: 0;
}

.diuao-gallery__viewer-title {
	display: grid;
	gap: 6px;
	min-width: 0;
}

.diuao-gallery__viewer-title h2 {
	margin: 0;
	font-size: 22px;
	line-height: 1.16;
}

.diuao-gallery__viewer-title h2:empty {
	display: none;
}

.diuao-gallery__viewer-title span {
	color: var(--diuao-muted);
	font-size: 13px;
}

.diuao-gallery__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.diuao-gallery__chip {
	border: 1px solid var(--diuao-line);
	border-radius: 999px;
	padding: 6px 9px;
	background: var(--diuao-control-bg);
	color: var(--diuao-ink);
	font-size: 12px;
	cursor: pointer;
}

.diuao-gallery__like-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 0;
	border-top: 1px solid var(--diuao-line);
	border-bottom: 1px solid var(--diuao-line);
}

.diuao-gallery__like {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 0;
	background: transparent;
	color: var(--diuao-ink);
	cursor: pointer;
	font-size: 15px;
}

.diuao-gallery__heart {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border: 1px solid var(--diuao-line);
	border-radius: 50%;
	background: rgba(242, 127, 100, 0.08);
	color: var(--diuao-coral);
	transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.diuao-gallery__like.is-liked .diuao-gallery__heart {
	background: rgba(242, 127, 100, 0.22);
	color: var(--diuao-coral);
	border-color: var(--diuao-coral);
	box-shadow: 0 0 0 3px rgba(242, 127, 100, 0.16), 0 0 22px rgba(242, 127, 100, 0.24);
	transform: scale(1.04);
}

.diuao-gallery__comments {
	border-top: 1px solid var(--diuao-line);
	padding-top: 12px;
}

.diuao-gallery__comments summary {
	cursor: pointer;
	color: var(--diuao-ink);
}

.diuao-gallery__comment-list {
	display: grid;
	gap: 10px;
	margin-top: 12px;
}

.diuao-gallery__comment {
	display: grid;
	gap: 7px;
	border: 1px solid var(--diuao-comment-border);
	border-radius: 8px;
	padding: 10px;
	background: var(--diuao-comment-bg);
	color: var(--diuao-muted);
	font-size: 13px;
	line-height: 1.5;
}

.diuao-gallery__comment strong {
	color: var(--diuao-ink);
}

.diuao-gallery__owner {
	justify-self: start;
	border-radius: 999px;
	padding: 2px 7px;
	background: var(--diuao-accent);
	color: var(--diuao-owner-ink);
	font-size: 11px;
	font-weight: 700;
}

.diuao-gallery__reply {
	margin-left: 14px;
	border-left: 2px solid var(--diuao-reply-border);
	padding-left: 10px;
}

.diuao-gallery__comment-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.diuao-gallery__comment-action {
	border: 0;
	background: transparent;
	color: var(--diuao-accent);
	cursor: pointer;
	font-size: 12px;
}

.diuao-gallery__comment-form {
	display: grid;
	gap: 8px;
	margin-top: 12px;
}

.diuao-gallery__comment-form input,
.diuao-gallery__comment-form textarea {
	width: 100%;
	border: 1px solid var(--diuao-line);
	border-radius: 8px;
	padding: 9px 10px;
	background: var(--diuao-input-bg);
	color: var(--diuao-ink);
}

.diuao-gallery__reply-status {
	display: none;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	border: 1px solid rgba(103, 209, 198, 0.32);
	border-radius: 8px;
	padding: 8px 10px;
	background: rgba(103, 209, 198, 0.08);
	color: var(--diuao-muted);
	font-size: 12px;
}

.diuao-gallery__reply-status.is-active {
	display: flex;
}

.diuao-gallery__reply-status button {
	border: 0;
	background: transparent;
	color: var(--diuao-accent);
	cursor: pointer;
}

.diuao-gallery__comment-form textarea {
	min-height: 74px;
	resize: vertical;
}

.diuao-gallery__comment-form button {
	justify-self: start;
}

.diuao-gallery__error {
	min-height: 18px;
	color: var(--diuao-coral);
	font-size: 12px;
}

.diuao-gallery__help {
	align-items: center;
	justify-content: center;
	padding: 18px;
}

.diuao-gallery__help-panel {
	width: min(560px, 100%);
	border: 1px solid var(--diuao-line);
	border-radius: 8px;
	padding: 22px;
	background: var(--diuao-panel-solid);
}

.diuao-gallery__help-panel h2 {
	margin: 0 0 12px;
	font-size: 22px;
}

.diuao-gallery__help-panel p {
	margin: 0 0 10px;
	color: var(--diuao-muted);
}

.diuao-gallery__help-panel strong {
	color: var(--diuao-ink);
}

.diuao-gallery__help-key {
	color: var(--diuao-warm);
	font-weight: 700;
}

.diuao-gallery__help-love {
	color: var(--diuao-coral);
	font-weight: 700;
}

.diuao-gallery__help-faint {
	font-size: 0.9em;
	opacity: 0.72;
}

.diuao-gallery__help-divider {
	margin: 14px 0;
	border-top: 1px solid var(--diuao-line);
}

.diuao-gallery__help-en p {
	font-size: 0.88em;
	opacity: 0.78;
}

.diuao-gallery__help-actions {
	display: flex;
	justify-content: end;
	margin-top: 18px;
}

@media (min-width: 1101px) {
	.diuao-gallery__viewer-inner {
		align-items: center;
		height: auto;
		max-height: calc(100vh - 40px);
		overflow: visible;
	}

	.diuao-gallery__viewer-photo {
		align-self: center;
		width: 100%;
		height: min(84vh, 840px);
		max-height: calc(100vh - 64px);
		min-height: 0;
	}

	.diuao-gallery__viewer-photo img {
		width: auto;
		height: auto;
		max-height: min(84vh, 840px, calc(100vh - 64px));
		max-width: min(100%, 920px);
	}
}

@media (max-width: 1100px) {
	.diuao-gallery {
		--diuao-topbar-space: 178px;
	}

	.diuao-gallery__topbar {
		grid-template-columns: 1fr;
		align-items: stretch;
		gap: 10px;
		padding: 14px 14px 0;
	}

	.diuao-gallery__primary-actions,
	.diuao-gallery__filters,
	.diuao-gallery__actions {
		justify-content: start;
	}

	.diuao-gallery__viewer-inner {
		grid-template-columns: 1fr;
		overflow: auto;
	}

	.diuao-gallery__viewer-panel {
		align-self: stretch;
		max-height: none;
	}

	.diuao-gallery__viewer-photo {
		min-height: 48vh;
	}

	.diuao-gallery__stage-wrap {
		padding-top: var(--diuao-topbar-space, 178px);
	}

	.diuao-gallery__status {
		right: 14px;
		left: 14px;
		bottom: 12px;
		justify-content: center;
	}
}

@media (max-width: 900px) {
	.diuao-gallery.is-multi-gallery {
		--diuao-topbar-space: 112px;
		scroll-margin-top: 126px;
	}

	.diuao-gallery-shared {
		grid-template-columns: auto minmax(0, 1fr) auto;
		gap: 8px;
		padding: 8px 10px;
	}

	.diuao-gallery-shared__genres,
	.diuao-gallery-shared__genre-select {
		grid-column: 1 / -1;
		grid-row: 1;
	}

	.diuao-gallery-shared__genres {
		justify-content: start;
	}

	.diuao-gallery-shared__primary {
		grid-column: 1;
		grid-row: 2;
	}

	.diuao-gallery-shared__actions {
		grid-column: 2 / -1;
		grid-row: 2;
	}
}

@media (max-width: 560px) {
	.diuao-gallery-shared .diuao-gallery__action {
		padding: 0 10px;
	}

	.diuao-gallery-shared .diuao-gallery__select-wrap {
		padding: 0 7px;
	}

	.diuao-gallery-shared .diuao-gallery__select-wrap > span {
		display: none;
	}

	.diuao-gallery-shared .diuao-gallery__select-wrap select {
		min-width: 64px;
	}

	.diuao-gallery-shared .diuao-gallery__icon {
		width: 36px;
		height: 36px;
	}
}

@media (min-width: 600px) and (max-width: 760px) {
	.diuao-gallery__viewer-photo {
		height: min(64vh, 560px);
		min-height: min(380px, 64vh);
	}

	.diuao-gallery__viewer-photo img {
		width: auto;
		height: min(64vh, 560px);
		max-height: min(64vh, 560px);
		max-width: min(100%, 920px);
	}
}

@media (min-width: 761px) and (max-width: 1100px) {
	.diuao-gallery__viewer-inner {
		align-items: stretch;
		grid-template-columns: 1fr;
		height: auto;
		max-height: min(860px, calc(100vh - 28px));
		overflow: auto;
	}

	.diuao-gallery__viewer-photo {
		align-self: stretch;
		height: min(72vh, 680px);
		min-height: min(420px, 72vh);
	}

	.diuao-gallery__viewer-photo img {
		width: auto;
		height: min(72vh, 680px);
		min-height: 0;
		max-height: min(72vh, 680px);
		max-width: min(100%, 920px);
	}

	.diuao-gallery__viewer-panel {
		align-self: stretch;
		max-height: none;
		padding: 18px;
	}

	.diuao-gallery__viewer-title h2 {
		font-size: 22px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.diuao-gallery__card {
		transition-duration: 80ms;
	}
}