/*
 * MTG Card Builder — Free MTG Cards PDF Generator
 *
 * This stylesheet intentionally lives entirely inside .pdfg-app. This route is
 * a standalone full-screen workspace, so none of the controls below should leak
 * into the rest of the theme.
 */

html.pdfg-fullscreen-page {
	height: 100%;
	overflow: hidden !important;
}

body.mtgcb-pdf-generator-page {
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
	max-width: 100%;
	height: 100%;
	background: #eef2f8;
	overflow: hidden !important;
}

body.pdfg-modal-open .wp-dark-mode-floating-switch,
body.pdfg-modal-open .elementor-widget-elementskit-back-to-top {
	opacity: 0 !important;
	pointer-events: none !important;
}

.pdfg-app {
	--pdfg-navy: #1d2a69;
	--pdfg-navy-dark: #152150;
	--pdfg-blue: #2f5bd8;
	--pdfg-blue-dark: #2140a8;
	--pdfg-blue-soft: #edf2ff;
	--pdfg-ink: #16223f;
	--pdfg-muted: #5c6980;
	--pdfg-faint: #8792a7;
	--pdfg-border: #d4ddec;
	--pdfg-border-soft: #e8edf5;
	--pdfg-surface: #ffffff;
	--pdfg-surface-soft: #f6f8fc;
	--pdfg-canvas: #e9eef6;
	--pdfg-danger: #b83b39;
	--pdfg-danger-soft: #fff0ef;
	--pdfg-success: #18734b;
	--pdfg-success-soft: #eaf8f1;
	--pdfg-gold: #d99b17;
	--pdfg-gold-soft: #fff7df;
	--pdfg-shadow-sm: 0 2px 8px rgba(21, 33, 80, .08);
	--pdfg-shadow-md: 0 10px 30px rgba(21, 33, 80, .14);
	--pdfg-shadow-lg: 0 24px 70px rgba(12, 23, 61, .24);
	--pdfg-radius-sm: 8px;
	--pdfg-radius: 12px;
	--pdfg-radius-lg: 18px;
	position: relative;
	display: flex;
	flex-direction: column;
	isolation: auto;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	height: 100vh;
	height: 100dvh;
	max-height: 100vh;
	max-height: 100dvh;
	margin: 0;
	background: var(--pdfg-canvas);
	color: var(--pdfg-ink);
	font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 14px;
	line-height: 1.45;
	text-align: left;
	-webkit-font-smoothing: antialiased;
	overflow: hidden;
}

body.admin-bar .pdfg-app {
	height: calc(100vh - 32px);
	height: calc(100dvh - 32px);
	max-height: calc(100vh - 32px);
	max-height: calc(100dvh - 32px);
	margin-top: 32px;
}

@media screen and (max-width: 782px) {
	body.admin-bar .pdfg-app {
		height: calc(100vh - 46px);
		height: calc(100dvh - 46px);
		max-height: calc(100vh - 46px);
		max-height: calc(100dvh - 46px);
		margin-top: 46px;
	}
}

.pdfg-app,
.pdfg-app *,
.pdfg-app *::before,
.pdfg-app *::after {
	box-sizing: border-box;
}

.pdfg-app h1,
.pdfg-app h2,
.pdfg-app h3,
.pdfg-app p,
.pdfg-app fieldset,
.pdfg-app legend {
	margin-top: 0;
}

.pdfg-app h1,
.pdfg-app h2,
.pdfg-app h3,
.pdfg-app p,
.pdfg-app label,
.pdfg-app span,
.pdfg-app small,
.pdfg-app output,
.pdfg-app summary,
.pdfg-app legend {
	font-family: inherit;
}

.pdfg-app button,
.pdfg-app input,
.pdfg-app select,
.pdfg-app textarea {
	font: inherit;
}

.pdfg-app button,
.pdfg-app label[for],
.pdfg-app summary,
.pdfg-app select,
.pdfg-app input[type="checkbox"],
.pdfg-app input[type="range"] {
	cursor: pointer;
}

.pdfg-app button,
.pdfg-app a {
	-webkit-tap-highlight-color: transparent;
}

.pdfg-app button:disabled,
.pdfg-app input:disabled,
.pdfg-app select:disabled,
.pdfg-app textarea:disabled {
	cursor: not-allowed;
	opacity: .55;
}

.pdfg-app [hidden] {
	display: none !important;
}

.pdfg-app .pdfg-sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.pdfg-app :focus-visible {
	outline: 3px solid rgba(47, 91, 216, .35);
	outline-offset: 2px;
}

/* Opera can apply its automatic page-color pass after the site's own theme
   and expose UA outlines on nested layout elements. Keep the workspace as a
   single authored color surface, then opt real keyboard focus back in. */
html.pdfg-browser-opera #pdfgApp.pdfg-app {
	color-scheme: only light;
}

html.pdfg-browser-opera.wp-dark-mode-active #pdfgApp.pdfg-app,
html.pdfg-browser-opera[data-wp-dark-mode-active] #pdfgApp.pdfg-app,
html.pdfg-browser-opera.darkmysite_dark_mode_enabled #pdfgApp.pdfg-app {
	color-scheme: only dark;
}

html.pdfg-browser-opera #pdfgApp.pdfg-app,
html.pdfg-browser-opera #pdfgApp.pdfg-app * {
	outline: 0 !important;
}

html.pdfg-browser-opera #pdfgApp.pdfg-app :focus-visible {
	outline: 3px solid rgba(76, 124, 255, .72) !important;
	outline-offset: 2px !important;
}

/* Opera occasionally resolves the flexible app-bar tracks using intrinsic
   image/title widths after page zoom or sidebar resizing. Keep those contents
   bounded so they can never grow through the project controls. */
html.pdfg-browser-opera #pdfgApp.pdfg-app .pdfg-appbar__title,
html.pdfg-browser-opera #pdfgApp.pdfg-app .pdfg-appbar__title-copy {
	min-width: 0 !important;
	overflow: hidden;
}

html.pdfg-browser-opera #pdfgApp.pdfg-app .pdfg-appbar__home img {
	width: 116px !important;
	max-width: 116px !important;
	height: auto !important;
}

html.pdfg-browser-opera #pdfgApp.pdfg-app .pdfg-appbar__title h1,
html.pdfg-browser-opera #pdfgApp.pdfg-app .pdfg-appbar__title p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html.pdfg-browser-opera #pdfgApp.pdfg-app .pdfg-appbar__project,
html.pdfg-browser-opera #pdfgApp.pdfg-app .pdfg-appbar__project input {
	min-width: 0 !important;
	max-width: 100% !important;
}

.pdfg-app a {
	color: var(--pdfg-blue-dark);
}

.pdfg-app a:hover {
	color: var(--pdfg-navy);
}

/* App header ------------------------------------------------------------- */

.pdfg-app .pdfg-appbar {
	position: relative;
	z-index: 25;
	display: grid;
	grid-template-columns: minmax(320px, 350px) minmax(260px, 1fr) auto;
	align-items: center;
	flex: 0 0 auto;
	gap: 20px;
	min-height: 74px;
	padding: 11px 20px;
	background: linear-gradient(112deg, var(--pdfg-navy-dark), var(--pdfg-navy) 62%, #263c88);
	border-bottom: 1px solid rgba(255, 255, 255, .12);
	box-shadow: 0 5px 18px rgba(21, 33, 80, .22);
	color: #fff;
}

.pdfg-app .pdfg-appbar__title {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}

.pdfg-app .pdfg-appbar__home {
	position: relative;
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	padding: 4px 0;
	border-radius: 7px;
	text-decoration: none;
}

.pdfg-app .pdfg-appbar__home img {
	display: block;
	width: 116px;
	height: auto;
}

.pdfg-app .pdfg-appbar__home span {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	z-index: 40;
	width: max-content;
	max-width: 190px;
	padding: 6px 9px;
	background: #fff;
	border: 1px solid #d7dfed;
	border-radius: 7px;
	box-shadow: 0 7px 18px rgba(6, 15, 45, .24);
	color: var(--pdfg-navy);
	font-size: 10px;
	font-weight: 800;
	line-height: 1.2;
	opacity: 0;
	pointer-events: none;
	transform: translateY(-4px);
	transition: opacity .15s ease, transform .15s ease;
}

.pdfg-app .pdfg-appbar__home:hover span,
.pdfg-app .pdfg-appbar__home:focus-visible span {
	opacity: 1;
	transform: translateY(0);
}

.pdfg-app .pdfg-appbar__title-copy {
	min-width: 0;
}

.pdfg-app .pdfg-appbar__icon {
	display: grid;
	flex: 0 0 42px;
	place-items: center;
	width: 42px;
	height: 42px;
	background: rgba(255, 255, 255, .12);
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 12px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
	color: #fff;
	font-size: 24px;
	line-height: 1;
}

.pdfg-app .pdfg-appbar__title h1 {
	margin: 0;
	color: #fff;
	font-size: clamp(17px, 1.4vw, 22px);
	font-weight: 800;
	letter-spacing: -.02em;
	line-height: 1.18;
}

.pdfg-app .pdfg-appbar__title p {
	margin: 3px 0 0;
	color: #cfd8fa;
	font-size: 12px;
}

.pdfg-app .pdfg-appbar__project {
	display: grid;
	align-items: center;
	gap: 3px;
	min-width: 0;
}

.pdfg-app .pdfg-appbar__project input {
	min-width: 0;
	width: min(100%, 560px);
	height: 30px;
	padding: 0 4px;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 6px;
	box-shadow: none;
	color: #fff;
	font-size: 18px;
	font-weight: 800;
	text-align: left;
}

.pdfg-app .pdfg-appbar__project input:hover {
	background: rgba(255, 255, 255, .08);
}

.pdfg-app .pdfg-appbar__project input:focus {
	background: #fff;
	border-color: #9eb5ff;
	box-shadow: 0 0 0 3px rgba(157, 181, 255, .24);
	color: var(--pdfg-ink);
	outline: 0;
}

.pdfg-app .pdfg-count {
	flex: 0 0 auto;
	padding: 5px 9px;
	background: rgba(255, 255, 255, .12);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 999px;
	color: #eef2ff;
	font-size: 11px;
	font-weight: 750;
	white-space: nowrap;
}

.pdfg-app .pdfg-appbar__actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 7px;
	min-width: 0;
}

.pdfg-app .pdfg-appbar__actions .pdfg-btn--ghost,
.pdfg-app .pdfg-appbar__actions .pdfg-btn--danger-ghost {
	background: rgba(255, 255, 255, .08);
	border-color: rgba(255, 255, 255, .2);
	color: #fff;
}

.pdfg-app .pdfg-appbar__actions .pdfg-btn--ghost:hover:not(:disabled) {
	background: rgba(255, 255, 255, .16);
	border-color: rgba(255, 255, 255, .35);
}

.pdfg-app .pdfg-appbar__actions .pdfg-btn--danger-ghost:hover:not(:disabled) {
	background: rgba(255, 105, 105, .18);
	border-color: rgba(255, 180, 180, .45);
}

.pdfg-app .pdfg-project-meta {
	display: flex;
	align-items: center;
	gap: 7px;
	min-width: 0;
	padding-left: 4px;
	color: #bfc9eb;
	font-size: 10px;
	font-weight: 650;
}

.pdfg-app .pdfg-project-meta .pdfg-count {
	padding: 0;
	background: none;
	border: 0;
	color: inherit;
}

.pdfg-app .pdfg-project-stats {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-left: 3px;
}

.pdfg-app .pdfg-project-stats > span {
	padding: 2px 6px;
	background: rgba(255, 255, 255, .08);
	border-radius: 999px;
	color: #dbe3ff;
}

.pdfg-app .pdfg-project-stats b {
	font: inherit;
}

.pdfg-app .pdfg-btn--success {
	background: linear-gradient(180deg, #2c9a70, #207654);
	border-color: #1b6849;
	color: #fff;
}

.pdfg-app .pdfg-btn--success:hover:not(:disabled) {
	background: linear-gradient(180deg, #35aa7d, #25835e);
	color: #fff;
}

.pdfg-app .pdfg-btn--icon {
	width: 40px;
	padding: 7px;
	background: rgba(255, 255, 255, .12);
	border-color: rgba(255, 255, 255, .22);
	color: #fff;
	font-size: 20px;
}

.pdfg-app .pdfg-project-menu {
	position: relative;
}

.pdfg-app .pdfg-appbar__actions .pdfg-btn > svg {
	flex: 0 0 auto;
	width: 15px;
	height: 15px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.pdfg-app .pdfg-project-menu__panel {
	position: absolute;
	top: calc(100% + 7px);
	right: 0;
	z-index: 90;
	display: grid;
	width: 225px;
	padding: 6px;
	background: #fff;
	border: 1px solid var(--pdfg-border);
	border-radius: 10px;
	box-shadow: var(--pdfg-shadow-lg);
}

.pdfg-app .pdfg-project-menu__panel button {
	width: 100%;
	padding: 9px 10px;
	background: transparent;
	border: 0;
	border-radius: 7px;
	color: var(--pdfg-ink);
	font-size: 12px;
	font-weight: 700;
	text-align: left;
}

.pdfg-app .pdfg-project-menu__panel button:hover {
	background: var(--pdfg-blue-soft);
	color: var(--pdfg-blue-dark);
}

.pdfg-app .pdfg-project-menu__panel button.is-danger {
	color: var(--pdfg-danger);
}

.pdfg-app .pdfg-project-menu__panel hr {
	width: 100%;
	margin: 4px 0;
	border: 0;
	border-top: 1px solid var(--pdfg-border-soft);
}

.pdfg-app .pdfg-shared-notice {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 9px 18px;
	background: #f3edff;
	border-bottom: 1px solid #cdbcf7;
	color: #38206f;
}

.pdfg-app .pdfg-shared-notice > div {
	display: flex;
	align-items: center;
	gap: 10px;
}

.pdfg-app .pdfg-shared-notice span {
	font-size: 11px;
	color: #69558f;
}

.pdfg-app .pdfg-projects-dialog {
	width: min(920px, calc(100vw - 30px));
}

.pdfg-app .pdfg-projects-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 15px;
	/* Reserve the top-right corner for the dialog close control. */
	padding-right: 48px;
}

.pdfg-app .pdfg-projects-head > div {
	min-width: 0;
}

.pdfg-app .pdfg-projects-head p {
	margin-bottom: 10px;
}

.pdfg-app .pdfg-projects-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	min-height: 240px;
	margin-top: 13px;
}

.pdfg-app .pdfg-project-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 8px;
	padding: 13px;
	background: var(--pdfg-surface-soft);
	border: 1px solid var(--pdfg-border);
	border-radius: 10px;
}

.pdfg-app .pdfg-project-row.is-current {
	background: var(--pdfg-blue-soft);
	border-color: #8aa6ef;
}

.pdfg-app .pdfg-project-row__info {
	min-width: 0;
	padding: 0;
	background: transparent;
	border: 0;
	color: var(--pdfg-ink);
	text-align: left;
}

.pdfg-app .pdfg-project-row__info strong,
.pdfg-app .pdfg-project-row__info span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pdfg-app .pdfg-project-row__info strong {
	font-size: 13px;
}

.pdfg-app .pdfg-project-row__info span {
	margin-top: 4px;
	color: var(--pdfg-muted);
	font-size: 10px;
}

.pdfg-app .pdfg-project-row__actions {
	display: flex;
	gap: 5px;
}

.pdfg-app .pdfg-project-row__actions .pdfg-btn {
	min-height: 32px;
	padding: 6px 8px;
}

.pdfg-app .pdfg-share-dialog {
	width: min(620px, calc(100vw - 28px));
}

.pdfg-app .pdfg-copy-field {
	display: flex;
	gap: 6px;
}

.pdfg-app .pdfg-copy-field input {
	min-width: 0;
	flex: 1 1 auto;
}

.pdfg-app .pdfg-share-stats {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin: 14px 0 2px;
}

.pdfg-app .pdfg-share-stats span {
	padding: 5px 8px;
	background: var(--pdfg-surface-soft);
	border: 1px solid var(--pdfg-border);
	border-radius: 999px;
	color: var(--pdfg-muted);
	font-size: 10px;
}

/* Mobile navigation ------------------------------------------------------ */

.pdfg-app .pdfg-mobile-tabs {
	display: none;
	position: sticky;
	top: 0;
	z-index: 35;
	grid-template-columns: repeat(3, 1fr);
	padding: 6px;
	background: #fff;
	border-bottom: 1px solid var(--pdfg-border);
	box-shadow: var(--pdfg-shadow-sm);
}

.pdfg-app .pdfg-mobile-tabs button {
	min-height: 40px;
	padding: 7px 9px;
	background: transparent;
	border: 0;
	border-radius: 8px;
	color: var(--pdfg-muted);
	font-weight: 750;
}

.pdfg-app .pdfg-mobile-tabs button:hover {
	background: var(--pdfg-surface-soft);
	color: var(--pdfg-navy);
}

.pdfg-app .pdfg-mobile-tabs button.is-active,
.pdfg-app .pdfg-mobile-tabs button[aria-selected="true"] {
	background: var(--pdfg-navy);
	box-shadow: 0 3px 9px rgba(29, 42, 105, .2);
	color: #fff;
}

/* Main three-column workspace ------------------------------------------- */

.pdfg-app .pdfg-layout {
	display: grid;
	grid-template-columns: 320px minmax(0, 1fr) 330px;
	align-items: stretch;
	flex: 1 1 0;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	min-height: 0;
	height: auto;
	background: var(--pdfg-canvas);
	overflow: hidden;
}

.pdfg-app .pdfg-sidebar {
	position: relative;
	z-index: 5;
	min-width: 0;
	height: 100%;
	padding: 12px 12px 40px;
	background: #f9fbfe;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-color: #b7c2d6 transparent;
	scrollbar-width: thin;
}

.pdfg-app .pdfg-sidebar--left {
	border-right: 1px solid var(--pdfg-border);
	box-shadow: 4px 0 14px rgba(21, 33, 80, .035);
}

.pdfg-app .pdfg-sidebar--right {
	border-left: 1px solid var(--pdfg-border);
	box-shadow: -4px 0 14px rgba(21, 33, 80, .035);
}

.pdfg-app .pdfg-sidebar::-webkit-scrollbar,
.pdfg-app .pdfg-workspace__scroll::-webkit-scrollbar,
.pdfg-app .pdfg-cardtray::-webkit-scrollbar,
.pdfg-app .pdfg-modal__dialog::-webkit-scrollbar {
	width: 9px;
	height: 9px;
}

.pdfg-app .pdfg-sidebar::-webkit-scrollbar-thumb,
.pdfg-app .pdfg-workspace__scroll::-webkit-scrollbar-thumb,
.pdfg-app .pdfg-cardtray::-webkit-scrollbar-thumb,
.pdfg-app .pdfg-modal__dialog::-webkit-scrollbar-thumb {
	background: #bac5d8;
	background-clip: padding-box;
	border: 2px solid transparent;
	border-radius: 99px;
}

.pdfg-app .pdfg-sidebar__heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 3px 3px 10px;
}

.pdfg-app .pdfg-sidebar__heading h2 {
	margin: 0;
	color: var(--pdfg-navy);
	font-size: 15px;
	font-weight: 850;
	letter-spacing: .035em;
	text-transform: uppercase;
}

.pdfg-app .pdfg-collapse-all {
	padding: 3px 1px;
	background: transparent;
	border: 0;
	color: var(--pdfg-blue-dark);
	font-size: 11px;
	font-weight: 700;
}

.pdfg-app .pdfg-collapse-all:hover {
	color: var(--pdfg-navy);
	text-decoration: underline;
}

/* Settings sections ------------------------------------------------------ */

.pdfg-app .pdfg-section {
	--pdfg-section-accent: var(--pdfg-blue);
	--pdfg-section-tint: #edf2ff;
	--pdfg-section-dark: #202e50;
	margin: 0 0 10px;
	background: var(--pdfg-surface);
	border: 1px solid var(--pdfg-border);
	border-radius: var(--pdfg-radius);
	box-shadow: 0 1px 3px rgba(21, 33, 80, .045);
	overflow: clip;
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.pdfg-app .pdfg-section:hover {
	border-color: #bbc7dc;
	box-shadow: 0 4px 13px rgba(21, 33, 80, .075);
}

.pdfg-app .pdfg-card-browser-launch {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr) auto;
	align-items: center;
	gap: 8px;
	width: 100%;
	min-height: 50px;
	margin: 0 0 10px;
	padding: 9px 13px;
	background: #eef3ff;
	border: 1px solid #b8c8ef;
	border-left: 4px solid var(--pdfg-blue);
	border-radius: var(--pdfg-radius);
	box-shadow: 0 2px 8px rgba(30, 61, 149, .08);
	color: var(--pdfg-blue-dark);
	text-align: left;
}
.pdfg-app .pdfg-card-browser-launch > span:first-child { position: relative; display: grid; place-items: center; width: 28px; height: 28px; background: var(--pdfg-blue); border-radius: 50%; color: #fff; }
.pdfg-app .pdfg-card-browser-icon::before { content: ""; width: 9px; height: 9px; border: 2px solid currentColor; border-radius: 50%; transform: translate(-1px, -1px); }
.pdfg-app .pdfg-card-browser-icon::after { content: ""; position: absolute; width: 7px; height: 2px; background: currentColor; border-radius: 2px; transform: translate(5px, 5px) rotate(45deg); transform-origin: left center; }
.pdfg-app .pdfg-card-browser-launch strong { font-size: 13px; font-weight: 850; }
.pdfg-app .pdfg-card-browser-launch > span:last-child { font-size: 22px; line-height: 1; }
.pdfg-app .pdfg-card-browser-launch:hover,
.pdfg-app .pdfg-card-browser-launch:focus-visible { background: #e4ecff; border-color: #8ca7e8; color: var(--pdfg-blue-dark) !important; transform: translateY(-1px); }
.pdfg-app .pdfg-card-browser-launch:hover strong,
.pdfg-app .pdfg-card-browser-launch:focus-visible strong { color: var(--pdfg-blue-dark) !important; }

html.wp-dark-mode-active .pdfg-app .pdfg-card-browser-launch,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-card-browser-launch,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-card-browser-launch { background: #202e50 !important; border-color: #526b9f !important; border-left-color: #75a0ff !important; color: #f4f7ff !important; }
html.wp-dark-mode-active .pdfg-app .pdfg-card-browser-launch:hover,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-card-browser-launch:hover,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-card-browser-launch:hover { background: #273962 !important; }

.pdfg-app .pdfg-section--mint {
	--pdfg-section-accent: #148c74;
	--pdfg-section-tint: #eaf8f4;
	--pdfg-section-dark: #183c35;
}

.pdfg-app .pdfg-section--amber {
	--pdfg-section-accent: #b8780b;
	--pdfg-section-tint: #fff7e5;
	--pdfg-section-dark: #3e3218;
}

.pdfg-app .pdfg-section--violet {
	--pdfg-section-accent: #7250bd;
	--pdfg-section-tint: #f3effc;
	--pdfg-section-dark: #302843;
}

.pdfg-app .pdfg-section--rose,
.pdfg-app .pdfg-section--pink {
	--pdfg-section-accent: #b84e76;
	--pdfg-section-tint: #fff0f5;
	--pdfg-section-dark: #3b2430;
}

.pdfg-app .pdfg-section--blue {
	--pdfg-section-accent: #2f5bd8;
	--pdfg-section-tint: #edf2ff;
	--pdfg-section-dark: #202e50;
}

.pdfg-app .pdfg-section--lime {
	--pdfg-section-accent: #5b8a1d;
	--pdfg-section-tint: #f2f8e7;
	--pdfg-section-dark: #2a351c;
}

.pdfg-app .pdfg-section--orange {
	--pdfg-section-accent: #c46720;
	--pdfg-section-tint: #fff3ea;
	--pdfg-section-dark: #3e281b;
}

.pdfg-app .pdfg-section--cyan {
	--pdfg-section-accent: #168396;
	--pdfg-section-tint: #eaf8fa;
	--pdfg-section-dark: #19363b;
}

.pdfg-app .pdfg-section--slate {
	--pdfg-section-accent: #53647e;
	--pdfg-section-tint: #f0f3f7;
	--pdfg-section-dark: #27303d;
}

.pdfg-app .pdfg-section--purple {
	--pdfg-section-accent: #6947b8;
	--pdfg-section-tint: #f3effc;
	--pdfg-section-dark: #302641;
}

.pdfg-app .pdfg-section--green {
	--pdfg-section-accent: #18734b;
	--pdfg-section-tint: #eaf8f1;
	--pdfg-section-dark: #1d3529;
}

.pdfg-app .pdfg-section__toggle {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	align-items: center;
	gap: 8px;
	width: 100%;
	min-height: 44px;
	padding: 10px 12px;
	background: var(--pdfg-section-tint);
	border: 0;
	border-left: 4px solid var(--pdfg-section-accent);
	color: var(--pdfg-ink);
	text-align: left;
}

.pdfg-app .pdfg-section__toggle:hover {
	filter: saturate(1.06) brightness(.99);
}

/* Expanded category headers use the site's navy active surface in light mode. */
#pdfgApp.pdfg-app .pdfg-section.is-open > .pdfg-section__toggle,
#pdfgApp.pdfg-app .pdfg-section__toggle[aria-expanded="true"] {
	background: var(--pdfg-navy) !important;
	background-image: none !important;
	border-left-color: var(--pdfg-section-accent) !important;
}

#pdfgApp.pdfg-app .pdfg-section.is-open > .pdfg-section__toggle,
#pdfgApp.pdfg-app .pdfg-section.is-open > .pdfg-section__toggle > span,
#pdfgApp.pdfg-app .pdfg-section__toggle[aria-expanded="true"],
#pdfgApp.pdfg-app .pdfg-section__toggle[aria-expanded="true"] > span {
	--wpdm-button-text-color: #fff;
	--wpdm-button-hover-text-color: #fff;
	color: #fff !important;
}

/* The site-wide button hover paints category headers dark blue. Keep every
   piece of header copy readable when that hover/focus surface is active. */
#pdfgApp.pdfg-app .pdfg-section__toggle:hover,
#pdfgApp.pdfg-app .pdfg-section__toggle:focus-visible,
#pdfgApp.pdfg-app .pdfg-section__toggle:hover > span,
#pdfgApp.pdfg-app .pdfg-section__toggle:focus-visible > span,
#pdfgApp.pdfg-app .pdfg-section__toggle:hover > label,
#pdfgApp.pdfg-app .pdfg-section__toggle:focus-visible > label {
	--wpdm-button-hover-text-color: #fff;
	color: #fff !important;
}

.pdfg-app .pdfg-section__toggle > span:first-child {
	min-width: 0;
	color: var(--pdfg-ink);
	font-size: 13px;
	font-weight: 800;
}

.pdfg-app .pdfg-section__toggle > span:last-child {
	color: var(--pdfg-muted);
	font-size: 13px;
	transition: transform .18s ease;
}

.pdfg-app .pdfg-section:not(.is-open) .pdfg-section__toggle > span:last-child {
	transform: rotate(0deg);
}

.pdfg-app .pdfg-section:not(.is-open) > .pdfg-section__body {
	display: none;
}

.pdfg-app .pdfg-section__body {
	padding: 12px;
	border-top: 1px solid var(--pdfg-border-soft);
}

.pdfg-app .pdfg-section__body > :last-child {
	margin-bottom: 0;
}

.pdfg-app .pdfg-section fieldset {
	min-width: 0;
	margin: 13px 0;
	padding: 11px;
	background: var(--pdfg-surface-soft);
	border: 1px solid var(--pdfg-border-soft);
	border-radius: 9px;
}

.pdfg-app .pdfg-section legend {
	padding: 0 5px;
	color: var(--pdfg-muted);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.pdfg-app .pdfg-section legend small {
	color: var(--pdfg-faint);
	font-size: 10px;
	font-weight: 650;
	letter-spacing: 0;
	text-transform: none;
}

/* Form controls ---------------------------------------------------------- */

.pdfg-app .pdfg-field {
	display: grid;
	gap: 5px;
	min-width: 0;
	margin: 0 0 11px;
	color: var(--pdfg-ink);
}

.pdfg-app .pdfg-field > span,
.pdfg-app .pdfg-dimension-row label > span,
.pdfg-app .pdfg-label,
.pdfg-app .pdfg-range > span {
	display: block;
	color: var(--pdfg-muted);
	font-size: 11px;
	font-weight: 750;
	line-height: 1.3;
}

.pdfg-app .pdfg-field > span small {
	color: var(--pdfg-faint);
	font-weight: 600;
}

.pdfg-app input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
.pdfg-app select,
.pdfg-app textarea {
	width: 100%;
	max-width: none;
	min-height: 38px;
	margin: 0;
	padding: 8px 10px;
	background: #fff;
	border: 1px solid #c7d1e1;
	border-radius: 8px;
	box-shadow: inset 0 1px 2px rgba(21, 33, 80, .035);
	color: var(--pdfg-ink);
	font-size: 13px;
	line-height: 1.35;
	transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.pdfg-app textarea {
	min-height: 116px;
	resize: vertical;
}

.pdfg-app select {
	padding-right: 30px;
	text-overflow: ellipsis;
}

.pdfg-app input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):hover,
.pdfg-app select:hover,
.pdfg-app textarea:hover {
	border-color: #aab8cf;
}

.pdfg-app input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):focus,
.pdfg-app select:focus,
.pdfg-app textarea:focus {
	background: #fff;
	border-color: var(--pdfg-blue);
	box-shadow: 0 0 0 3px rgba(47, 91, 216, .15);
	outline: 0;
}

.pdfg-app input:disabled,
.pdfg-app select:disabled,
.pdfg-app textarea:disabled {
	background: #edf1f6 !important;
	color: #7e8aa0;
}

.pdfg-app ::placeholder {
	color: #929caf;
	opacity: 1;
}

.pdfg-app input[type="color"] {
	width: 100%;
	height: 38px;
	padding: 4px;
	background: #fff;
	border: 1px solid #c7d1e1;
	border-radius: 8px;
}

.pdfg-app input[type="checkbox"] {
	flex: 0 0 auto;
	width: 17px;
	height: 17px;
	margin: 1px 0 0;
	accent-color: var(--pdfg-blue);
}

.pdfg-app input[type="range"] {
	width: 100%;
	margin: 3px 0;
	accent-color: var(--pdfg-blue);
}

.pdfg-app .pdfg-range {
	display: grid;
	gap: 4px;
	margin: 0 0 12px;
}

.pdfg-app .pdfg-range > span {
	display: flex;
	justify-content: space-between;
	gap: 12px;
}

.pdfg-app .pdfg-range output,
.pdfg-app .pdfg-field output {
	color: var(--pdfg-blue-dark);
	font-weight: 800;
}

.pdfg-app .pdfg-rotation-control {
	display: grid;
	gap: 6px;
	margin: 2px 0 12px;
}

.pdfg-app .pdfg-rotation-control > label {
	color: var(--pdfg-muted);
	font-size: 11px;
	font-weight: 750;
	line-height: 1.3;
}

.pdfg-app .pdfg-rotation-control > label small {
	color: var(--pdfg-faint);
	font-size: 10px;
	font-weight: 650;
}

.pdfg-app .pdfg-rotation-control__row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 48px 32px;
	align-items: center;
	gap: 8px;
}

.pdfg-app .pdfg-rotation-control__row input[type="range"] {
	min-width: 0;
	margin: 0;
}

.pdfg-app .pdfg-rotation-control__row output {
	min-width: 0;
	padding: 4px 5px;
	background: var(--pdfg-section-tint, #edf2ff);
	border: 1px solid var(--pdfg-border-soft);
	border-radius: 7px;
	color: var(--pdfg-blue-dark);
	font-size: 12px;
	font-variant-numeric: tabular-nums;
	font-weight: 850;
	line-height: 22px;
	text-align: center;
}

.pdfg-app .pdfg-rotation-reset {
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	padding: 0;
	background: #fff;
	border: 1px solid #c7d1e1;
	border-radius: 7px;
	color: var(--pdfg-blue-dark);
	font-size: 17px;
	font-weight: 850;
	line-height: 1;
}

.pdfg-app .pdfg-rotation-reset:hover {
	background: var(--pdfg-section-tint, #edf2ff);
	border-color: var(--pdfg-blue);
}

.pdfg-app .pdfg-check {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 9px 0;
	color: var(--pdfg-ink);
	font-size: 12px;
	font-weight: 550;
	line-height: 1.35;
}

.pdfg-app .pdfg-check:hover span {
	color: var(--pdfg-navy);
}

.pdfg-app .pdfg-check-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 2px 8px;
}

.pdfg-app .pdfg-dimension-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: end;
	gap: 8px;
	margin: 0 0 11px;
}

.pdfg-app .pdfg-dimension-row > label {
	display: grid;
	gap: 5px;
	min-width: 0;
}

.pdfg-app .pdfg-dimension-row > span {
	padding-bottom: 10px;
	color: var(--pdfg-faint);
	font-weight: 800;
}

.pdfg-app .pdfg-grid-two {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 11px;
	margin: 12px 0;
}

.pdfg-app .pdfg-segment {
	display: flex;
	width: 100%;
	margin: 0 0 11px;
	padding: 3px;
	background: #edf1f7;
	border: 1px solid #d7dfeb;
	border-radius: 9px;
}

.pdfg-app .pdfg-segment--wrap {
	flex-wrap: wrap;
}

.pdfg-app .pdfg-segment button {
	flex: 1 1 auto;
	min-height: 30px;
	padding: 5px 8px;
	background: transparent;
	border: 0;
	border-radius: 6px;
	color: var(--pdfg-muted);
	font-size: 11px;
	font-weight: 750;
	line-height: 1.15;
}

.pdfg-app .pdfg-segment button:hover:not(.is-on) {
	background: rgba(255, 255, 255, .65);
	color: var(--pdfg-navy);
}

.pdfg-app .pdfg-segment button.is-on,
.pdfg-app .pdfg-segment button[aria-pressed="true"] {
	background: #fff;
	box-shadow: 0 1px 4px rgba(21, 33, 80, .14);
	color: var(--pdfg-navy);
}

/* Visual cut-guide controls --------------------------------------------- */

.pdfg-app .pdfg-guide-placement {
	display: flex;
	align-items: stretch;
	gap: 4px;
	min-height: 70px;
	margin-top: 5px;
	padding: 5px;
	background: #e9eef6;
	border-color: #d5ddea;
}

.pdfg-app .pdfg-guide-placement button {
	display: flex;
	flex: 0 1 58px;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 0;
	min-height: 58px;
	padding: 5px 7px;
}

.pdfg-app .pdfg-guide-placement button.is-on {
	flex: 1 1 128px;
	background: #fff;
	box-shadow: 0 2px 7px rgba(29, 46, 91, .14);
}

.pdfg-app .pdfg-guide-placement button strong {
	display: none;
	font-size: 12px;
	font-weight: 820;
	white-space: nowrap;
}

.pdfg-app .pdfg-guide-placement button.is-on strong {
	display: block;
}

.pdfg-app .pdfg-guide-placement-icon {
	--pdfg-guide-inset: 0px;
	position: relative;
	display: block;
	flex: 0 0 38px;
	width: 38px;
	height: 48px;
}

.pdfg-app .pdfg-guide-placement-icon.is-center {
	--pdfg-guide-inset: 4px;
}

.pdfg-app .pdfg-guide-placement-icon.is-inside {
	--pdfg-guide-inset: 8px;
}

.pdfg-app .pdfg-guide-placement-icon b,
.pdfg-app .pdfg-guide-cut-icon::before {
	position: absolute;
	inset: 6px 8px;
	background: #748197;
	border-radius: 2px;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18);
	content: "";
}

.pdfg-app .pdfg-guide-placement-icon i,
.pdfg-app .pdfg-guide-cut-icon i {
	position: absolute;
	width: 10px;
	height: 10px;
	border-color: #73e94b;
	border-style: solid;
	border-width: 0;
}

.pdfg-app .pdfg-guide-placement-icon i:nth-of-type(1) {
	top: var(--pdfg-guide-inset);
	left: var(--pdfg-guide-inset);
	border-top-width: 2px;
	border-left-width: 2px;
}

.pdfg-app .pdfg-guide-placement-icon i:nth-of-type(2) {
	top: var(--pdfg-guide-inset);
	right: var(--pdfg-guide-inset);
	border-top-width: 2px;
	border-right-width: 2px;
}

.pdfg-app .pdfg-guide-placement-icon i:nth-of-type(3) {
	right: var(--pdfg-guide-inset);
	bottom: var(--pdfg-guide-inset);
	border-right-width: 2px;
	border-bottom-width: 2px;
}

.pdfg-app .pdfg-guide-placement-icon i:nth-of-type(4) {
	bottom: var(--pdfg-guide-inset);
	left: var(--pdfg-guide-inset);
	border-bottom-width: 2px;
	border-left-width: 2px;
}

.pdfg-app .pdfg-guide-style-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 5px;
	margin: 5px 0 13px;
	padding: 0;
	background: transparent;
	border: 0;
}

.pdfg-app .pdfg-guide-style-grid button {
	display: grid;
	place-items: center;
	min-width: 0;
	min-height: 58px;
	padding: 5px;
	background: #edf1f7;
	border: 1px solid transparent;
	border-radius: 7px;
}

.pdfg-app .pdfg-guide-style-grid button:hover:not(.is-on) {
	background: #e1e7f1;
	border-color: #c7d2e3;
}

.pdfg-app .pdfg-guide-style-grid button.is-on {
	background: var(--pdfg-blue);
	border-color: var(--pdfg-blue-dark);
	box-shadow: 0 2px 7px rgba(47, 91, 216, .22);
}

.pdfg-app .pdfg-guide-cut-icon {
	position: relative;
	display: block;
	width: 38px;
	height: 46px;
}

.pdfg-app .pdfg-guide-cut-icon i:nth-of-type(1) {
	top: 1px;
	left: 1px;
	border-top-width: 2px;
	border-left-width: 2px;
}

.pdfg-app .pdfg-guide-cut-icon i:nth-of-type(2) {
	top: 1px;
	right: 1px;
	border-top-width: 2px;
	border-right-width: 2px;
}

.pdfg-app .pdfg-guide-cut-icon i:nth-of-type(3) {
	right: 1px;
	bottom: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
}

.pdfg-app .pdfg-guide-cut-icon i:nth-of-type(4) {
	bottom: 1px;
	left: 1px;
	border-bottom-width: 2px;
	border-left-width: 2px;
}

.pdfg-app .pdfg-guide-cut-icon.is-dashed i {
	border-style: dashed;
}

.pdfg-app .pdfg-guide-cut-icon.is-round i {
	width: 14px;
	height: 14px;
}

.pdfg-app .pdfg-guide-cut-icon.is-round i:nth-of-type(1) {
	border-radius: 12px 0 0;
}

.pdfg-app .pdfg-guide-cut-icon.is-round i:nth-of-type(2) {
	border-radius: 0 12px 0 0;
}

.pdfg-app .pdfg-guide-cut-icon.is-round i:nth-of-type(3) {
	border-radius: 0 0 12px;
}

.pdfg-app .pdfg-guide-cut-icon.is-round i:nth-of-type(4) {
	border-radius: 0 0 0 12px;
}

.pdfg-app .pdfg-guide-cut-icon.is-full i:first-of-type {
	inset: 1px;
	width: auto;
	height: auto;
	border: 2px solid #73e94b;
}

.pdfg-app .pdfg-guide-cut-icon.is-full.is-dashed i:first-of-type {
	border-style: dashed;
}

.pdfg-app .pdfg-guide-cut-icon.is-full.is-round i:first-of-type {
	border-radius: 9px;
}

.pdfg-app .pdfg-guide-cut-icon.is-full i:not(:first-of-type) {
	display: none;
}

.pdfg-app .pdfg-head-switch {
	position: relative;
	display: block;
	width: 34px;
	height: 20px;
	margin: 0;
}

.pdfg-app .pdfg-head-switch input {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
}

.pdfg-app .pdfg-head-switch > span {
	position: absolute;
	inset: 0;
	background: #aab4c5;
	border-radius: 999px;
	box-shadow: inset 0 1px 2px rgba(21, 33, 80, .16);
	transition: background .18s ease;
}

.pdfg-app .pdfg-head-switch > span::after {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 14px;
	height: 14px;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 1px 3px rgba(21, 33, 80, .3);
	content: "";
	transition: transform .18s ease;
}

.pdfg-app .pdfg-head-switch input:checked + span {
	background: var(--pdfg-section-accent, var(--pdfg-blue));
}

.pdfg-app .pdfg-head-switch input:checked + span::after {
	transform: translateX(14px);
}

.pdfg-app .pdfg-head-switch input:focus-visible + span {
	outline: 3px solid rgba(47, 91, 216, .3);
	outline-offset: 2px;
}

.pdfg-app .pdfg-link-btn,
.pdfg-app .pdfg-sort-dir {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	padding: 0;
	background: #fff;
	border: 1px solid #c7d1e1;
	border-radius: 8px;
	color: var(--pdfg-muted);
}

.pdfg-app .pdfg-link-btn.is-linked,
.pdfg-app .pdfg-sort-dir:hover {
	background: var(--pdfg-blue-soft);
	border-color: #9fb3ed;
	color: var(--pdfg-blue-dark);
}

.pdfg-app .pdfg-help {
	margin: 8px 0;
	color: var(--pdfg-muted);
	font-size: 11px;
	line-height: 1.45;
}

.pdfg-app .pdfg-format-help,
.pdfg-app .pdfg-section details {
	margin: 9px 0;
	padding: 8px 9px;
	background: var(--pdfg-surface-soft);
	border: 1px solid var(--pdfg-border-soft);
	border-radius: 8px;
}

.pdfg-app .pdfg-format-help summary,
.pdfg-app .pdfg-section details summary {
	color: var(--pdfg-blue-dark);
	font-size: 11px;
	font-weight: 750;
}

.pdfg-app .pdfg-format-help p,
.pdfg-app .pdfg-section details p {
	margin: 7px 0 0;
	color: var(--pdfg-muted);
	font-size: 11px;
}

.pdfg-app .pdfg-format-help code {
	padding: 1px 4px;
	background: #e9eef8;
	border-radius: 4px;
	color: var(--pdfg-navy);
	font-size: 10px;
}

/* Buttons ---------------------------------------------------------------- */

.pdfg-app .pdfg-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 37px;
	margin: 0;
	padding: 8px 13px;
	background: #fff;
	border: 1px solid #c3cede;
	border-radius: 8px;
	box-shadow: none;
	color: var(--pdfg-ink);
	font-size: 12px;
	font-weight: 750;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	transition: background .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease, transform .15s ease;
}

.pdfg-app .pdfg-btn:hover:not(:disabled) {
	transform: translateY(-1px);
}

.pdfg-app .pdfg-btn:active:not(:disabled) {
	transform: translateY(0);
}

.pdfg-app .pdfg-btn--block {
	display: flex;
	width: 100%;
}

.pdfg-app .pdfg-btn--primary {
	background: linear-gradient(180deg, #3b68e0, var(--pdfg-blue-dark));
	border-color: var(--pdfg-blue-dark);
	box-shadow: 0 3px 9px rgba(47, 91, 216, .22);
	color: #fff;
}

.pdfg-app .pdfg-btn--primary:hover:not(:disabled) {
	background: linear-gradient(180deg, #4674eb, #274bb7);
	box-shadow: 0 5px 13px rgba(47, 91, 216, .28);
	color: #fff;
}

.pdfg-app .pdfg-btn--soft {
	background: var(--pdfg-blue-soft);
	border-color: #bfd0fa;
	color: var(--pdfg-blue-dark);
}

.pdfg-app .pdfg-btn--soft:hover:not(:disabled) {
	background: #e0e9ff;
	border-color: #9eb6f1;
	color: var(--pdfg-navy);
}

.pdfg-app .pdfg-btn--ghost {
	background: #fff;
	border-color: #cbd4e3;
	color: var(--pdfg-muted);
}

.pdfg-app .pdfg-btn--ghost:hover:not(:disabled) {
	background: var(--pdfg-surface-soft);
	border-color: #aebbd0;
	color: var(--pdfg-navy);
}

.pdfg-app .pdfg-btn--danger-ghost {
	background: #fff;
	border-color: #e7bbb8;
	color: var(--pdfg-danger);
}

.pdfg-app .pdfg-btn--danger-ghost:hover:not(:disabled) {
	background: var(--pdfg-danger-soft);
	border-color: #da9792;
	color: #942d2b;
}

.pdfg-app .pdfg-btn--green {
	background: linear-gradient(180deg, #239865, #176e49);
	border-color: #176e49;
	box-shadow: 0 3px 9px rgba(24, 115, 75, .2);
	color: #fff;
}

.pdfg-app .pdfg-btn--green:hover:not(:disabled) {
	background: linear-gradient(180deg, #2aa672, #197b51);
	color: #fff;
}

.pdfg-app .pdfg-btn--export {
	min-height: 45px;
	background: linear-gradient(180deg, #21845a, #146741);
	border-color: #115c39;
	box-shadow: 0 5px 14px rgba(24, 115, 75, .25);
	color: #fff;
	font-size: 14px;
}

.pdfg-app .pdfg-btn--export:hover:not(:disabled) {
	background: linear-gradient(180deg, #289467, #18734b);
	box-shadow: 0 7px 18px rgba(24, 115, 75, .3);
	color: #fff;
}

.pdfg-app .pdfg-button-row {
	display: flex;
	gap: 8px;
	margin: 11px 0;
}

.pdfg-app .pdfg-button-row > * {
	flex: 1 1 0;
}

/* Upload, search, and result controls ----------------------------------- */

.pdfg-app .pdfg-dropzone {
	display: grid;
	place-items: center;
	min-height: 128px;
	padding: 17px 12px;
	background: linear-gradient(145deg, #fffaf0, #fff 65%);
	border: 2px dashed #d6a957;
	border-radius: 11px;
	color: var(--pdfg-ink);
	text-align: center;
	transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.pdfg-app .pdfg-dropzone:hover,
.pdfg-app .pdfg-dropzone:focus-visible,
.pdfg-app .pdfg-dropzone.is-dragover {
	background: #fff7e2;
	border-color: #ba7911;
	box-shadow: 0 0 0 4px rgba(184, 120, 11, .1);
	transform: translateY(-1px);
}

.pdfg-app .pdfg-dropzone strong,
.pdfg-app .pdfg-dropzone span,
.pdfg-app .pdfg-dropzone small {
	display: block;
	width: 100%;
}

.pdfg-app .pdfg-dropzone strong {
	color: #81530a;
	font-size: 13px;
}

.pdfg-app .pdfg-dropzone span {
	margin-top: 3px;
	color: var(--pdfg-muted);
	font-size: 11px;
}

.pdfg-app .pdfg-dropzone small {
	margin-top: 6px;
	color: var(--pdfg-faint);
	font-size: 10px;
}

.pdfg-app .pdfg-upload-source-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 8px; }
.pdfg-app .pdfg-upload-source-actions .pdfg-btn { min-height: 34px; padding: 6px 8px; font-size: 9px; }

.pdfg-app .pdfg-search-row {
	display: flex;
	align-items: stretch;
	gap: 7px;
	min-width: 0;
}

.pdfg-app .pdfg-search-row input {
	min-width: 0;
	flex: 1 1 auto;
}

.pdfg-app .pdfg-search-row .pdfg-btn {
	flex: 0 0 auto;
}

.pdfg-app .pdfg-mini-results {
	display: grid;
	gap: 7px;
	max-height: 360px;
	margin: 9px 0;
	overflow-y: auto;
}

.pdfg-app .pdfg-mini-card,
.pdfg-app .pdfg-mini-result {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	align-items: center;
	gap: 8px;
	width: 100%;
	min-width: 0;
	padding: 7px;
	background: #fff !important;
	border: 1px solid var(--pdfg-border-soft);
	border-radius: 8px;
	color: var(--pdfg-ink) !important;
	text-align: left;
}

.pdfg-app .pdfg-mini-card img,
.pdfg-app .pdfg-mini-result img {
	display: block;
	width: 44px;
	height: 61px;
	background: #e9edf4;
	border-radius: 4px;
	object-fit: cover;
}

.pdfg-app .pdfg-mini-card strong,
.pdfg-app .pdfg-mini-result strong,
.pdfg-app .pdfg-mini-card > span,
.pdfg-app .pdfg-mini-result > span {
	display: block;
	min-width: 0;
	overflow: hidden;
	color: var(--pdfg-ink) !important;
	font-size: 11px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pdfg-app .pdfg-mini-card small,
.pdfg-app .pdfg-mini-result small {
	color: var(--pdfg-muted);
	font-size: 10px;
}

.pdfg-app .pdfg-pager {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	margin-top: 12px;
}

.pdfg-app .pdfg-pager button {
	min-width: 34px;
	min-height: 32px;
	padding: 5px 8px;
	background: #fff;
	border: 1px solid var(--pdfg-border);
	border-radius: 7px;
	color: var(--pdfg-navy);
	font-size: 11px;
	font-weight: 750;
}

.pdfg-app .pdfg-pager button:hover:not(:disabled) {
	background: var(--pdfg-blue-soft);
	border-color: #9eb6ee;
}

/* Filter pills ----------------------------------------------------------- */

.pdfg-app .pdfg-filter-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.pdfg-app .pdfg-filter-pills button {
	display: grid;
	place-items: center;
	min-width: 29px;
	height: 29px;
	padding: 3px 7px;
	background: #fff;
	border: 1px solid #cbd4e2;
	border-radius: 7px;
	color: var(--pdfg-muted);
	font-size: 11px;
	font-weight: 800;
}

.pdfg-app .pdfg-filter-pills button:hover,
.pdfg-app .pdfg-filter-pills button.is-on,
.pdfg-app .pdfg-filter-pills button[aria-pressed="true"] {
	background: var(--pdfg-navy);
	border-color: var(--pdfg-navy);
	color: #fff;
}

.pdfg-app .pdfg-filter-pills--mana {
	align-items: center;
	flex-wrap: nowrap;
	gap: 5px;
}

.pdfg-app .pdfg-filter-pills--mana button {
	position: relative;
	display: grid;
	place-items: center;
	width: 32px;
	min-width: 32px;
	height: 32px;
	padding: 3px;
	background: transparent;
	border: 2px solid transparent;
	border-radius: 50%;
	box-shadow: none;
	transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.pdfg-app .pdfg-filter-pills--mana button:hover {
	background: rgba(47, 91, 216, .09);
	border-color: #9eb6ee;
	box-shadow: none;
	transform: translateY(-1px);
}

.pdfg-app .pdfg-mana-pip {
	display: block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	box-shadow: 0 1px 3px rgba(15, 23, 42, .28);
	filter: saturate(.72) brightness(.96);
	opacity: .72;
	pointer-events: none;
	transition: filter .15s ease, opacity .15s ease, transform .15s ease;
}

.pdfg-app .pdfg-mana-pip--multicolor {
	background:
		radial-gradient(circle, #eadca8 0 34%, #11100d 35% 53%, transparent 54%),
		linear-gradient(135deg, #f7edc7 2%, #d39c2e 34%, #f1d98c 60%, #c78c22 100%);
}

.pdfg-app .pdfg-filter-pills--mana button:hover .pdfg-mana-pip {
	filter: none;
	opacity: 1;
}

.pdfg-app .pdfg-filter-pills--mana button.is-on,
.pdfg-app .pdfg-filter-pills--mana button[aria-pressed="true"] {
	background: rgba(217, 155, 23, .16);
	border-color: #d99b17;
	box-shadow: 0 0 0 1px rgba(217, 155, 23, .58), 0 0 10px rgba(217, 155, 23, .34);
	transform: translateY(-1px);
}

.pdfg-app .pdfg-filter-pills--mana button.is-on .pdfg-mana-pip,
.pdfg-app .pdfg-filter-pills--mana button[aria-pressed="true"] .pdfg-mana-pip {
	filter: none;
	opacity: 1;
	transform: scale(.94);
}

/* Premium states --------------------------------------------------------- */

.pdfg-app .pdfg-premium-note {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 37px;
	margin: -3px 0 11px;
	padding: 8px 10px;
	background: #e2aa25;
	background-image: none;
	border: 1px solid #f3cb64;
	border-radius: 8px;
	box-shadow: 0 3px 9px rgba(134, 88, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .35);
	color: #2e2105;
	font-size: 11px;
	font-weight: 800;
	text-align: center;
}

.pdfg-app .pdfg-premium-note:hover {
	background: #f0bd3d;
	border-color: #ffd96f;
}

.pdfg-app .pdfg-premium-actions .pdfg-btn--primary {
	background: #e2aa25;
	background-image: none;
	border-color: #f3cb64;
	color: #2e2105;
}

.pdfg-app .pdfg-premium-actions .pdfg-btn--primary:hover {
	background: #f0bd3d;
	border-color: #ffd96f;
	color: #201600;
}

html.wp-dark-mode-active .pdfg-app .pdfg-section__toggle,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-section__toggle,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-section__toggle {
	background: var(--pdfg-section-dark) !important;
	background-image: none !important;
}

html.wp-dark-mode-active .pdfg-app .pdfg-section__toggle > span:first-child,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-section__toggle > span:first-child,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-section__toggle > span:first-child {
	color: #f1f5ff !important;
}

html.wp-dark-mode-active .pdfg-app .pdfg-section__toggle > span:last-child,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-section__toggle > span:last-child,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-section__toggle > span:last-child {
	color: #c6d0e3 !important;
}

/* Keep segmented selectors as one control in dark mode. Only the selected
   option receives a filled blue surface. */
html.wp-dark-mode-active .pdfg-app .pdfg-segment,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-segment,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-segment {
	background: #202a3a !important;
	background-image: none !important;
	border-color: #3c4b64 !important;
}

html.wp-dark-mode-active .pdfg-app .pdfg-segment button,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-segment button,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-segment button {
	background: transparent !important;
	background-image: none !important;
	border-color: transparent !important;
	box-shadow: none !important;
	color: #d2dbea !important;
}

html.wp-dark-mode-active .pdfg-app .pdfg-segment button:hover:not(.is-on),
html[data-wp-dark-mode-active] .pdfg-app .pdfg-segment button:hover:not(.is-on),
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-segment button:hover:not(.is-on) {
	background: #293750 !important;
	color: #fff !important;
}

html.wp-dark-mode-active .pdfg-app .pdfg-segment button.is-on,
html.wp-dark-mode-active .pdfg-app .pdfg-segment button[aria-pressed="true"],
html[data-wp-dark-mode-active] .pdfg-app .pdfg-segment button.is-on,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-segment button[aria-pressed="true"],
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-segment button.is-on,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-segment button[aria-pressed="true"] {
	background: #315fcd !important;
	background-image: none !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .28) !important;
	color: #fff !important;
}

html.wp-dark-mode-active .pdfg-app .pdfg-guide-style-grid,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-guide-style-grid,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-guide-style-grid {
	background: transparent !important;
	border-color: transparent !important;
}

html.wp-dark-mode-active .pdfg-app .pdfg-guide-style-grid button:not(.is-on),
html[data-wp-dark-mode-active] .pdfg-app .pdfg-guide-style-grid button:not(.is-on),
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-guide-style-grid button:not(.is-on) {
	background: #253149 !important;
	border-color: #3b4b68 !important;
}

html.wp-dark-mode-active .pdfg-app .pdfg-premium-note,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-premium-note,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-premium-note,
html.wp-dark-mode-active .pdfg-app .pdfg-premium-actions .pdfg-btn--primary,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-premium-actions .pdfg-btn--primary,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-premium-actions .pdfg-btn--primary {
	background: #e2aa25 !important;
	background-image: none !important;
	border-color: #f3cb64 !important;
	color: #2e2105 !important;
}

html.wp-dark-mode-active .pdfg-app .pdfg-premium-note:hover,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-premium-note:hover,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-premium-note:hover,
html.wp-dark-mode-active .pdfg-app .pdfg-premium-actions .pdfg-btn--primary:hover,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-premium-actions .pdfg-btn--primary:hover,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-premium-actions .pdfg-btn--primary:hover {
	background: #f0bd3d !important;
	background-image: none !important;
	border-color: #ffd96f !important;
	color: #201600 !important;
}

.pdfg-app option:disabled {
	color: #8c7851;
}

.pdfg-app .pdfg-dpi-estimate {
	margin-top: 10px;
	padding: 8px 9px;
	background: var(--pdfg-success-soft);
	border: 1px solid #bee2cf;
	border-radius: 8px;
	color: #2d674d;
	font-size: 10px;
	line-height: 1.4;
}

.pdfg-app .pdfg-disclaimer {
	padding: 8px 4px 20px;
	color: #77849a;
	font-size: 10px;
	line-height: 1.45;
	text-align: center;
}

/* Preview workspace ------------------------------------------------------ */

.pdfg-app .pdfg-workspace {
	position: relative;
	display: grid;
	grid-template-rows: auto minmax(390px, 1fr);
	min-width: 0;
	min-height: 0;
	height: 100%;
	background: #dfe6f0;
	overflow: hidden;
}

.pdfg-app .pdfg-workbar {
	position: relative;
	z-index: 12;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	min-height: 53px;
	padding: 8px 15px;
	background: rgba(255, 255, 255, .96);
	border-bottom: 1px solid var(--pdfg-border);
	box-shadow: 0 2px 8px rgba(21, 33, 80, .06);
	backdrop-filter: blur(12px);
}

.pdfg-app .pdfg-workbar > div:first-child {
	display: flex;
	align-items: center;
	gap: 10px;
}

.pdfg-app .pdfg-workbar .pdfg-workbar__heading {
	display: flex;
	align-items: center;
	gap: 10px;
}

.pdfg-app .pdfg-workbar__heading > div {
	display: grid;
	gap: 1px;
}

.pdfg-app .pdfg-workbar__cardback {
	min-height: 32px;
	padding: 6px 11px;
	background: #304eb0;
	border: 1px solid #28439b;
	border-radius: 7px;
	box-shadow: 0 2px 5px rgba(21, 33, 80, .16);
	color: #fff;
	font-size: 10px;
	font-weight: 850;
	white-space: nowrap;
}

.pdfg-app .pdfg-workbar__cardback:hover {
	background: #263f97;
}

.pdfg-app .pdfg-workbar strong {
	color: var(--pdfg-navy);
	font-size: 13px;
	font-weight: 850;
}

.pdfg-app .pdfg-workbar span {
	color: var(--pdfg-muted);
	font-size: 10px;
}

.pdfg-app .pdfg-workbar__actions {
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 3px;
	background: #edf1f7;
	border: 1px solid #d6deeb;
	border-radius: 9px;
}

.pdfg-app .pdfg-workbar__actions .pdfg-sheet-drag-hint {
	padding: 0 7px;
	color: var(--pdfg-muted);
	font-size: 10px;
	font-weight: 700;
	white-space: nowrap;
}

.pdfg-app .pdfg-workbar__actions .pdfg-workbar__text {
	width: auto;
	padding-inline: 9px;
	font-size: 10px;
	white-space: nowrap;
}

.pdfg-app .pdfg-workbar__actions .pdfg-workbar__remove {
	color: var(--pdfg-danger);
}

.pdfg-app .pdfg-workbar__actions .pdfg-workbar__divider {
	width: 1px;
	height: 19px;
	margin: 0 2px;
	background: #cbd4e3;
}

.pdfg-app .pdfg-workbar__actions button {
	display: grid;
	place-items: center;
	min-width: 31px;
	height: 29px;
	padding: 3px 7px;
	background: transparent;
	border: 0;
	border-radius: 6px;
	color: var(--pdfg-navy);
	font-size: 12px;
	font-weight: 800;
}

.pdfg-app .pdfg-workbar__actions button:hover {
	background: #fff;
	box-shadow: 0 1px 4px rgba(21, 33, 80, .12);
}

.pdfg-app .pdfg-workbar__actions output {
	min-width: 45px;
	color: var(--pdfg-muted);
	font-size: 10px;
	font-weight: 750;
	text-align: center;
}

.pdfg-app .pdfg-workspace__scroll {
	position: relative;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	min-height: 0;
	padding: 32px;
	background-color: #dfe6f0;
	background-image: radial-gradient(rgba(90, 107, 137, .18) .7px, transparent .7px);
	background-size: 14px 14px;
	overflow: auto;
	/* Let vertical wheel/trackpad input continue to the document once the PDF
	   preview reaches either edge; keep horizontal gestures inside the canvas. */
	overscroll-behavior-x: contain;
	overscroll-behavior-y: auto;
	scrollbar-color: #aab8cd transparent;
	scrollbar-width: thin;
}

.pdfg-app .pdfg-empty {
	display: grid;
	place-items: center;
	max-width: 580px;
	min-height: 430px;
	margin: max(4vh, 30px) auto;
	padding: 52px 42px;
	background: rgba(255, 255, 255, .88);
	border: 1px solid rgba(193, 204, 221, .9);
	border-radius: 20px;
	box-shadow: var(--pdfg-shadow-md);
	text-align: center;
	backdrop-filter: blur(8px);
}

.pdfg-app .pdfg-empty__mark {
	display: grid;
	place-items: center;
	width: 92px;
	height: 126px;
	margin-bottom: 20px;
	background:
		linear-gradient(150deg, rgba(255, 255, 255, .16), transparent 45%),
		linear-gradient(145deg, #2b438f, var(--pdfg-navy-dark));
	border: 5px solid #111936;
	border-radius: 11px;
	box-shadow: 0 12px 28px rgba(21, 33, 80, .25), inset 0 0 0 2px rgba(255, 255, 255, .13);
	color: #fff;
	font-family: Georgia, serif;
	font-size: 20px;
	font-weight: 800;
	letter-spacing: .08em;
}

.pdfg-app .pdfg-empty h2 {
	margin: 0 0 8px;
	color: var(--pdfg-navy);
	font-size: clamp(20px, 2vw, 28px);
	font-weight: 850;
	letter-spacing: -.025em;
}

.pdfg-app .pdfg-empty p {
	max-width: 450px;
	margin: 0 auto 20px;
	color: var(--pdfg-muted);
	font-size: 13px;
}

.pdfg-app .pdfg-empty__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}

.pdfg-app .pdfg-pages {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 34px;
	width: max-content;
	min-width: 100%;
	min-height: 100%;
	margin: 0 auto;
}

/* The script adds one wrapper and sheet for each front/back page. */
.pdfg-app .pdfg-sheet-wrap,
.pdfg-app .pdfg-page-wrap,
.pdfg-app .pdfg-page {
	position: relative;
	display: grid;
	justify-items: center;
	gap: 8px;
}

.pdfg-app .pdfg-sheet__nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.pdfg-app .pdfg-sheet__label,
.pdfg-app .pdfg-page__label,
.pdfg-app .pdfg-page-label {
	padding: 5px 10px;
	background: rgba(21, 33, 80, .82);
	border-radius: 999px;
	color: #fff;
	font-size: 10px;
	font-weight: 750;
	letter-spacing: .02em;
}

.pdfg-app .pdfg-page-jump {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	min-height: 26px;
	margin: 0;
	padding: 4px 8px 4px 10px;
	background: #fff;
	border: 1px solid #b8c5dc;
	border-radius: 999px;
	box-shadow: 0 2px 6px rgba(21, 33, 80, .1);
	color: #4f5d77;
	cursor: pointer;
	font: inherit;
	font-size: 9px;
	font-weight: 700;
	line-height: 1;
	text-transform: none;
	white-space: nowrap;
}

.pdfg-app .pdfg-page-jump strong {
	color: var(--pdfg-navy);
	font-size: 10px;
	font-weight: 850;
}

.pdfg-app .pdfg-page-jump__arrow {
	color: var(--pdfg-blue);
	font-size: 10px;
	transition: transform .15s ease;
}

.pdfg-app .pdfg-page-jump:hover,
.pdfg-app .pdfg-page-jump:focus-visible,
.pdfg-app .pdfg-page-jump[aria-expanded="true"] {
	background: var(--pdfg-blue-soft);
	border-color: #7794ea;
	box-shadow: 0 0 0 2px rgba(47, 91, 216, .14), 0 3px 8px rgba(21, 33, 80, .12);
	outline: 0;
}

.pdfg-app .pdfg-page-jump[aria-expanded="true"] .pdfg-page-jump__arrow {
	transform: rotate(180deg);
}

.pdfg-page-nav-popover,
.pdfg-page-nav-preview {
	position: fixed;
	z-index: 100070;
	background: #fff;
	border: 1px solid #c8d3e5;
	box-shadow: 0 18px 46px rgba(9, 18, 48, .26);
	color: #1f2945;
	font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.pdfg-page-nav-popover[hidden],
.pdfg-page-nav-preview[hidden] {
	display: none !important;
}

.pdfg-page-nav-popover {
	width: min(210px, calc(100vw - 20px));
	padding: 6px;
	border-radius: 12px;
}

.pdfg-page-nav-popover__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 2px 3px 5px;
	border-bottom: 1px solid #e4e9f2;
}

.pdfg-page-nav-popover__head strong {
	font-size: 12px;
	font-weight: 850;
}

.pdfg-page-nav-popover__head span {
	color: #6b768d;
	font-size: 9px;
	font-weight: 750;
}

.pdfg-page-nav-popover__list {
	display: grid;
	gap: 2px;
	max-height: min(330px, calc(100vh - 100px));
	margin-top: 4px;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-color: #b7c2d6 transparent;
	scrollbar-width: thin;
}

body.mtgcb-pdf-generator-page .pdfg-page-nav-option {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 6px;
	width: 100%;
	min-height: 24px !important;
	margin: 0;
	padding: 3px 7px !important;
	background: #f7f9fc !important;
	border: 1px solid transparent !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	color: #26324f !important;
	cursor: pointer;
	font: inherit !important;
	line-height: 1 !important;
	text-align: left;
	text-transform: none !important;
}

body.mtgcb-pdf-generator-page .pdfg-page-nav-option strong {
	font-size: 10px;
	font-weight: 850;
}

body.mtgcb-pdf-generator-page .pdfg-page-nav-option span {
	color: #6b768d;
	font-size: 8px;
	font-weight: 650;
}

.pdfg-page-nav-popover__pager {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 5px;
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid #e4e9f2;
}

.pdfg-page-nav-popover__pager[hidden] {
	display: none !important;
}

body.mtgcb-pdf-generator-page .pdfg-page-nav-popover__pager button {
	min-height: 23px !important;
	margin: 0;
	padding: 3px 6px !important;
	background: #f4f7fb !important;
	border: 1px solid #cbd5e4 !important;
	border-radius: 6px !important;
	box-shadow: none !important;
	color: #31405e !important;
	cursor: pointer;
	font: 750 8px/1 Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
	text-transform: none !important;
}

body.mtgcb-pdf-generator-page .pdfg-page-nav-popover__pager button:last-child {
	justify-self: end;
}

body.mtgcb-pdf-generator-page .pdfg-page-nav-popover__pager button:hover:not(:disabled),
body.mtgcb-pdf-generator-page .pdfg-page-nav-popover__pager button:focus-visible {
	background: #edf2ff !important;
	border-color: #7794ea !important;
	color: #1c3b9b !important;
	outline: 0;
}

body.mtgcb-pdf-generator-page .pdfg-page-nav-popover__pager button:disabled {
	cursor: default;
	opacity: .42;
}

.pdfg-page-nav-popover__pager > span {
	color: #66738a;
	font-size: 8px;
	font-weight: 800;
	white-space: nowrap;
}

body.mtgcb-pdf-generator-page .pdfg-page-nav-option:hover,
body.mtgcb-pdf-generator-page .pdfg-page-nav-option:focus-visible {
	background: #edf2ff !important;
	border-color: #9bb0ee !important;
	color: #1c3b9b !important;
	outline: 0;
}

body.mtgcb-pdf-generator-page .pdfg-page-nav-option[aria-selected="true"] {
	background: #e9efff !important;
	border-color: #2f5bd8 !important;
	box-shadow: inset 0 0 0 1px #2f5bd8 !important;
	color: #173891 !important;
}

.pdfg-page-nav-preview {
	width: 212px;
	padding: 12px;
	border-radius: 10px;
	pointer-events: none;
}

.pdfg-page-nav-preview > strong,
.pdfg-page-nav-preview > span {
	display: block;
	text-align: center;
}

.pdfg-page-nav-preview > strong {
	margin-bottom: 8px;
	font-size: 12px;
	font-weight: 850;
}

.pdfg-page-nav-preview > span {
	margin: 1px 0 6px;
	color: #6b768d;
	font-size: 8px;
	font-weight: 700;
}

.pdfg-page-nav-preview__sheet {
	position: relative;
	width: 176px;
	max-height: 248px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #b9c4d6;
	box-shadow: 0 3px 8px rgba(21, 33, 80, .16);
	overflow: hidden;
}

.pdfg-page-nav-preview__card {
	position: absolute;
	display: block;
	background: #29334a;
	border: 1px solid rgba(18, 28, 54, .25);
	border-radius: 5%;
	overflow: hidden;
	transform-origin: center;
}

.pdfg-page-nav-preview__card.is-empty {
	background: #f2f5fa;
	border: 1px dashed #c6d0df;
}

.pdfg-page-nav-preview__card.has-generated-bleed,
.pdfg-app .pdfg-card-slot.has-generated-bleed {
	background-color: #e8edf6;
	background-image: repeating-linear-gradient(135deg, rgba(73, 91, 128, .13) 0 4px, rgba(255, 255, 255, .3) 4px 8px);
}

.pdfg-page-nav-preview__card img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
}

@keyframes pdfg-page-jump-highlight {
	0%, 100% { box-shadow: 0 8px 28px rgba(21, 33, 80, .24), 0 0 0 1px rgba(77, 91, 119, .18); }
	35% { box-shadow: 0 10px 34px rgba(47, 91, 216, .35), 0 0 0 4px rgba(47, 91, 216, .5); }
}

.pdfg-app .pdfg-page.is-page-jump-target .pdfg-sheet {
	animation: pdfg-page-jump-highlight .85s ease;
}

html.wp-dark-mode-active .pdfg-page-nav-popover,
html.wp-dark-mode-active .pdfg-page-nav-preview,
html[data-wp-dark-mode-active] .pdfg-page-nav-popover,
html[data-wp-dark-mode-active] .pdfg-page-nav-preview,
.darkmysite_dark_mode_enabled .pdfg-page-nav-popover,
.darkmysite_dark_mode_enabled .pdfg-page-nav-preview {
	background: #20283a;
	border-color: #46516a;
	color: #f3f6ff;
}

html.wp-dark-mode-active .pdfg-page-nav-popover__head,
html[data-wp-dark-mode-active] .pdfg-page-nav-popover__head,
.darkmysite_dark_mode_enabled .pdfg-page-nav-popover__head,
html.wp-dark-mode-active .pdfg-page-nav-popover__pager,
html[data-wp-dark-mode-active] .pdfg-page-nav-popover__pager,
.darkmysite_dark_mode_enabled .pdfg-page-nav-popover__pager {
	border-color: #46516a;
}

html.wp-dark-mode-active body.mtgcb-pdf-generator-page .pdfg-page-nav-popover__pager button,
html[data-wp-dark-mode-active] body.mtgcb-pdf-generator-page .pdfg-page-nav-popover__pager button,
.darkmysite_dark_mode_enabled body.mtgcb-pdf-generator-page .pdfg-page-nav-popover__pager button {
	background: #293248 !important;
	border-color: #52617d !important;
	color: #eef3ff !important;
}

html.wp-dark-mode-active .pdfg-page-nav-option,
html[data-wp-dark-mode-active] .pdfg-page-nav-option,
.darkmysite_dark_mode_enabled .pdfg-page-nav-option {
	background: #293248;
	color: #f2f5ff;
}

html.wp-dark-mode-active .pdfg-page-nav-option:hover,
html.wp-dark-mode-active .pdfg-page-nav-option:focus-visible,
html.wp-dark-mode-active .pdfg-page-nav-option[aria-selected="true"],
html[data-wp-dark-mode-active] .pdfg-page-nav-option:hover,
html[data-wp-dark-mode-active] .pdfg-page-nav-option:focus-visible,
html[data-wp-dark-mode-active] .pdfg-page-nav-option[aria-selected="true"],
.darkmysite_dark_mode_enabled .pdfg-page-nav-option:hover,
.darkmysite_dark_mode_enabled .pdfg-page-nav-option:focus-visible,
.darkmysite_dark_mode_enabled .pdfg-page-nav-option[aria-selected="true"] {
	background: #334575;
	border-color: #7da0ff;
	color: #fff;
}

html.wp-dark-mode-active .pdfg-page-nav-popover :is(.pdfg-page-nav-popover__head span, .pdfg-page-nav-option span),
html.wp-dark-mode-active .pdfg-page-nav-preview > span,
html[data-wp-dark-mode-active] .pdfg-page-nav-popover :is(.pdfg-page-nav-popover__head span, .pdfg-page-nav-option span),
html[data-wp-dark-mode-active] .pdfg-page-nav-preview > span,
.darkmysite_dark_mode_enabled .pdfg-page-nav-popover :is(.pdfg-page-nav-popover__head span, .pdfg-page-nav-option span),
.darkmysite_dark_mode_enabled .pdfg-page-nav-preview > span {
	color: #bdc7da;
}

.pdfg-app .pdfg-sheet,
.pdfg-app .pdfg-page-sheet {
	position: relative;
	flex: 0 0 auto;
	background: #fff;
	box-shadow: 0 8px 28px rgba(21, 33, 80, .24), 0 0 0 1px rgba(77, 91, 119, .18);
	overflow: hidden;
	transform-origin: center;
}

.pdfg-app .pdfg-sheet::after,
.pdfg-app .pdfg-page-sheet::after {
	position: absolute;
	inset: 0;
	z-index: 20;
	pointer-events: none;
	box-shadow: inset 0 0 0 1px rgba(16, 23, 52, .08);
	content: "";
}

.pdfg-app .pdfg-card-slot,
.pdfg-app .pdfg-sheet-card,
.pdfg-app .pdfg-preview-card {
	position: absolute;
	background: #20283c;
	border-radius: 3.8%;
	box-shadow: 0 1px 3px rgba(10, 16, 38, .18);
	overflow: hidden;
	transform-origin: center;
}

@keyframes pdfg-card-flip-out {
	from { transform: rotate(var(--pdfg-slot-rotation, 0deg)) rotateY(0deg); }
	to { transform: rotate(var(--pdfg-slot-rotation, 0deg)) rotateY(var(--pdfg-flip-out-angle, 90deg)); }
}

@keyframes pdfg-card-flip-in {
	from { transform: rotate(var(--pdfg-slot-rotation, 0deg)) rotateY(var(--pdfg-flip-in-angle, -90deg)); }
	to { transform: rotate(var(--pdfg-slot-rotation, 0deg)) rotateY(0deg); }
}

.pdfg-app .pdfg-card-slot.is-flipping-out {
	z-index: 23;
	animation: pdfg-card-flip-out .14s ease-in forwards;
	pointer-events: none;
	will-change: transform;
}

.pdfg-app .pdfg-card-slot.is-flipping-in {
	z-index: 23;
	animation: pdfg-card-flip-in .14s ease-out both;
	pointer-events: none;
	will-change: transform;
}

.pdfg-app .pdfg-card-slot:not(.is-test-slot) {
	cursor: pointer;
}

.pdfg-app .pdfg-card-slot.is-draggable {
	cursor: grab;
	touch-action: none;
}

.pdfg-app .pdfg-card-slot.is-draggable:active,
.pdfg-app .pdfg-card-slot.is-dragging {
	cursor: grabbing;
}

.pdfg-app .pdfg-card-slot.is-dragging {
	opacity: .34;
}

.pdfg-app .pdfg-card-slot.is-drop-target {
	z-index: 22;
	box-shadow: 0 0 0 3px #fff, 0 0 0 6px var(--pdfg-blue), 0 10px 24px rgba(18, 36, 92, .32);
}

.pdfg-app .pdfg-card-slot.is-drop-target::after {
	position: absolute;
	inset: 7px;
	z-index: 25;
	display: grid;
	place-items: center;
	background: rgba(47, 91, 216, .72);
	border: 2px dashed #fff;
	border-radius: 7px;
	color: #fff;
	content: "Move here";
	font-size: 11px;
	font-weight: 850;
	pointer-events: none;
}

.pdfg-sheet-drag-ghost {
	position: fixed !important;
	z-index: 100030;
	margin: 0 !important;
	overflow: hidden;
	transform: none !important;
	transform-origin: center;
	background: #20283c;
	border: 3px solid #7da0ff;
	border-radius: 8px;
	box-shadow: 0 18px 45px rgba(9, 17, 46, .5);
	opacity: .92;
	pointer-events: none;
}

.pdfg-sheet-drag-ghost img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pdfg-app .pdfg-card-slot.is-selected {
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--pdfg-blue), 0 3px 12px rgba(10, 16, 38, .32);
}

.pdfg-app .pdfg-card-slot.is-empty-card-slot {
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 5px;
	padding: 10px;
	background: rgba(239, 244, 255, .82);
	border: 2px dashed #7890c2;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .72);
	color: #29499c;
	text-align: center;
	transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease;
}

.pdfg-app .pdfg-card-slot.is-empty-card-slot:hover,
.pdfg-app .pdfg-card-slot.is-empty-card-slot:focus-visible {
	z-index: 22;
	background: #2f5bd8;
	border-color: #fff;
	box-shadow: 0 0 0 3px rgba(47, 91, 216, .3), 0 8px 22px rgba(18, 36, 92, .28);
	color: #fff;
	outline: 0;
	transform: scale(1.025);
}

.pdfg-app .pdfg-empty-card-slot__icon {
	position: relative;
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	background: #2f5bd8;
	border-radius: 50%;
	font-size: 0;
}

.pdfg-app .pdfg-empty-card-slot__icon::before,
.pdfg-app .pdfg-empty-card-slot__icon::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 15px;
	height: 2px;
	background: #fff;
	border-radius: 2px;
	content: "";
	transform: translate(-50%, -50%);
}

.pdfg-app .pdfg-empty-card-slot__icon::after { transform: translate(-50%, -50%) rotate(90deg); }
.pdfg-app .pdfg-card-slot.is-empty-card-slot:hover .pdfg-empty-card-slot__icon,
.pdfg-app .pdfg-card-slot.is-empty-card-slot:focus-visible .pdfg-empty-card-slot__icon { background: #fff; }
.pdfg-app .pdfg-card-slot.is-empty-card-slot:hover .pdfg-empty-card-slot__icon::before,
.pdfg-app .pdfg-card-slot.is-empty-card-slot:hover .pdfg-empty-card-slot__icon::after,
.pdfg-app .pdfg-card-slot.is-empty-card-slot:focus-visible .pdfg-empty-card-slot__icon::before,
.pdfg-app .pdfg-card-slot.is-empty-card-slot:focus-visible .pdfg-empty-card-slot__icon::after { background: #2f5bd8; }
.pdfg-app .pdfg-card-slot.is-empty-card-slot strong { color: inherit; font-size: 12px; line-height: 1.1; }
.pdfg-app .pdfg-card-slot.is-empty-card-slot small { color: inherit; font-size: 9px; line-height: 1.2; opacity: .78; }

html.wp-dark-mode-active .pdfg-app .pdfg-card-slot.is-empty-card-slot,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-card-slot.is-empty-card-slot,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-card-slot.is-empty-card-slot {
	background: rgba(27, 38, 61, .88);
	border-color: #6682bc;
	color: #b9ceff;
}

html.wp-dark-mode-active .pdfg-app .pdfg-card-slot.is-empty-card-slot:hover,
html.wp-dark-mode-active .pdfg-app .pdfg-card-slot.is-empty-card-slot:focus-visible,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-card-slot.is-empty-card-slot:hover,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-card-slot.is-empty-card-slot:focus-visible,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-card-slot.is-empty-card-slot:hover,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-card-slot.is-empty-card-slot:focus-visible {
	background: #355fae;
	border-color: #fff;
	color: #fff;
}

.pdfg-app .pdfg-card-slot__select,
.pdfg-app .pdfg-card-slot__center-actions,
.pdfg-app .pdfg-card-slot__flip {
	position: absolute;
	top: 5px;
	z-index: 24;
	height: 25px;
	margin: 0;
	opacity: 0;
	transition: opacity .14s ease, transform .14s ease, background .14s ease;
}

.pdfg-app .pdfg-card-slot__select {
	left: 5px;
	width: 25px;
	accent-color: var(--pdfg-blue);
	filter: drop-shadow(0 1px 2px rgba(5, 12, 34, .55));
}

.pdfg-app .pdfg-card-slot__flip {
	right: 5px;
	width: 25px;
	display: grid;
	place-items: center;
	padding: 0;
	background: rgba(255, 255, 255, .94);
	border: 1px solid rgba(31, 45, 81, .28);
	border-radius: 6px;
	box-shadow: 0 2px 5px rgba(5, 12, 34, .28);
	color: var(--pdfg-navy);
	font-size: 16px;
	font-weight: 850;
	line-height: 1;
}

.pdfg-app .pdfg-card-slot__center-actions {
	left: 50%;
	display: flex;
	gap: 5px;
	transform: translateX(-50%);
}

.pdfg-app .pdfg-card-slot__remove,
.pdfg-app .pdfg-card-slot__bleed {
	display: grid;
	place-items: center;
	width: 25px;
	height: 25px;
	margin: 0;
	padding: 0;
	background: rgba(255, 255, 255, .94);
	border: 1px solid rgba(31, 45, 81, .28);
	border-radius: 6px;
	box-shadow: 0 2px 5px rgba(5, 12, 34, .28);
	line-height: 1;
	transition: color .14s ease, background .14s ease, border-color .14s ease, transform .14s ease;
}

.pdfg-app .pdfg-card-slot__remove {
	color: #b53d3d;
	font-size: 18px;
	font-weight: 850;
}

.pdfg-app .pdfg-card-slot__bleed {
	color: var(--pdfg-blue-dark);
}

.pdfg-app .pdfg-card-slot__bleed svg,
.pdfg-card-bleed-popover svg {
	display: block;
	width: 16px;
	height: 16px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
	vector-effect: non-scaling-stroke;
}

.pdfg-app .pdfg-card-slot__bleed.is-active {
	background: var(--pdfg-blue);
	border-color: #fff;
	box-shadow: 0 0 0 2px rgba(47, 91, 216, .38), 0 2px 5px rgba(5, 12, 34, .3);
	color: #fff;
}

.pdfg-app .pdfg-card-slot:hover .pdfg-card-slot__select,
.pdfg-app .pdfg-card-slot:hover .pdfg-card-slot__center-actions,
.pdfg-app .pdfg-card-slot:hover .pdfg-card-slot__flip,
.pdfg-app .pdfg-card-slot:focus-within .pdfg-card-slot__select,
.pdfg-app .pdfg-card-slot:focus-within .pdfg-card-slot__center-actions,
.pdfg-app .pdfg-card-slot:focus-within .pdfg-card-slot__flip,
.pdfg-app .pdfg-card-slot.is-selected .pdfg-card-slot__select,
.pdfg-app .pdfg-card-slot.has-bleed-override .pdfg-card-slot__center-actions {
	opacity: 1;
}

.pdfg-app .pdfg-card-slot__remove:hover {
	background: #fff2f1;
	border-color: #dc7770;
	transform: scale(1.06);
}

.pdfg-app .pdfg-card-slot__bleed:hover {
	background: #eaf0ff;
	border-color: #7291ee;
	color: var(--pdfg-blue-dark);
	transform: scale(1.06);
}

.pdfg-app .pdfg-card-slot__bleed.is-active:hover {
	background: var(--pdfg-blue-dark);
	color: #fff;
}

.pdfg-app .pdfg-card-slot__flip:hover {
	background: #fff;
	transform: rotate(180deg);
}

.pdfg-app .pdfg-card-slot__face {
	position: absolute;
	right: 5px;
	bottom: 5px;
	z-index: 23;
	padding: 2px 5px;
	background: rgba(12, 20, 48, .82);
	border-radius: 4px;
	color: #fff;
	font-size: 8px;
	font-weight: 800;
	letter-spacing: .04em;
	pointer-events: none;
	text-transform: uppercase;
}

.pdfg-app .pdfg-card-slot__art {
	position: absolute;
	inset: 0;
	display: block;
	overflow: hidden;
	pointer-events: none;
}

.pdfg-app .pdfg-card-slot__art img {
	position: absolute;
	inset: 0;
	right: auto;
	bottom: auto;
}

.pdfg-app .pdfg-card-slot.has-black-bleed {
	background: #000;
}

.pdfg-app .pdfg-card-slot.has-transparent-bleed {
	background: transparent;
	box-shadow: inset 0 0 0 1px rgba(47, 91, 216, .38), 0 1px 3px rgba(10, 16, 38, .18);
}

.pdfg-card-bleed-popover {
	position: fixed;
	z-index: 100060;
	width: min(320px, calc(100vw - 20px));
	padding: 12px;
	background: #fff;
	border: 1px solid #cbd5e1;
	border-radius: 13px;
	box-shadow: 0 18px 46px rgba(9, 18, 48, .28);
	color: #1f2945;
	font-family: inherit;
}

.pdfg-card-bleed-popover[hidden] {
	display: none !important;
}

.pdfg-card-bleed-popover__head,
.pdfg-card-bleed-popover__head > div,
.pdfg-card-bleed-popover__amount,
.pdfg-card-bleed-popover__amount > span:last-child {
	display: flex;
	align-items: center;
}

.pdfg-card-bleed-popover__head {
	justify-content: space-between;
	margin-bottom: 2px;
}

.pdfg-card-bleed-popover__head > div {
	gap: 7px;
	font-size: 15px;
}

.pdfg-card-bleed-popover__head > div > svg {
	width: 18px;
	height: 18px;
	color: #2f5bd8;
}

.pdfg-card-bleed-popover__head > button {
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	padding: 0;
	background: #eef2f8;
	border: 0;
	border-radius: 7px;
	color: #58647d;
	font-size: 18px;
	line-height: 1;
}

.pdfg-card-bleed-popover__target {
	margin: 0 0 10px;
	overflow: hidden;
	color: #6b768d;
	font-size: 11px;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pdfg-card-bleed-popover__amount {
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: 800;
}

.pdfg-card-bleed-popover__amount > span:last-child {
	gap: 5px;
}

.pdfg-card-bleed-popover__amount input {
	width: 78px;
	height: 34px;
	margin: 0;
	padding: 5px 8px;
	background: #fff;
	border: 1px solid #b9c5dc;
	border-radius: 7px;
	color: #162044;
	font: inherit;
}

.pdfg-card-bleed-popover__amount b {
	color: #68738a;
	font-size: 11px;
}

.pdfg-card-bleed-popover__options {
	display: grid;
	gap: 6px;
}

.pdfg-card-bleed-popover__options > button {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	align-items: center;
	gap: 9px;
	width: 100%;
	min-height: 51px;
	padding: 7px 9px;
	background: #f7f9fc;
	border: 1px solid #dbe2ef;
	border-radius: 9px;
	color: #26324f;
	text-align: left;
}

.pdfg-card-bleed-popover__options > button:hover {
	background: #edf2ff;
	border-color: #9bb0ee;
	color: #1c3b9b;
}

.pdfg-card-bleed-popover__options > button.is-selected {
	background: #e9efff;
	border-color: #2f5bd8;
	box-shadow: inset 0 0 0 1px #2f5bd8;
	color: #173891;
}

.pdfg-card-bleed-popover__options strong,
.pdfg-card-bleed-popover__options small {
	display: block;
}

.pdfg-card-bleed-popover__options strong {
	font-size: 12px;
	line-height: 1.3;
}

.pdfg-card-bleed-popover__options small {
	margin-top: 2px;
	color: #6b768d;
	font-size: 10px;
	font-weight: 600;
	line-height: 1.25;
}

.pdfg-card-bleed-choice__icon {
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	background: #fff;
	border: 1px solid #cfd8e8;
	border-radius: 7px;
	color: #2f5bd8;
}

.pdfg-card-bleed-choice__icon.is-black {
	background: #111;
	border-color: #111;
	color: #fff;
}

.pdfg-card-bleed-choice__icon.is-transparent {
	background-color: #fff;
	background-image: linear-gradient(45deg, #dbe1ec 25%, transparent 25%), linear-gradient(-45deg, #dbe1ec 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #dbe1ec 75%), linear-gradient(-45deg, transparent 75%, #dbe1ec 75%);
	background-position: 0 0, 0 5px, 5px -5px, -5px 0;
	background-size: 10px 10px;
}

.pdfg-card-bleed-choice__icon.is-remove {
	color: #b33e45;
}

.pdfg-card-bleed-popover__reset {
	width: 100%;
	margin-top: 9px;
	padding: 8px 10px;
	background: transparent;
	border: 1px solid #cfd8e8;
	border-radius: 8px;
	color: #4f5d77;
	font-size: 11px;
	font-weight: 800;
}

.pdfg-card-bleed-popover__reset:hover,
.pdfg-card-bleed-popover__reset.is-selected {
	background: #29385d;
	border-color: #29385d;
	color: #fff;
}

html.wp-dark-mode-active .pdfg-card-bleed-popover,
html[data-wp-dark-mode-active] .pdfg-card-bleed-popover,
.darkmysite_dark_mode_enabled .pdfg-card-bleed-popover {
	background: #20283a;
	border-color: #46516a;
	color: #f3f6ff;
}

html.wp-dark-mode-active .pdfg-card-bleed-popover__head > button,
html[data-wp-dark-mode-active] .pdfg-card-bleed-popover__head > button,
.darkmysite_dark_mode_enabled .pdfg-card-bleed-popover__head > button,
html.wp-dark-mode-active .pdfg-card-bleed-popover__options > button,
html[data-wp-dark-mode-active] .pdfg-card-bleed-popover__options > button,
.darkmysite_dark_mode_enabled .pdfg-card-bleed-popover__options > button {
	background: #293248;
	border-color: #46516a;
	color: #f2f5ff;
}

html.wp-dark-mode-active .pdfg-card-bleed-popover__options > button:hover,
html.wp-dark-mode-active .pdfg-card-bleed-popover__options > button.is-selected,
html[data-wp-dark-mode-active] .pdfg-card-bleed-popover__options > button:hover,
html[data-wp-dark-mode-active] .pdfg-card-bleed-popover__options > button.is-selected,
.darkmysite_dark_mode_enabled .pdfg-card-bleed-popover__options > button:hover,
.darkmysite_dark_mode_enabled .pdfg-card-bleed-popover__options > button.is-selected {
	background: #334575;
	border-color: #7da0ff;
	color: #fff;
}

html.wp-dark-mode-active .pdfg-card-bleed-popover__amount input,
html[data-wp-dark-mode-active] .pdfg-card-bleed-popover__amount input,
.darkmysite_dark_mode_enabled .pdfg-card-bleed-popover__amount input {
	background: #161d2c;
	border-color: #52617d;
	color: #fff;
}

html.wp-dark-mode-active .pdfg-card-bleed-popover :is(.pdfg-card-bleed-popover__target, .pdfg-card-bleed-popover__amount b, .pdfg-card-bleed-popover__options small),
html[data-wp-dark-mode-active] .pdfg-card-bleed-popover :is(.pdfg-card-bleed-popover__target, .pdfg-card-bleed-popover__amount b, .pdfg-card-bleed-popover__options small),
.darkmysite_dark_mode_enabled .pdfg-card-bleed-popover :is(.pdfg-card-bleed-popover__target, .pdfg-card-bleed-popover__amount b, .pdfg-card-bleed-popover__options small) {
	color: #bdc7da;
}

.pdfg-app .pdfg-sheet__guides {
	pointer-events: none;
}

.pdfg-app .pdfg-card-slot.is-disabled,
.pdfg-app .pdfg-sheet-card.is-disabled,
.pdfg-app .pdfg-preview-card.is-disabled {
	background: repeating-linear-gradient(135deg, #edf0f5 0 7px, #dde3ec 7px 14px);
	border: 1px dashed #a7b1c1;
	box-shadow: none;
}

.pdfg-app .pdfg-card-slot img,
.pdfg-app .pdfg-sheet-card img,
.pdfg-app .pdfg-preview-card img,
.pdfg-app .pdfg-card-image {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	margin: 0;
	object-fit: cover;
	user-select: none;
	-webkit-user-drag: none;
}

.pdfg-app .pdfg-card-slot.is-test-slot {
	display: grid;
	place-items: center;
	border: 1px dashed #8591a9;
	border-radius: 2px;
	background: repeating-linear-gradient(135deg, #f8faff, #f8faff 8px, #eef2f8 8px, #eef2f8 16px);
	box-shadow: none;
	color: #53617a;
	font-size: 10px;
	font-weight: 800;
	text-align: center;
}

.pdfg-app .pdfg-card-slot.is-test-slot strong,
.pdfg-app .pdfg-card-slot.is-test-slot span {
	display: block;
}

.pdfg-app .pdfg-card-slot.is-test-slot strong {
	color: var(--pdfg-navy);
	font-size: 10px;
}

.pdfg-app .pdfg-card-slot.is-test-slot i {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 18px;
	border: 1px solid currentColor;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	opacity: .42;
}

.pdfg-app .pdfg-card-slot.is-test-slot i::before,
.pdfg-app .pdfg-card-slot.is-test-slot i::after {
	position: absolute;
	top: 50%;
	left: 50%;
	background: currentColor;
	content: "";
	transform: translate(-50%, -50%);
}

.pdfg-app .pdfg-card-slot.is-test-slot i::before { width: 28px; height: 1px; }
.pdfg-app .pdfg-card-slot.is-test-slot i::after { width: 1px; height: 28px; }

.pdfg-app .pdfg-card-slot__number,
.pdfg-app .pdfg-slot-number {
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 3;
	display: grid;
	place-items: center;
	min-width: 17px;
	height: 17px;
	padding: 0 4px;
	background: rgba(21, 33, 80, .82);
	border-radius: 99px;
	color: #fff;
	font-size: 8px;
	font-weight: 800;
}

.pdfg-app .pdfg-guide-layer,
.pdfg-app .pdfg-registration-layer {
	position: absolute;
	inset: 0;
	z-index: 12;
	pointer-events: none;
}

.pdfg-app .pdfg-loading-card,
.pdfg-app .pdfg-card-placeholder {
	position: relative;
	background: linear-gradient(100deg, #dce2eb 25%, #edf1f6 38%, #dce2eb 55%);
	background-size: 200% 100%;
	animation: pdfg-shimmer 1.35s linear infinite;
}

@keyframes pdfg-shimmer {
	to { background-position-x: -200%; }
}

/* Card tray -------------------------------------------------------------- */

.pdfg-app .pdfg-cardtray-section {
	position: relative;
	z-index: 10;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	padding: 11px 14px 13px;
	background: rgba(255, 255, 255, .98);
	border-top: 1px solid var(--pdfg-border);
	box-shadow: 0 -5px 16px rgba(21, 33, 80, .07);
}

.pdfg-app .pdfg-cardtray-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	min-width: 0;
	margin-bottom: 9px;
}

.pdfg-app .pdfg-cardtray-head h2 {
	margin: 0;
	color: var(--pdfg-navy);
	font-size: 13px;
	font-weight: 850;
}

.pdfg-app .pdfg-cardtray-head p {
	margin: 2px 0 0;
	color: var(--pdfg-muted);
	font-size: 10px;
}

.pdfg-app .pdfg-cardtray-head > div:last-child {
	display: flex;
	gap: 6px;
}

.pdfg-app .pdfg-cardtray-head .pdfg-btn {
	min-height: 31px;
	padding: 5px 9px;
	font-size: 10px;
}

.pdfg-app .pdfg-cardtray {
	display: flex;
	gap: 9px;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	max-height: 184px;
	padding: 1px 1px 7px;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-color: #b7c2d6 transparent;
	scrollbar-width: thin;
}

.pdfg-app .pdfg-cardtray-card,
.pdfg-app .pdfg-card-tile,
.pdfg-app .pdfg-tray-card {
	position: relative;
	display: grid;
	grid-template-columns: 67px minmax(96px, 1fr);
	grid-template-rows: 1fr auto;
	flex: 0 0 205px;
	gap: 7px 9px;
	min-height: 128px;
	padding: 7px;
	background: #fff;
	border: 1px solid var(--pdfg-border);
	border-radius: 10px;
	box-shadow: 0 2px 6px rgba(21, 33, 80, .07);
	cursor: grab;
	user-select: none;
	transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease, opacity .15s ease;
}

.pdfg-app .pdfg-cardtray-card > input[type="checkbox"] {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 4;
	width: 16px;
	height: 16px;
	margin: 0;
	accent-color: var(--pdfg-blue);
}

.pdfg-app .pdfg-cardtray-card:hover,
.pdfg-app .pdfg-card-tile:hover,
.pdfg-app .pdfg-tray-card:hover {
	border-color: #aebcda;
	box-shadow: 0 6px 16px rgba(21, 33, 80, .13);
	transform: translateY(-1px);
}

.pdfg-app .pdfg-cardtray-card.is-selected,
.pdfg-app .pdfg-card-tile.is-selected,
.pdfg-app .pdfg-tray-card.is-selected {
	border-color: var(--pdfg-blue);
	box-shadow: 0 0 0 2px rgba(47, 91, 216, .18), 0 6px 16px rgba(21, 33, 80, .12);
}

.pdfg-app .pdfg-cardtray-card.is-dragging,
.pdfg-app .pdfg-card-tile.is-dragging,
.pdfg-app .pdfg-tray-card.is-dragging {
	cursor: grabbing;
	opacity: .5;
	transform: scale(.98);
}

.pdfg-app .pdfg-cardtray-card img,
.pdfg-app .pdfg-card-tile img,
.pdfg-app .pdfg-tray-card img,
.pdfg-app .pdfg-tray-thumb {
	display: block;
	grid-column: 1;
	grid-row: 1 / span 2;
	width: 67px;
	height: 94px;
	max-width: none;
	background: #e8ecf3;
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(21, 33, 80, .2);
	object-fit: cover;
}

.pdfg-app .pdfg-cardtray-card__info {
	display: block;
	grid-column: 2;
	grid-row: 1;
	align-self: start;
	min-width: 0;
	padding: 1px 25px 0 0;
}

.pdfg-app .pdfg-cardtray-card__info strong {
	display: -webkit-box;
	margin: 0 0 4px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: var(--pdfg-ink) !important;
	font-size: 11px;
	font-weight: 800;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.pdfg-app .pdfg-cardtray-card__info span {
	display: block;
	overflow: hidden;
	color: var(--pdfg-muted) !important;
	font-size: 9px;
	line-height: 1.3;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pdfg-app .pdfg-cardtray-card__flip {
	position: absolute;
	left: 49px;
	bottom: 31px;
	z-index: 4;
	display: grid;
	place-items: center;
	width: 22px;
	height: 22px;
	padding: 0;
	background: rgba(255, 255, 255, .94);
	border: 1px solid #c7d1e2;
	border-radius: 5px;
	box-shadow: 0 1px 4px rgba(10, 18, 42, .24);
	color: var(--pdfg-navy);
	font-size: 13px;
	line-height: 1;
}

.pdfg-app .pdfg-cardtray-card h3,
.pdfg-app .pdfg-card-tile h3,
.pdfg-app .pdfg-tray-card h3,
.pdfg-app .pdfg-tray-name {
	display: -webkit-box;
	margin: 2px 0 3px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: var(--pdfg-ink);
	font-size: 11px;
	font-weight: 800;
	line-height: 1.25;
}

.pdfg-app .pdfg-card-meta,
.pdfg-app .pdfg-tray-meta {
	color: var(--pdfg-muted);
	font-size: 9px;
	line-height: 1.3;
}

.pdfg-app .pdfg-quantity,
.pdfg-app .pdfg-qty {
	display: flex;
	grid-column: 2;
	grid-row: 2;
	align-items: center;
	align-self: end;
	gap: 3px;
	width: 100%;
	min-width: 0;
	padding: 2px;
	background: #edf1f7;
	border-radius: 7px;
}

.pdfg-app .pdfg-quantity button,
.pdfg-app .pdfg-qty button {
	display: grid;
	place-items: center;
	width: 25px;
	height: 25px;
	padding: 0;
	background: #fff;
	border: 1px solid #d3dbe8;
	border-radius: 5px;
	color: var(--pdfg-navy);
	font-weight: 800;
}

.pdfg-app .pdfg-quantity output,
.pdfg-app .pdfg-qty output,
.pdfg-app .pdfg-quantity-value {
	min-width: 25px;
	color: var(--pdfg-ink);
	font-size: 10px;
	font-weight: 800;
	text-align: center;
}

.pdfg-app .pdfg-quantity input,
.pdfg-app .pdfg-qty input {
	flex: 1 1 38px;
	width: 38px;
	min-width: 32px;
	height: 25px;
	margin: 0;
	padding: 0 3px;
	background: #fff;
	border: 1px solid #d3dbe8;
	border-radius: 5px;
	color: var(--pdfg-ink);
	font-size: 10px;
	font-weight: 800;
	line-height: 25px;
	text-align: center;
}

.pdfg-app .pdfg-card-remove,
.pdfg-app .pdfg-tray-remove,
.pdfg-app .pdfg-cardtray-card__remove {
	position: absolute;
	top: 5px;
	right: 5px;
	display: grid;
	place-items: center;
	width: 25px;
	height: 25px;
	padding: 0;
	background: rgba(255, 255, 255, .92);
	border: 1px solid #e4b6b3;
	border-radius: 50%;
	box-shadow: 0 2px 5px rgba(21, 33, 80, .12);
	color: var(--pdfg-danger);
	font-size: 15px;
	line-height: 1;
}

/* Modals ----------------------------------------------------------------- */

.pdfg-app .pdfg-modal {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: grid;
	place-items: center;
	padding: 24px;
}

.pdfg-app .pdfg-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(9, 16, 43, .7);
	backdrop-filter: blur(5px);
}

.pdfg-app .pdfg-modal__dialog {
	position: relative;
	z-index: 1;
	width: min(100%, 560px);
	max-height: min(88vh, 900px);
	padding: 25px;
	background: #fff;
	border: 1px solid rgba(255, 255, 255, .5);
	border-radius: var(--pdfg-radius-lg);
	box-shadow: var(--pdfg-shadow-lg);
	overflow: auto;
	animation: pdfg-modal-in .18s ease-out;
}

.pdfg-app .pdfg-modal--wide .pdfg-modal__dialog {
	width: min(100%, 920px);
}

.pdfg-app .pdfg-modal__dialog > h2 {
	margin: 0 42px 7px 0;
	color: var(--pdfg-navy);
	font-size: 23px;
	font-weight: 850;
	letter-spacing: -.02em;
}

.pdfg-app .pdfg-modal__dialog > p {
	margin: 0 42px 20px 0;
	color: var(--pdfg-muted);
	font-size: 12px;
}

.pdfg-app .pdfg-modal__close {
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 4;
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	padding: 0 0 2px;
	background: #f0f3f8;
	border: 1px solid #dce3ed;
	border-radius: 50%;
	color: var(--pdfg-muted);
	font-size: 23px;
	font-weight: 400;
	line-height: 1;
}

.pdfg-app .pdfg-modal__close:hover {
	background: var(--pdfg-danger-soft);
	border-color: #e8bbb8;
	color: var(--pdfg-danger);
}

.pdfg-app .pdfg-modal__actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	margin-top: 20px;
	padding-top: 16px;
	border-top: 1px solid var(--pdfg-border-soft);
}

.pdfg-app .pdfg-source-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 9px 0 14px;
}

.pdfg-app .pdfg-source-chips span {
	padding: 5px 8px;
	background: var(--pdfg-blue-soft);
	border: 1px solid #cbd7fa;
	border-radius: 999px;
	color: var(--pdfg-navy);
	font-size: 10px;
	font-weight: 750;
}

.pdfg-app .pdfg-modal-options {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 2px 16px;
	margin-top: 14px;
	padding: 12px;
	background: var(--pdfg-surface-soft);
	border: 1px solid var(--pdfg-border-soft);
	border-radius: 10px;
}

.pdfg-app .pdfg-search-results {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(135px, 1fr));
	gap: 12px;
	max-height: 56vh;
	margin-top: 17px;
	padding: 2px;
	overflow-y: auto;
}

.pdfg-app .pdfg-search-card,
.pdfg-app .pdfg-scryfall-card {
	position: relative;
	display: grid;
	align-content: start;
	gap: 7px;
	min-width: 0;
	padding: 8px;
	background: #fff;
	border: 1px solid var(--pdfg-border);
	border-radius: 10px;
	box-shadow: 0 2px 6px rgba(21, 33, 80, .06);
	text-align: left;
}

.pdfg-app .pdfg-search-card:hover,
.pdfg-app .pdfg-scryfall-card:hover {
	border-color: #9db0d5;
	box-shadow: 0 7px 17px rgba(21, 33, 80, .13);
}

.pdfg-app .pdfg-search-card img,
.pdfg-app .pdfg-scryfall-card img {
	display: block;
	width: 100%;
	aspect-ratio: 63 / 88;
	background: #e8ecf3;
	border-radius: 6px;
	object-fit: cover;
}

.pdfg-app .pdfg-search-card strong,
.pdfg-app .pdfg-scryfall-card strong {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: var(--pdfg-ink);
	font-size: 11px;
	line-height: 1.25;
}

.pdfg-app .pdfg-search-card small,
.pdfg-app .pdfg-scryfall-card small {
	color: var(--pdfg-muted);
	font-size: 9px;
}

.pdfg-app .pdfg-search-card .pdfg-btn,
.pdfg-app .pdfg-scryfall-card .pdfg-btn {
	min-height: 31px;
	padding: 5px 8px;
	font-size: 10px;
}

.pdfg-app .pdfg-align-layout {
	display: grid;
	grid-template-columns: minmax(320px, 1.2fr) minmax(270px, .8fr);
	gap: 22px;
	margin-top: 18px;
}

.pdfg-app .pdfg-alignment-dialog {
	width: min(100%, 1120px);
}

.pdfg-app .pdfg-alignment-note {
	margin-top: 11px;
	padding: 10px 12px;
	background: #fff9e8;
	border: 1px solid #ecd38d;
	border-radius: 9px;
	color: #70541a;
	font-size: 11px;
	line-height: 1.45;
}

.pdfg-app .pdfg-alignment-footer {
	position: sticky;
	bottom: -25px;
	z-index: 8;
	margin: 16px -25px -25px;
	padding: 8px 25px 14px;
	background: rgba(255, 255, 255, .98);
	border-top: 1px solid var(--pdfg-border);
	box-shadow: 0 -8px 18px rgba(21, 33, 80, .08);
}

.pdfg-app .pdfg-alignment-footer .pdfg-check { margin: 2px 0 7px; }
.pdfg-app .pdfg-alignment-footer .pdfg-modal__actions { margin-top: 0; padding-top: 8px; }

.pdfg-app .pdfg-alignment-grid {
	display: grid;
	grid-template-columns: repeat(var(--pdfg-align-cols, 3), minmax(48px, 1fr));
	gap: 7px;
	padding: 13px;
	background: #e5eaf2;
	border: 1px solid var(--pdfg-border);
	border-radius: 12px;
}

.pdfg-app .pdfg-alignment-slot,
.pdfg-app .pdfg-align-slot {
	position: relative;
	display: grid;
	place-items: center;
	min-height: 92px;
	padding: 6px;
	background: #fff;
	border: 2px solid #bdc9dc;
	border-radius: 7px;
	color: var(--pdfg-muted);
	font-size: 10px;
	font-weight: 800;
	text-align: center;
}

.pdfg-app .pdfg-alignment-slot__card {
	display: grid;
	place-items: center;
	width: min(54%, 54px);
	aspect-ratio: 63 / 88;
	padding: 7px 3px;
	background: #20283c;
	border: 1px solid #64718d;
	border-radius: 6px;
	box-shadow: 0 3px 8px rgba(20, 31, 65, .2);
	color: #fff;
	transition: transform .12s ease;
}

.pdfg-app .pdfg-alignment-slot__card strong { font-size: 18px; }
.pdfg-app .pdfg-alignment-slot__card small { color: #bac4d8; font-size: 9px; }

.pdfg-app .pdfg-alignment-slot__offset {
	position: absolute;
	top: 5px;
	right: 5px;
	max-width: calc(100% - 10px);
	padding: 2px 4px;
	background: #d68f1f;
	border-radius: 99px;
	color: #fff;
	font-size: 7px;
	font-style: normal;
	line-height: 1;
	opacity: 0;
	white-space: nowrap;
}

.pdfg-app .pdfg-alignment-slot.has-offset .pdfg-alignment-slot__offset { opacity: 1; }

.pdfg-app .pdfg-alignment-slot:hover:not(.is-selected):not(.is-disabled):not([aria-selected="true"]),
.pdfg-app .pdfg-align-slot:hover:not(.is-selected):not(.is-disabled):not([aria-selected="true"]) {
	background: var(--pdfg-navy);
	border-color: var(--pdfg-blue);
	color: #fff !important;
}

.pdfg-app .pdfg-alignment-slot.is-selected,
.pdfg-app .pdfg-align-slot.is-selected,
.pdfg-app .pdfg-alignment-slot[aria-selected="true"],
.pdfg-app .pdfg-align-slot[aria-selected="true"] {
	background: var(--pdfg-blue-soft);
	border-color: var(--pdfg-blue);
	box-shadow: 0 0 0 2px rgba(47, 91, 216, .16);
	color: var(--pdfg-navy);
}

.pdfg-app .pdfg-alignment-slot.is-disabled,
.pdfg-app .pdfg-align-slot.is-disabled {
	background: repeating-linear-gradient(135deg, #edf0f5 0 7px, #dde3ec 7px 14px);
	border-color: #a5afbf;
	color: #6d7789;
	text-decoration: line-through;
}

.pdfg-app .pdfg-alignment-slot.is-disabled .pdfg-alignment-slot__card { opacity: .38; }

.pdfg-app .pdfg-align-controls {
	padding: 15px;
	background: var(--pdfg-surface-soft);
	border: 1px solid var(--pdfg-border);
	border-radius: 12px;
}

.pdfg-app .pdfg-align-controls > h3 {
	margin: 0 0 3px;
	color: var(--pdfg-navy);
	font-size: 13px;
}

.pdfg-app .pdfg-align-controls > p {
	margin: 5px 0 14px;
	color: var(--pdfg-muted);
	font-size: 11px;
}

.pdfg-app .pdfg-align-slot-usage {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 12px 0 4px;
	padding: 10px;
	background: #fff;
	border: 1px solid var(--pdfg-border);
	border-radius: 8px;
}

.pdfg-app .pdfg-align-slot-usage > div { display: grid; gap: 2px; }
.pdfg-app .pdfg-align-slot-usage strong { color: var(--pdfg-navy); font-size: 11px; text-transform: uppercase; }
.pdfg-app .pdfg-align-slot-usage span,
.pdfg-app .pdfg-align-slot-usage b { color: var(--pdfg-muted); font-size: 9px; }
.pdfg-app .pdfg-align-slot-usage b { white-space: nowrap; }

.pdfg-app .pdfg-alignment-selection {
	display: grid;
	gap: 3px;
	min-height: 52px;
	margin: 12px 0;
	padding: 10px;
	background: var(--pdfg-blue-soft);
	border-left: 3px solid var(--pdfg-blue);
	border-radius: 7px;
	color: var(--pdfg-muted);
	font-size: 10px;
}

.pdfg-app .pdfg-alignment-selection strong { color: var(--pdfg-navy); font-size: 13px; }

.pdfg-app .pdfg-alignment-adjustments { display: grid; gap: 12px; }

.pdfg-app .pdfg-alignment-range {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 66px;
	align-items: center;
	gap: 5px 9px;
}

.pdfg-app .pdfg-alignment-range > span { color: var(--pdfg-muted); font-size: 10px; font-weight: 750; }

.pdfg-app .pdfg-alignment-range > input[type="number"] {
	grid-column: 2;
	grid-row: 1;
	height: 29px;
	padding: 4px 6px;
	font-size: 10px;
	text-align: right;
}

.pdfg-app .pdfg-alignment-range > input[type="range"] {
	grid-column: 1 / -1;
	grid-row: 2;
}

.pdfg-app .pdfg-premium-dialog {
	width: min(100%, 620px);
	padding: 26px;
	background:
		radial-gradient(circle at 100% 0, rgba(248, 205, 91, .2), transparent 36%),
		linear-gradient(155deg, #fff 64%, #fffaf0);
}

.pdfg-app .pdfg-premium-heading {
	display: flex;
	align-items: center;
	gap: 14px;
	padding-right: 42px;
}

.pdfg-app .pdfg-premium-lock {
	display: grid;
	place-items: center;
	flex: 0 0 52px;
	width: 52px;
	height: 52px;
	background: linear-gradient(145deg, #fff8da, #f1bd42);
	border: 1px solid #dda923;
	border-radius: 15px;
	box-shadow: 0 8px 18px rgba(217, 155, 23, .22);
	color: #815600;
	font-size: 25px;
}

.pdfg-app .pdfg-premium-lock > span {
	line-height: 1;
}

.pdfg-app .pdfg-premium-eyebrow {
	display: block;
	margin-bottom: 2px;
	color: #9a6500;
	font-size: 10px;
	font-weight: 850;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.pdfg-app .pdfg-premium-heading h2 {
	margin: 0;
	color: var(--pdfg-navy);
	font-size: 23px;
	font-weight: 850;
	letter-spacing: -.02em;
}

.pdfg-app .pdfg-premium-lead {
	margin: 15px 0 16px;
	color: var(--pdfg-muted);
	font-size: 12px;
	line-height: 1.55;
}

.pdfg-app .pdfg-premium-export {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr) auto;
	align-items: center;
	gap: 11px;
	padding: 12px;
	background: linear-gradient(100deg, #fff8df, #fffdf7);
	border: 1px solid #ead39a;
	border-radius: 12px;
}

.pdfg-app .pdfg-premium-export__mark {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	background: #fff;
	border: 1px solid #e2c77d;
	border-radius: 10px;
	color: #a66c00;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .04em;
}

.pdfg-app .pdfg-premium-export > div {
	display: grid;
	gap: 2px;
}

.pdfg-app .pdfg-premium-export strong,
.pdfg-app .pdfg-premium-benefits strong {
	color: var(--pdfg-ink);
	font-size: 11px;
	font-weight: 800;
}

.pdfg-app .pdfg-premium-export > div > span,
.pdfg-app .pdfg-premium-benefits small {
	color: var(--pdfg-muted);
	font-size: 9.5px;
	line-height: 1.35;
}

.pdfg-app .pdfg-premium-export > b {
	padding: 5px 8px;
	background: #f5c952;
	border-radius: 99px;
	color: #654400;
	font-size: 9px;
	font-weight: 900;
	white-space: nowrap;
}

.pdfg-app .pdfg-premium-subtitle {
	margin: 17px 0 8px;
	color: var(--pdfg-navy);
	font-size: 12px;
	font-weight: 850;
}

.pdfg-app .pdfg-premium-benefits {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 7px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pdfg-app .pdfg-premium-benefits li {
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr);
	align-items: start;
	gap: 7px;
	min-width: 0;
	padding: 8px;
	background: rgba(255, 255, 255, .76);
	border: 1px solid var(--pdfg-border-soft);
	border-radius: 9px;
}

.pdfg-app .pdfg-premium-benefits i {
	display: grid;
	place-items: center;
	width: 20px;
	height: 20px;
	background: var(--pdfg-success-soft);
	border-radius: 50%;
	color: var(--pdfg-success);
	font-size: 10px;
	font-style: normal;
	font-weight: 900;
}

.pdfg-app .pdfg-premium-benefits li > span {
	display: grid;
	gap: 1px;
	min-width: 0;
}

.pdfg-app .pdfg-premium-support {
	margin: 10px 0 0;
	color: var(--pdfg-muted);
	font-size: 9.5px;
	line-height: 1.4;
}

.pdfg-app .pdfg-premium-actions {
	margin-top: 14px;
	padding-top: 13px;
}

.pdfg-app .pdfg-modal--progress .pdfg-modal__dialog {
	width: min(100%, 460px);
	text-align: center;
}

.pdfg-app .pdfg-modal--progress .pdfg-modal__dialog > h2,
.pdfg-app .pdfg-modal--progress .pdfg-modal__dialog > p {
	margin-right: 0;
}

.pdfg-app .pdfg-modal--progress progress {
	display: block;
	width: 100%;
	height: 16px;
	margin: 18px 0;
	accent-color: var(--pdfg-blue);
}

@keyframes pdfg-modal-in {
	from { opacity: 0; transform: translateY(10px) scale(.985); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}

/* Drop overlay and notifications ---------------------------------------- */

.pdfg-app .pdfg-drop-overlay {
	position: fixed;
	inset: 16px;
	z-index: 100010;
	display: grid;
	place-items: center;
	background: rgba(20, 34, 84, .9);
	border: 3px dashed rgba(255, 255, 255, .72);
	border-radius: 22px;
	box-shadow: inset 0 0 0 10px rgba(255, 255, 255, .05), var(--pdfg-shadow-lg);
	color: #fff;
	font-size: clamp(18px, 3vw, 30px);
	font-weight: 850;
	text-align: center;
	pointer-events: none;
	backdrop-filter: blur(8px);
}

.pdfg-app .pdfg-drop-overlay > div {
	padding: 24px;
}

.pdfg-app .pdfg-toasts {
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 100020;
	display: grid;
	gap: 9px;
	width: min(390px, calc(100vw - 32px));
	pointer-events: none;
}

.pdfg-app .pdfg-toast {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 24px;
	align-items: start;
	gap: 9px;
	padding: 12px 13px;
	background: #fff;
	border: 1px solid var(--pdfg-border);
	border-left: 4px solid var(--pdfg-blue);
	border-radius: 10px;
	box-shadow: var(--pdfg-shadow-md);
	color: var(--pdfg-ink);
	font-size: 12px;
	pointer-events: auto;
	animation: pdfg-toast-in .2s ease-out;
}

.pdfg-app .pdfg-toast--success {
	border-left-color: var(--pdfg-success);
}

.pdfg-app .pdfg-toast--error,
.pdfg-app .pdfg-toast--danger {
	border-left-color: var(--pdfg-danger);
}

.pdfg-app .pdfg-toast--warning {
	border-left-color: var(--pdfg-gold);
}

.pdfg-app .pdfg-toast__close {
	display: grid;
	place-items: center;
	width: 24px;
	height: 24px;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 5px;
	color: var(--pdfg-muted);
	font-size: 18px;
	line-height: 1;
}

.darkmysite_dark_mode_enabled .pdfg-app .pdfg-mini-card > span,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-mini-result > span,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-cardtray-card__info strong {
	color: var(--darkmysite_dark_mode_text_color, #c8c4bd) !important;
}

.darkmysite_dark_mode_enabled .pdfg-app .pdfg-mini-card,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-mini-result {
	background: var(--darkmysite_dark_mode_secondary_bg, #202324) !important;
	border-color: var(--darkmysite_dark_mode_border_color, #4a4a4a) !important;
}

.pdfg-app .pdfg-toast__close:hover {
	background: #edf1f6;
	color: var(--pdfg-ink);
}

/* Per-card artwork and face editor -------------------------------------- */

.pdfg-app .pdfg-modal--card-editor {
	padding: 16px;
}

.pdfg-app .pdfg-card-editor {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-rows: auto minmax(0, 1fr);
	width: min(1780px, calc(100vw - 32px));
	max-width: none;
	height: min(1040px, calc(100vh - 32px));
	max-height: none;
	padding: 0;
	background: #f4f6fa;
	border: 1px solid #8793a9;
	border-radius: 15px;
	box-shadow: 0 28px 90px rgba(4, 10, 30, .48);
	overflow: hidden;
}

.pdfg-app .pdfg-card-editor__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	min-height: 58px;
	padding: 9px 14px 9px 18px;
	background: #354057;
	border-bottom: 1px solid rgba(255, 255, 255, .24);
	color: #fff;
}

.pdfg-app .pdfg-card-editor__header h2 {
	margin: 0;
	color: #fff;
	font-size: 17px;
	font-weight: 800;
}

.pdfg-app .pdfg-card-editor__header span {
	display: block;
	margin-top: 1px;
	color: #c9d1df;
	font-size: 10px;
}

.pdfg-app .pdfg-card-editor__nav {
	display: flex;
	align-items: center;
	gap: 5px;
}

.pdfg-app .pdfg-card-editor__nav button {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	padding: 0;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 7px;
	color: #fff;
	font-size: 24px;
	line-height: 1;
}

.pdfg-app .pdfg-card-editor__nav button:hover {
	background: rgba(255, 255, 255, .16);
}

.pdfg-app .pdfg-card-editor__body {
	display: grid;
	grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
	min-width: 0;
	min-height: 0;
}

.pdfg-app .pdfg-card-editor__summary {
	min-width: 0;
	min-height: 0;
	padding: 22px;
	background: #1f293b;
	color: #eef3ff;
	overflow: auto;
}

.pdfg-app .pdfg-card-editor__hero {
	position: relative;
	width: min(100%, 280px);
	margin: 0 auto 20px;
	aspect-ratio: 63 / 88;
	background: #111827;
	border: 1px solid #4a556c;
	border-radius: 13px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .32);
	overflow: hidden;
}

.pdfg-app .pdfg-card-editor__hero img,
.pdfg-app .pdfg-card-editor__settings-preview img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	background: #111827;
	object-fit: contain;
}

.pdfg-app .pdfg-card-editor__hero > span {
	position: absolute;
	top: 9px;
	right: 9px;
	padding: 4px 7px;
	background: rgba(10, 18, 42, .82);
	border-radius: 5px;
	color: #fff;
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
}

.pdfg-app .pdfg-card-editor__details h3 {
	margin: 0 0 4px;
	color: #fff;
	font-size: 20px;
	font-weight: 850;
}

.pdfg-app .pdfg-card-editor__details > p {
	margin: 0 0 12px;
	color: #b8c1d1;
	font-size: 11px;
}

.pdfg-app .pdfg-card-editor__details h4 {
	margin: 18px 0 7px;
	padding-top: 15px;
	border-top: 1px solid rgba(255, 255, 255, .12);
	color: #e8edf7;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.pdfg-app .pdfg-card-editor__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.pdfg-app .pdfg-card-editor__chips span {
	padding: 4px 8px;
	background: #39455c;
	border: 1px solid #4a5872;
	border-radius: 999px;
	color: #e4eaf6;
	font-size: 10px;
	font-weight: 700;
}

.pdfg-app .pdfg-card-editor__oracle {
	padding: 12px;
	background: #111827;
	border-radius: 9px;
	color: #dbe3f1 !important;
	font-size: 11px !important;
	line-height: 1.55;
	white-space: pre-line;
}

.pdfg-app .pdfg-card-editor__main {
	display: grid;
	grid-template-rows: auto auto minmax(0, 1fr);
	min-width: 0;
	min-height: 0;
	background: #f1f4f8;
}

.pdfg-app .pdfg-card-editor__faces {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	padding: 11px 12px;
	background: #1f293b;
}

.pdfg-app .pdfg-card-editor__faces button {
	min-width: 0;
	padding: 9px 12px;
	background: #354057;
	border: 1px solid transparent;
	border-radius: 8px;
	color: #dce3ee;
	font-weight: 800;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pdfg-app .pdfg-card-editor__faces button.is-active {
	background: #4c5b75;
	border-color: #74829b;
	color: #fff;
}

.pdfg-app .pdfg-card-editor__toolbar {
	display: flex;
	align-items: center;
	gap: 12px 18px;
	min-width: 0;
	padding: 8px 12px;
	background: #354057;
	border-bottom: 1px solid #556177;
	color: #fff;
}

.pdfg-app .pdfg-card-editor__toolbar .pdfg-check span {
	color: #eef2f8;
	font-size: 11px;
}

.pdfg-app .pdfg-card-editor__panel-tabs,
.pdfg-app .pdfg-card-editor__sources {
	display: flex;
	align-items: center;
	gap: 3px;
	padding: 3px;
	background: #1f293b;
	border-radius: 8px;
}

.pdfg-app .pdfg-card-editor__panel-tabs button,
.pdfg-app .pdfg-card-editor__sources button {
	padding: 7px 11px;
	background: transparent;
	border: 0;
	border-radius: 6px;
	color: #d7deea;
	font-size: 11px;
	font-weight: 750;
}

.pdfg-app .pdfg-card-editor__panel-tabs button.is-active,
.pdfg-app .pdfg-card-editor__sources button.is-active {
	background: #4d5a71;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .18);
	color: #fff;
}

.pdfg-app .pdfg-card-editor__panel {
	min-width: 0;
	min-height: 0;
	padding: 10px 12px 12px;
	overflow: auto;
}

.pdfg-app .pdfg-editor-browser-launch {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 14px;
	padding: 16px;
	background: #e8efff;
	border: 1px solid #a9bff2;
	border-left: 4px solid var(--pdfg-blue);
	border-radius: 10px;
}
.pdfg-app .pdfg-editor-browser-launch > div { display: grid; gap: 4px; }
.pdfg-app .pdfg-editor-browser-launch strong { color: var(--pdfg-navy); font-size: 13px; }
.pdfg-app .pdfg-editor-browser-launch span { color: var(--pdfg-muted); font-size: 10px; line-height: 1.45; }
.pdfg-app .pdfg-editor-browser-launch .pdfg-btn { min-width: 150px; }

.pdfg-app #pdfgEditorArtworkPanel {
	display: grid;
	grid-template-rows: auto minmax(210px, 1fr) auto;
	gap: 8px;
}

/* Author-supplied artwork can have any native dimensions. Keep every editor
 * surface bounded to card proportions so one landscape/high-resolution file
 * can never expand the modal or cover the controls. */
.pdfg-app .pdfg-card-editor__panel[hidden] { display: none !important; }
.pdfg-app .pdfg-card-editor__sourcebar { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; }
.pdfg-app .pdfg-card-editor__upload-shortcut { display: flex; flex: 0 0 auto; gap: 6px; }
.pdfg-app .pdfg-card-editor__upload-shortcut .pdfg-btn { min-height: 36px; }

.pdfg-app .pdfg-editor-library-mount,
.pdfg-app .pdfg-editor-project-workspace {
	min-width: 0;
	min-height: 0;
}

.pdfg-app .pdfg-editor-library-mount {
	display: flex;
	overflow: hidden;
	background: var(--pdfg-surface);
	border: 1px solid var(--pdfg-border);
	border-radius: 10px;
}

.pdfg-app .pdfg-editor-project-workspace {
	display: grid;
	grid-template-rows: auto auto minmax(210px, 1fr) auto;
	gap: 8px;
}

.pdfg-app .pdfg-card-editor__filters {
	display: grid;
	grid-template-columns: minmax(180px, 1fr) 72px 92px 122px 92px auto;
	align-items: end;
	gap: 6px;
	padding: 7px;
	background: #e4e9f1;
	border: 1px solid #cbd4e2;
	border-radius: 9px;
}

.pdfg-app .pdfg-card-editor__filters.is-project-source {
	grid-template-columns: minmax(220px, 1fr);
}

.pdfg-app .pdfg-card-editor__filters.is-project-source > :not(:first-child) {
	display: none;
}

.pdfg-app .pdfg-card-editor__filters label {
	display: grid;
	gap: 3px;
	min-width: 0;
	color: var(--pdfg-muted);
	font-size: 9px;
	font-weight: 800;
	text-transform: uppercase;
}

.pdfg-app .pdfg-card-editor__filters input,
.pdfg-app .pdfg-card-editor__filters select {
	width: 100%;
	min-width: 0;
	height: 36px;
	padding: 0 8px;
	background: #fff;
	border: 1px solid #bdc8d9;
	border-radius: 7px;
	color: var(--pdfg-ink);
	font-size: 11px;
	text-transform: none;
}

.pdfg-app .pdfg-card-editor__resultbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
	min-width: 0;
	color: var(--pdfg-muted);
	font-size: 10px;
}

.pdfg-app .pdfg-cardback-resolution-note {
	padding: 5px 8px;
	background: #eef4ff;
	border: 1px solid #c8d8fb;
	border-radius: 7px;
	color: #25458b;
	font-size: 9px;
	font-weight: 750;
}

.pdfg-app .pdfg-card-editor__results {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	grid-auto-rows: max-content;
	align-content: start;
	gap: 12px;
	min-width: 0;
	min-height: 220px;
	padding: 3px;
	overflow: auto;
}

.pdfg-app .pdfg-editor-art {
	position: relative;
	display: grid;
	grid-template-rows: auto auto;
	align-self: start;
	min-width: 0;
	height: auto;
	padding: 0;
	background: #fff;
	border: 2px solid transparent;
	border-radius: 10px;
	box-shadow: 0 2px 8px rgba(21, 33, 80, .12);
	color: var(--pdfg-ink);
	overflow: hidden;
	text-align: left;
}

.pdfg-app .pdfg-editor-art:hover {
	border-color: #8da6e8;
	transform: translateY(-1px);
}

.pdfg-app .pdfg-editor-art.is-selected {
	border-color: #3fbc61;
	box-shadow: 0 0 0 2px rgba(63, 188, 97, .24), 0 5px 14px rgba(21, 33, 80, .15);
}

.pdfg-app .pdfg-editor-art__image {
	position: relative;
	display: block;
	width: 100%;
	min-height: 0;
	background: linear-gradient(145deg, #dbe1eb, #b9c3d2);
	aspect-ratio: 63 / 88;
	overflow: hidden;
}

.pdfg-app .pdfg-editor-art__image img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	background: #111827;
	object-fit: contain;
}

.pdfg-app .pdfg-editor-art__placeholder {
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
	padding: 16px;
	color: #5e697d;
	font-size: 12px;
	font-style: italic;
	text-align: center;
}

.pdfg-app .pdfg-editor-art__meta {
	display: grid;
	gap: 1px;
	padding: 7px 8px;
	background: #fff;
}

.pdfg-app .pdfg-editor-art__meta strong {
	overflow: hidden;
	color: var(--pdfg-ink);
	font-size: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pdfg-app .pdfg-editor-art__meta span {
	overflow: hidden;
	color: var(--pdfg-muted);
	font-size: 8px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pdfg-app .pdfg-card-editor__pager,
.pdfg-app .pdfg-card-editor__footer,
.pdfg-app .pdfg-card-editor__settings-actions {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.pdfg-app .pdfg-card-editor__footer {
	justify-content: space-between;
	padding-top: 8px;
	border-top: 1px solid var(--pdfg-border);
}

.pdfg-app .pdfg-card-editor__footer span {
	color: var(--pdfg-muted);
	font-size: 9px;
}

.pdfg-app .pdfg-card-editor__settings {
	display: grid;
	grid-template-columns: minmax(180px, 280px) minmax(0, 1fr);
	align-content: start;
	gap: 22px;
	padding: 22px;
}

.pdfg-app .pdfg-card-editor__settings-preview {
	width: 100%;
}

.pdfg-app .pdfg-card-editor__settings-preview img {
	width: min(100%, 240px);
	margin: 0 auto;
	aspect-ratio: 63 / 88;
	background: #20283c;
	border-radius: 11px;
	box-shadow: var(--pdfg-shadow-md);
}

.pdfg-app .pdfg-card-editor__settings-preview p {
	margin: 10px 0 0;
	color: var(--pdfg-muted);
	font-size: 10px;
	text-align: center;
}

.pdfg-app .pdfg-card-editor__setting-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-content: start;
	gap: 13px;
}

.pdfg-app .pdfg-card-editor__setting-grid .pdfg-field {
	padding: 12px;
	background: #fff;
	border: 1px solid var(--pdfg-border);
	border-radius: 9px;
}

.pdfg-app .pdfg-card-editor__setting-grid output {
	float: right;
	color: var(--pdfg-blue-dark);
	font-weight: 800;
}

.pdfg-app .pdfg-card-editor__settings-actions {
	grid-column: 2;
	justify-content: flex-end;
	padding-top: 4px;
}

@media (hover: none), (pointer: coarse) {
	.pdfg-app .pdfg-card-slot__select,
	.pdfg-app .pdfg-card-slot__center-actions,
	.pdfg-app .pdfg-card-slot__flip {
		opacity: 1;
	}
}

@media (max-width: 700px) {
	.pdfg-app .pdfg-card-slot__select,
	.pdfg-app .pdfg-card-slot__center-actions,
	.pdfg-app .pdfg-card-slot__flip {
		top: 3px;
		height: 20px;
	}

	.pdfg-app .pdfg-card-slot__select {
		left: 3px;
		width: 20px;
	}

	.pdfg-app .pdfg-card-slot__flip {
		right: 3px;
		width: 20px;
		border-radius: 5px;
		font-size: 13px;
	}

	.pdfg-app .pdfg-card-slot__center-actions {
		gap: 3px;
	}

	.pdfg-app .pdfg-card-slot__remove,
	.pdfg-app .pdfg-card-slot__bleed {
		width: 20px;
		height: 20px;
		border-radius: 5px;
		font-size: 15px;
	}

	.pdfg-app .pdfg-card-slot__bleed svg {
		width: 13px;
		height: 13px;
	}
}

@media (max-width: 1000px) {
	.pdfg-app .pdfg-card-editor__body {
		grid-template-columns: 220px minmax(0, 1fr);
	}

	.pdfg-app .pdfg-card-editor__summary {
		padding: 14px;
	}

	.pdfg-app .pdfg-card-editor__filters {
		grid-template-columns: minmax(160px, 1fr) repeat(2, minmax(82px, .45fr));
	}

	.pdfg-app .pdfg-card-editor__filters > :nth-child(4),
	.pdfg-app .pdfg-card-editor__filters > :nth-child(5) {
		display: none;
	}
}

@media (max-width: 720px) {
	.pdfg-app .pdfg-modal--card-editor {
		align-items: stretch;
		padding: 0;
	}

	.pdfg-app .pdfg-card-editor,
	.pdfg-app .pdfg-modal--card-editor .pdfg-modal__dialog {
		width: 100%;
		height: 100dvh;
		max-height: none;
		border: 0;
		border-radius: 0;
	}

	.pdfg-app .pdfg-card-editor__header {
		min-height: 52px;
		padding: 7px 9px 7px 12px;
	}

	.pdfg-app .pdfg-card-editor__header h2 {
		max-width: 220px;
		font-size: 14px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.pdfg-app .pdfg-card-editor__body {
		display: block;
		overflow: auto;
	}

	.pdfg-app .pdfg-card-editor__summary {
		display: grid;
		grid-template-columns: 105px minmax(0, 1fr);
		gap: 12px;
		min-height: 168px;
		overflow: visible;
	}

	.pdfg-app .pdfg-card-editor__hero {
		width: 105px;
		margin: 0;
	}

	.pdfg-app .pdfg-card-editor__details h3 {
		font-size: 16px;
	}

	.pdfg-app .pdfg-card-editor__details h4,
	.pdfg-app .pdfg-card-editor__oracle {
		display: none;
	}

	.pdfg-app .pdfg-card-editor__main {
		display: block;
	}

	.pdfg-app .pdfg-card-editor__faces {
		position: sticky;
		top: 0;
		z-index: 4;
	}

	.pdfg-app .pdfg-card-editor__toolbar {
		flex-wrap: wrap;
		gap: 7px 12px;
	}

	.pdfg-app #pdfgEditorArtworkPanel {
		display: grid;
		min-height: 660px;
		overflow: visible;
	}

	.pdfg-app .pdfg-card-editor__filters {
		grid-template-columns: minmax(0, 1fr) 75px auto;
	}

	.pdfg-app .pdfg-card-editor__filters > :nth-child(3),
	.pdfg-app .pdfg-card-editor__filters > :nth-child(4),
	.pdfg-app .pdfg-card-editor__filters > :nth-child(5) {
		display: none;
	}

	.pdfg-app .pdfg-card-editor__resultbar {
		align-items: stretch;
		flex-direction: column;
	}

	.pdfg-app .pdfg-card-editor__results {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-height: none;
		overflow: visible;
	}

	.pdfg-app .pdfg-editor-art__image {
		min-height: 150px;
	}

	.pdfg-app .pdfg-card-editor__footer {
		align-items: stretch;
		flex-direction: column;
	}

	.pdfg-app .pdfg-card-editor__settings {
		grid-template-columns: 1fr;
		padding: 15px;
	}

	.pdfg-app .pdfg-card-editor__settings-preview img {
		width: 150px;
	}

	.pdfg-app .pdfg-card-editor__setting-grid {
		grid-template-columns: 1fr;
	}

	.pdfg-app .pdfg-card-editor__settings-actions {
		grid-column: 1;
		align-items: stretch;
		flex-direction: column;
	}
}

@keyframes pdfg-toast-in {
	from { opacity: 0; transform: translateX(16px); }
	to { opacity: 1; transform: translateX(0); }
}

/* Project toolbar responsive overrides ---------------------------------- */
@media (max-width: 1360px) and (min-width: 1101px) {
	.pdfg-app .pdfg-appbar {
		grid-template-columns: 190px minmax(220px, 1fr) auto;
	}

	.pdfg-app .pdfg-appbar__actions #pdfgUndo,
	.pdfg-app .pdfg-appbar__actions #pdfgRedo {
		display: none;
	}
}

@media (max-width: 1100px) {
	.pdfg-app .pdfg-appbar {
		grid-template-columns: minmax(0, 1fr);
	}

	.pdfg-app .pdfg-appbar__title {
		display: none;
	}

	.pdfg-app .pdfg-appbar__project {
		grid-column: 1;
		grid-row: 1;
	}

	.pdfg-app .pdfg-appbar__actions {
		grid-column: 1;
		grid-row: 2;
		justify-content: flex-start;
		padding-bottom: 2px;
		overflow-x: auto;
		scrollbar-width: thin;
	}

	.pdfg-app .pdfg-appbar__actions .pdfg-btn {
		flex: 0 0 auto;
	}
}

@media (max-width: 680px) {
	.pdfg-app .pdfg-appbar__project input {
		font-size: 16px;
	}

	.pdfg-app .pdfg-project-meta {
		gap: 5px;
	}

	.pdfg-app .pdfg-project-stats {
		display: none;
	}

	.pdfg-app .pdfg-appbar__actions {
		position: static;
		top: auto;
		right: auto;
		width: 100%;
	}

	.pdfg-app .pdfg-appbar__actions .pdfg-btn {
		min-width: auto;
		min-height: 35px;
		padding: 6px 9px;
		font-size: 11px;
	}

	.pdfg-app .pdfg-appbar__actions #pdfgUndo,
	.pdfg-app .pdfg-appbar__actions #pdfgRedo {
		display: none;
	}

	.pdfg-app .pdfg-shared-notice,
	.pdfg-app .pdfg-shared-notice > div {
		align-items: stretch;
		flex-direction: column;
	}

	.pdfg-app .pdfg-shared-notice > div:last-child {
		flex-direction: row;
	}

	.pdfg-app .pdfg-projects-list {
		grid-template-columns: 1fr;
	}

	.pdfg-app .pdfg-projects-head {
		align-items: stretch;
		flex-direction: column;
		padding-right: 0;
	}

	.pdfg-app .pdfg-projects-head > div {
		padding-right: 48px;
	}

	.pdfg-app .pdfg-copy-field {
		align-items: stretch;
		flex-direction: column;
	}
}

/* Busy, error, and empty runtime states --------------------------------- */

.pdfg-app [aria-busy="true"] {
	cursor: progress;
}

.pdfg-app .is-loading > .pdfg-btn,
.pdfg-app .pdfg-btn.is-loading {
	position: relative;
	color: transparent !important;
	pointer-events: none;
}

.pdfg-app .is-loading > .pdfg-btn::after,
.pdfg-app .pdfg-btn.is-loading::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 17px;
	height: 17px;
	margin: -8.5px 0 0 -8.5px;
	border: 2px solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	color: var(--pdfg-blue);
	content: "";
	animation: pdfg-spin .65s linear infinite;
}

/* Keep the project controls usable after the legacy mobile toolbar rules. */
@media (max-width: 1100px) {
	.pdfg-app .pdfg-appbar { grid-template-columns: minmax(0, 1fr); }
	.pdfg-app .pdfg-appbar__title { display: none; }
	.pdfg-app .pdfg-appbar__project { grid-column: 1; grid-row: 1; }
	.pdfg-app .pdfg-appbar__actions { position: static; grid-column: 1; grid-row: 2; justify-content: flex-start; width: 100%; overflow-x: auto; }
	.pdfg-app .pdfg-appbar__actions .pdfg-btn { flex: 0 0 auto; }
}

@media (max-width: 680px) {
	.pdfg-app .pdfg-appbar__actions {
		top: auto;
		right: auto;
		gap: 6px;
		overscroll-behavior-inline: contain;
		scrollbar-width: thin;
	}
	.pdfg-app .pdfg-appbar__actions .pdfg-btn {
		flex: none;
		width: auto;
		height: auto;
		min-width: max-content;
		min-height: 35px;
		padding: 6px 9px;
		font-size: 11px;
		white-space: nowrap;
	}
	.pdfg-app .pdfg-project-menu { flex: none; }
	.pdfg-app #pdfgSaveProject { min-width: max-content; }
	.pdfg-app #pdfgFileMenuToggle { min-width: 62px; }
	.pdfg-app #pdfgShareProject { min-width: 68px; }
	.pdfg-app #pdfgOpenProjects { min-width: 35px; }
	.pdfg-app .pdfg-appbar__actions #pdfgUndo,
	.pdfg-app .pdfg-appbar__actions #pdfgRedo { display: none; }
	.pdfg-app .pdfg-appbar__project input { font-size: 16px; }
	.pdfg-app .pdfg-project-stats { display: none; }
	.pdfg-app .pdfg-sheet-drag-hint { display: none !important; }
	.pdfg-app .pdfg-workbar { gap: 6px; }
	.pdfg-app .pdfg-workbar__actions { flex: 0 0 auto; }
	.pdfg-app .pdfg-workbar__actions .pdfg-workbar__text { min-width: 31px; width: 31px; padding: 3px; font-size: 0; }
	.pdfg-app .pdfg-workbar__actions #pdfgSelectAll::after { content: "All"; font-size: 9px; }
	.pdfg-app .pdfg-workbar__actions #pdfgRemoveSelected::after { content: "Del"; font-size: 9px; }
}

.pdfg-app .pdfg-btn--primary.is-loading::after,
.pdfg-app .pdfg-btn--export.is-loading::after {
	color: #fff;
}

.pdfg-app .pdfg-inline-error {
	margin: 8px 0;
	padding: 8px 9px;
	background: var(--pdfg-danger-soft);
	border: 1px solid #edc3c0;
	border-radius: 8px;
	color: #91312f;
	font-size: 11px;
}

.pdfg-app .pdfg-inline-success {
	margin: 8px 0;
	padding: 8px 9px;
	background: var(--pdfg-success-soft);
	border: 1px solid #c1e3d1;
	border-radius: 8px;
	color: #236143;
	font-size: 11px;
}

@keyframes pdfg-spin {
	to { transform: rotate(360deg); }
}

/* Large desktop tuning --------------------------------------------------- */

@media (min-width: 1580px) {
	.pdfg-app .pdfg-layout {
		grid-template-columns: 350px minmax(0, 1fr) 360px;
	}

	.pdfg-app .pdfg-sidebar {
		padding-right: 15px;
		padding-left: 15px;
	}

	.pdfg-app .pdfg-workspace__scroll {
		padding: 42px;
	}
}

@media (max-width: 1360px) and (min-width: 1101px) {
	.pdfg-app .pdfg-layout {
		grid-template-columns: 286px minmax(0, 1fr) 298px;
	}

	.pdfg-app .pdfg-sidebar {
		padding-right: 9px;
		padding-left: 9px;
	}

	.pdfg-app .pdfg-section__body {
		padding: 10px;
	}

	.pdfg-app .pdfg-appbar {
		grid-template-columns: minmax(225px, 1fr) minmax(245px, 380px) minmax(220px, 1fr);
		gap: 12px;
		padding-right: 12px;
		padding-left: 12px;
	}

	.pdfg-app .pdfg-appbar__title p {
		display: none;
	}
}

/* Tablet/mobile: one panel at a time ------------------------------------ */

@media (max-width: 1100px) {
	body.mtgcb-pdf-generator-page {
		overflow: hidden !important;
	}

	.pdfg-app .pdfg-appbar {
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 10px 14px;
		min-height: 68px;
		padding: 10px 14px;
	}

	.pdfg-app .pdfg-appbar__project {
		grid-column: 1 / -1;
		grid-row: 2;
	}

	.pdfg-app .pdfg-appbar__project input {
		text-align: left;
	}

	.pdfg-app .pdfg-mobile-tabs {
		display: grid;
	}

	.pdfg-app .pdfg-layout {
		display: block;
		min-height: 0;
		height: 100%;
		overflow: hidden;
	}

	.pdfg-app .pdfg-layout > [data-panel] {
		display: none;
	}

	.pdfg-app:not([data-mobile-view]) .pdfg-layout > [data-panel="add"],
	.pdfg-app[data-mobile-view="add"] .pdfg-layout > [data-panel="add"],
	.pdfg-app[data-mobile-view="preview"] .pdfg-layout > [data-panel="preview"],
	.pdfg-app[data-mobile-view="settings"] .pdfg-layout > [data-panel="settings"],
	.pdfg-app .pdfg-layout > [data-panel].is-mobile-active {
		display: block;
	}

	.pdfg-app[data-mobile-view="preview"] .pdfg-layout > .pdfg-workspace,
	.pdfg-app .pdfg-layout > .pdfg-workspace.is-mobile-active {
		display: grid;
	}

	.pdfg-app .pdfg-sidebar {
		width: 100%;
		height: 100%;
		min-height: 0;
		max-height: 100%;
		padding: 14px max(14px, calc((100vw - 760px) / 2)) 42px;
		border: 0;
		box-shadow: none;
		overflow-x: hidden;
		overflow-y: auto;
	}

	.pdfg-app .pdfg-workspace {
		height: 100%;
		min-height: 0;
	}

	.pdfg-app .pdfg-workspace__scroll {
		padding: 24px;
	}

	.pdfg-app .pdfg-section__body {
		padding: 14px;
	}

	.pdfg-app .pdfg-cardtray {
		max-height: 175px;
	}
}

@media (max-width: 680px) {
	.pdfg-app {
		font-size: 13px;
	}

	.pdfg-app .pdfg-appbar {
		grid-template-columns: minmax(0, 1fr);
		gap: 8px;
		padding: 9px 11px 11px;
	}

	.pdfg-app .pdfg-appbar__title {
		gap: 9px;
	}

	.pdfg-app .pdfg-appbar__icon {
		flex-basis: 36px;
		width: 36px;
		height: 36px;
		border-radius: 9px;
		font-size: 20px;
	}

	.pdfg-app .pdfg-appbar__title h1 {
		font-size: 17px;
	}

	.pdfg-app .pdfg-appbar__title p {
		display: none;
	}

	.pdfg-app .pdfg-appbar__actions {
		position: absolute;
		top: 10px;
		right: 10px;
	}

	.pdfg-app .pdfg-appbar__actions .pdfg-btn {
		min-width: 35px;
		min-height: 35px;
		padding: 5px 8px;
		font-size: 0;
	}

	.pdfg-app .pdfg-appbar__actions #pdfgUndo::after {
		font-size: 16px;
		content: "↶";
	}

	.pdfg-app .pdfg-appbar__actions #pdfgRedo::after {
		font-size: 16px;
		content: "↷";
	}

	.pdfg-app .pdfg-appbar__actions #pdfgClearProject::after {
		font-size: 14px;
		content: "×";
	}

	.pdfg-app .pdfg-appbar__project {
		grid-column: 1;
		padding-right: 0;
	}

	.pdfg-app .pdfg-count {
		display: none;
	}

	.pdfg-app .pdfg-mobile-tabs button {
		font-size: 12px;
	}

	.pdfg-app .pdfg-sidebar {
		padding: 12px 10px 36px;
	}

	.pdfg-app .pdfg-workspace {
		height: calc(100vh - 146px);
		min-height: 600px;
	}

	.pdfg-app .pdfg-workbar {
		padding: 7px 10px;
	}

	.pdfg-app .pdfg-workbar > div:first-child span {
		max-width: 160px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.pdfg-app .pdfg-workbar__actions output {
		display: none;
	}

	.pdfg-app .pdfg-workspace__scroll {
		padding: 18px 12px;
	}

	.pdfg-app .pdfg-empty {
		min-height: 390px;
		margin: 15px auto;
		padding: 35px 18px;
	}

	.pdfg-app .pdfg-empty__mark {
		width: 70px;
		height: 98px;
		font-size: 15px;
	}

	.pdfg-app .pdfg-empty__actions {
		width: 100%;
	}

	.pdfg-app .pdfg-empty__actions .pdfg-btn {
		flex: 1 1 100%;
	}

	.pdfg-app .pdfg-cardtray-head {
		align-items: center;
	}

	.pdfg-app .pdfg-cardtray-head p,
	.pdfg-app .pdfg-cardtray-head #pdfgSelectAll {
		display: none;
	}

	.pdfg-app .pdfg-cardtray-card,
	.pdfg-app .pdfg-card-tile,
	.pdfg-app .pdfg-tray-card {
		flex-basis: 180px;
		grid-template-columns: 57px minmax(86px, 1fr);
		min-height: 113px;
	}

	.pdfg-app .pdfg-cardtray-card img,
	.pdfg-app .pdfg-card-tile img,
	.pdfg-app .pdfg-tray-card img,
	.pdfg-app .pdfg-tray-thumb {
		width: 57px;
		height: 80px;
	}

	.pdfg-app .pdfg-modal {
		align-items: end;
		padding: 0;
	}

	.pdfg-app .pdfg-modal__dialog,
	.pdfg-app .pdfg-modal--wide .pdfg-modal__dialog {
		width: 100%;
		max-height: 90dvh;
		padding: 22px 16px calc(20px + env(safe-area-inset-bottom));
		border-radius: 18px 18px 0 0;
	}

	.pdfg-app .pdfg-modal__dialog > h2 {
		font-size: 20px;
	}

	.pdfg-app .pdfg-modal-options,
	.pdfg-app .pdfg-align-layout {
		grid-template-columns: 1fr;
	}

	.pdfg-app .pdfg-search-results {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-height: 54vh;
	}

	.pdfg-app .pdfg-modal__actions {
		align-items: stretch;
	}

	.pdfg-app .pdfg-modal__actions > * {
		flex: 1 1 0;
	}

	.pdfg-app .pdfg-premium-dialog {
		padding-top: 20px;
	}

	.pdfg-app .pdfg-premium-heading {
		gap: 10px;
		padding-right: 34px;
	}

	.pdfg-app .pdfg-premium-lock {
		flex-basis: 44px;
		width: 44px;
		height: 44px;
		border-radius: 12px;
		font-size: 21px;
	}

	.pdfg-app .pdfg-premium-heading h2 {
		font-size: 19px;
		line-height: 1.15;
	}

	.pdfg-app .pdfg-premium-lead {
		margin: 12px 0;
	}

	.pdfg-app .pdfg-premium-benefits {
		gap: 6px;
	}

	.pdfg-app .pdfg-premium-benefits li {
		padding: 7px;
	}

	.pdfg-app .pdfg-align-layout {
		gap: 14px;
	}

	.pdfg-app .pdfg-alignment-slot,
	.pdfg-app .pdfg-align-slot {
		min-height: 68px;
	}

	.pdfg-app .pdfg-toasts {
		top: 10px;
		right: 10px;
		width: calc(100vw - 20px);
	}

	.pdfg-app .pdfg-drop-overlay {
		inset: 8px;
		border-radius: 15px;
	}
}

@media (max-width: 390px) {
	.pdfg-app .pdfg-premium-export {
		grid-template-columns: 38px minmax(0, 1fr);
	}

	.pdfg-app .pdfg-premium-export__mark {
		width: 38px;
		height: 38px;
	}

	.pdfg-app .pdfg-premium-export > b {
		grid-column: 2;
		justify-self: start;
	}

	.pdfg-app .pdfg-premium-benefits {
		grid-template-columns: 1fr;
	}

	.pdfg-app .pdfg-appbar__title h1 {
		max-width: 200px;
		font-size: 15px;
	}

	.pdfg-app .pdfg-appbar__actions .pdfg-btn {
		min-width: 31px;
		width: 31px;
		height: 31px;
	}

	.pdfg-app .pdfg-dimension-row {
		gap: 5px;
	}

	.pdfg-app .pdfg-grid-two,
	.pdfg-app .pdfg-check-grid {
		grid-template-columns: 1fr;
	}

	.pdfg-app .pdfg-button-row {
		flex-wrap: wrap;
	}

	.pdfg-app .pdfg-button-row > * {
		flex-basis: 100%;
	}
}

/* Reduced motion and forced-color support -------------------------------- */

@media (prefers-reduced-motion: reduce) {
	.pdfg-app *,
	.pdfg-app *::before,
	.pdfg-app *::after {
		scroll-behavior: auto !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}
}

@media (forced-colors: active) {
	.pdfg-app .pdfg-btn,
	.pdfg-app .pdfg-section,
	.pdfg-app .pdfg-dropzone,
	.pdfg-app .pdfg-cardtray-card,
	.pdfg-app .pdfg-card-tile,
	.pdfg-app .pdfg-tray-card {
		border: 1px solid CanvasText;
	}

	.pdfg-app .pdfg-segment button.is-on,
	.pdfg-app .pdfg-filter-pills button.is-on,
	.pdfg-app .pdfg-mobile-tabs button.is-active {
		outline: 2px solid Highlight;
	}
}

/* Browser print is a useful visual proof; production output uses jsPDF. */
@media print {
	html.pdfg-fullscreen-page,
	body.mtgcb-pdf-generator-page {
		height: auto !important;
		overflow: visible !important;
	}

	body.mtgcb-pdf-generator-page .elementor-location-header,
	body.mtgcb-pdf-generator-page .elementor-location-footer,
	.pdfg-app .pdfg-appbar,
	.pdfg-app .pdfg-mobile-tabs,
	.pdfg-app .pdfg-sidebar,
	.pdfg-app .pdfg-workbar,
	.pdfg-app .pdfg-cardtray-section,
	.pdfg-app .pdfg-toasts {
		display: none !important;
	}

	.pdfg-app,
	.pdfg-app .pdfg-layout,
	.pdfg-app .pdfg-workspace,
	.pdfg-app .pdfg-workspace__scroll,
	.pdfg-app .pdfg-pages {
		display: block !important;
		width: auto !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		background: #fff !important;
		overflow: visible !important;
	}

	.pdfg-app .pdfg-sheet-wrap,
	.pdfg-app .pdfg-page-wrap,
	.pdfg-app .pdfg-page {
		break-after: page;
		page-break-after: always;
	}

	.pdfg-app .pdfg-sheet__nav,
	.pdfg-page-nav-popover,
	.pdfg-page-nav-preview {
		display: none !important;
	}

	.pdfg-app .pdfg-sheet__label,
	.pdfg-app .pdfg-page__label,
	.pdfg-app .pdfg-page-label {
		display: none !important;
	}

	.pdfg-app .pdfg-sheet,
	.pdfg-app .pdfg-page-sheet {
		box-shadow: none !important;
	}
}

@media (max-width: 1100px) {
	.pdfg-app .pdfg-appbar { grid-template-columns: minmax(0, 1fr); }
	.pdfg-app .pdfg-appbar__title { display: none; }
	.pdfg-app .pdfg-appbar__project { grid-column: 1; grid-row: 1; }
	.pdfg-app .pdfg-appbar__actions { position: static; grid-column: 1; grid-row: 2; justify-content: flex-start; width: 100%; overflow-x: auto; }
	.pdfg-app .pdfg-appbar__actions .pdfg-btn { flex: 0 0 auto; }
}

@media (max-width: 680px) {
	.pdfg-app .pdfg-appbar__actions { top: auto; right: auto; }
	.pdfg-app .pdfg-appbar__actions .pdfg-btn { min-width: auto; min-height: 35px; padding: 6px 9px; font-size: 11px; }
	.pdfg-app .pdfg-appbar__actions #pdfgUndo,
	.pdfg-app .pdfg-appbar__actions #pdfgRedo { display: none; }
	.pdfg-app .pdfg-appbar__project input { font-size: 16px; }
	.pdfg-app .pdfg-project-stats { display: none; }
	.pdfg-app .pdfg-alignment-footer { bottom: calc(-20px - env(safe-area-inset-bottom)); margin: 16px -16px calc(-20px - env(safe-area-inset-bottom)); padding: 8px 16px calc(12px + env(safe-area-inset-bottom)); }
}

/* Card browsers and collaborative projects ----------------------------- */
.pdfg-app .pdfg-presence-warning {
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 9px 18px;
	background: #fff4d7;
	border-bottom: 1px solid #e3bd58;
	color: #583d06;
}

.pdfg-app .pdfg-presence-warning > span { font-size: 18px; }
.pdfg-app .pdfg-presence-warning > div { display: grid; gap: 1px; min-width: 0; margin-right: auto; }
.pdfg-app .pdfg-presence-warning strong { font-size: 12px; }
.pdfg-app .pdfg-presence-warning div span { color: #795c1d; font-size: 10px; }
.pdfg-app .pdfg-presence-warning .pdfg-btn { min-height: 32px; padding: 5px 10px; }

.pdfg-app .pdfg-share-modes {
	display: grid;
	gap: 8px;
	margin: 14px 0;
	padding: 0;
	border: 0;
}

.pdfg-app .pdfg-share-modes legend { margin-bottom: 7px; color: var(--pdfg-ink); font-size: 11px; font-weight: 800; }
.pdfg-app .pdfg-share-modes label {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: start;
	gap: 10px;
	padding: 12px;
	background: var(--pdfg-surface-soft);
	border: 1px solid var(--pdfg-border);
	border-radius: 10px;
	cursor: pointer;
}
.pdfg-app .pdfg-share-modes label:has(input:checked) { background: var(--pdfg-blue-soft); border-color: #7192ea; box-shadow: 0 0 0 2px rgba(47, 91, 216, .1); }
.pdfg-app .pdfg-share-modes input { margin-top: 3px; accent-color: var(--pdfg-blue); }
.pdfg-app .pdfg-share-modes label span { display: grid; gap: 2px; }
.pdfg-app .pdfg-share-modes strong { color: var(--pdfg-ink); font-size: 12px; }
.pdfg-app .pdfg-share-modes small { color: var(--pdfg-muted); font-size: 10px; }
.pdfg-app .pdfg-inline-warning { display: grid; gap: 2px; margin: 9px 0 14px; padding: 10px 12px; background: #fff4d7; border: 1px solid #e3bd58; border-radius: 9px; color: #583d06; }
.pdfg-app .pdfg-inline-warning strong { font-size: 11px; }
.pdfg-app .pdfg-inline-warning span { font-size: 10px; }

.pdfg-app .pdfg-import-issues {
	display: grid;
	gap: 5px;
	margin: 0 0 12px;
	padding: 10px 11px;
	background: #fff4d7;
	border: 1px solid #d7a62c;
	border-left: 4px solid #c98212;
	border-radius: 9px;
	color: #523900;
	font-size: 10px;
}

.pdfg-app .pdfg-import-issues[hidden] { display: none !important; }
.pdfg-app .pdfg-import-issues > strong { font-size: 11px; }
.pdfg-app .pdfg-import-issues > span { line-height: 1.35; }
.pdfg-app .pdfg-import-issues ul { max-height: 150px; margin: 2px 0 0; padding-left: 18px; overflow: auto; }
.pdfg-app .pdfg-import-issues li + li { margin-top: 3px; }

.pdfg-app .pdfg-card-slot.has-image-error {
	background: repeating-linear-gradient(135deg, #fff4d7 0, #fff4d7 10px, #ffe6ad 10px, #ffe6ad 20px);
	box-shadow: 0 0 0 3px #d65b48, 0 3px 12px rgba(84, 27, 15, .3);
}

.pdfg-app .pdfg-card-slot.has-image-error::after {
	position: absolute;
	inset: 35% 7px auto;
	z-index: 22;
	padding: 5px;
	background: rgba(113, 28, 19, .9);
	border-radius: 5px;
	color: #fff;
	content: "Image failed to load";
	font-size: 9px;
	font-weight: 800;
	line-height: 1.2;
	text-align: center;
}

html.wp-dark-mode-active .pdfg-app .pdfg-import-issues,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-import-issues,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-import-issues {
	background: #332a16 !important;
	border-color: #9d741d !important;
	border-left-color: #e0a929 !important;
	color: #ffe5a4 !important;
}

.pdfg-app .pdfg-modal--nested { z-index: 100020; }

.pdfg-app .pdfg-modal--edition-preview { z-index: 100030; }
.pdfg-app .pdfg-edition-preview-dialog {
	display: grid;
	grid-template-rows: minmax(0, 1fr) auto;
	width: min(94vw, 760px);
	height: min(92vh, 940px);
	max-height: 92vh;
	padding: 12px;
	overflow: hidden;
	background: #111827;
}
.pdfg-app .pdfg-edition-preview-dialog > .pdfg-modal__close {
	top: 16px;
	right: 16px;
	z-index: 2;
	color: #fff;
	background: rgba(15, 23, 42, .88);
}
.pdfg-app .pdfg-edition-preview-image {
	position: relative;
	display: grid;
	place-items: center;
	min-height: 0;
	overflow: hidden;
}
.pdfg-app .pdfg-edition-preview-image img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.pdfg-app .pdfg-edition-preview-caption {
	padding: 10px 44px 2px 8px;
	color: #fff;
}
.pdfg-app .pdfg-edition-preview-caption h2,
.pdfg-app .pdfg-edition-preview-caption p { margin: 0; color: inherit; }
.pdfg-app .pdfg-edition-preview-caption p { margin-top: 3px; color: #cbd5e1; }
.pdfg-app .pdfg-picker-dialog,
.pdfg-app .pdfg-library-dialog {
	display: flex;
	flex-direction: column;
	width: min(97vw, 1540px) !important;
	height: min(92vh, 960px);
	max-height: 92vh;
	padding: 0;
	overflow: hidden;
}

.pdfg-app .pdfg-picker-head,
.pdfg-app .pdfg-library-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 68px;
	padding: 14px 22px;
	border-bottom: 1px solid var(--pdfg-border);
}
.pdfg-app .pdfg-picker-head h2,
.pdfg-app .pdfg-library-head h2 { margin: 0; color: var(--pdfg-navy); font-size: 21px; font-weight: 850; }
.pdfg-app .pdfg-picker-head p { margin: 2px 0 0; color: var(--pdfg-muted); font-size: 11px; }
.pdfg-app .pdfg-picker-head .pdfg-modal__close,
.pdfg-app .pdfg-library-head .pdfg-modal__close,
.pdfg-app .pdfg-library-card-dialog header .pdfg-modal__close { position: static; flex: 0 0 auto; }
.pdfg-app .pdfg-library-head > div { display: flex; align-items: center; gap: 12px; }
.pdfg-app .pdfg-link-button { padding: 3px; background: transparent; border: 0; color: var(--pdfg-blue-dark); font-size: 11px; font-weight: 750; text-decoration: underline; text-underline-offset: 3px; }

.pdfg-app .pdfg-picker-toolbar {
	display: grid;
	grid-template-columns: minmax(260px, 1fr) 160px auto;
	align-items: end;
	gap: 10px;
	padding: 13px 22px;
	background: var(--pdfg-surface-soft);
	border-bottom: 1px solid var(--pdfg-border-soft);
}
.pdfg-app .pdfg-picker-search { position: relative; display: block; }
.pdfg-app .pdfg-picker-search input { width: 100%; min-height: 42px; padding: 9px 40px 9px 13px; }
.pdfg-app .pdfg-picker-search button { position: absolute; top: 5px; right: 5px; width: 32px; height: 32px; padding: 0; background: transparent; border: 0; color: var(--pdfg-muted); font-size: 19px; }
.pdfg-app .pdfg-picker-sort { margin: 0; }

.pdfg-app .pdfg-category-tabs {
	display: flex;
	gap: 6px;
	padding: 10px 22px;
	border-bottom: 1px solid var(--pdfg-border-soft);
	overflow-x: auto;
}
.pdfg-app .pdfg-category-tabs button { flex: 0 0 auto; min-height: 32px; padding: 5px 10px; background: transparent; border: 1px solid var(--pdfg-border); border-radius: 999px; color: var(--pdfg-muted); font-size: 10px; font-weight: 750; }
.pdfg-app .pdfg-category-tabs button.is-active { background: var(--pdfg-blue); border-color: var(--pdfg-blue); color: #fff; }
.pdfg-app .pdfg-picker-status { display: flex; justify-content: space-between; gap: 12px; padding: 8px 22px; color: var(--pdfg-muted); font-size: 10px; }
.pdfg-app .pdfg-picker-status strong { color: var(--pdfg-blue-dark); }

.pdfg-app .pdfg-card-picker-grid,
.pdfg-app .pdfg-library-results {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(158px, 210px));
	justify-content: start;
	align-content: start;
	gap: 14px;
	min-height: 220px;
	padding: 14px 22px 24px;
	overflow: auto;
}
.pdfg-app .pdfg-card-picker-grid,
.pdfg-app .pdfg-library-results { flex: 1 1 auto; }
.pdfg-app .pdfg-picker-card {
	position: relative;
	display: grid;
	grid-template-rows: auto auto auto;
	align-content: start;
	gap: 7px;
	min-width: 0;
	padding: 8px;
	background: var(--pdfg-surface);
	border: 1px solid var(--pdfg-border);
	border-radius: 11px;
	box-shadow: var(--pdfg-shadow-sm);
}
.pdfg-app .pdfg-picker-card.is-selected { border-color: var(--pdfg-blue); box-shadow: 0 0 0 2px rgba(47, 91, 216, .18); }
.pdfg-app .pdfg-picker-card__image { position: relative; display: block; width: 100%; padding: 0; background: #111827; border: 0; border-radius: 8px; overflow: hidden; }
.pdfg-app .pdfg-picker-card__image img { display: block; width: 100%; aspect-ratio: 63 / 88; object-fit: contain; }
.pdfg-app .pdfg-picker-card__select { position: absolute; z-index: 2; top: 13px; left: 13px; display: grid; place-items: center; width: 25px; height: 25px; padding: 0; background: rgba(255,255,255,.94); border: 1px solid #cbd5e1; border-radius: 6px; color: var(--pdfg-blue-dark); font-size: 14px; font-weight: 900; }
.pdfg-app .pdfg-picker-card.is-selected .pdfg-picker-card__select { background: var(--pdfg-blue); border-color: var(--pdfg-blue); color: #fff; }
.pdfg-app .pdfg-picker-card__info { display: grid; gap: 2px; min-width: 0; }
.pdfg-app .pdfg-picker-card__info strong { overflow: hidden; color: var(--pdfg-ink); font-size: 11px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.pdfg-app .pdfg-picker-card__info span { overflow: hidden; color: var(--pdfg-muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.pdfg-app .pdfg-picker-card__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 1px; }
.pdfg-app .pdfg-picker-card__actions.has-quantity { grid-template-columns: minmax(0, .9fr) 50px minmax(0, 1.1fr); gap: 5px; }
.pdfg-app .pdfg-picker-card__actions .pdfg-btn { min-height: 31px; padding: 5px; font-size: 9px; }
.pdfg-app .pdfg-picker-card__quantity {
	position: relative;
	display: block;
	min-width: 0;
}
.pdfg-app .pdfg-picker-card__quantity > span {
	position: absolute;
	top: 50%;
	left: 6px;
	z-index: 1;
	color: var(--pdfg-muted);
	font-size: 10px;
	font-weight: 850;
	pointer-events: none;
	transform: translateY(-50%);
}
.pdfg-app .pdfg-picker-card__quantity input {
	width: 100%;
	height: 31px;
	margin: 0;
	padding: 4px 2px 4px 14px;
	background: #fff;
	border: 1px solid #b8c5dc;
	border-radius: 7px;
	box-shadow: none;
	color: var(--pdfg-ink);
	font-size: 10px;
	font-weight: 800;
	line-height: 1;
	text-align: center;
}
.pdfg-app .pdfg-picker-card__quantity input:hover,
.pdfg-app .pdfg-picker-card__quantity input:focus {
	border-color: var(--pdfg-blue);
	box-shadow: 0 0 0 2px rgba(47, 91, 216, .14);
	outline: 0;
}
.pdfg-app .pdfg-picker-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 62px; padding: 10px 22px; background: var(--pdfg-surface-soft); border-top: 1px solid var(--pdfg-border); }
.pdfg-app .pdfg-picker-footer .pdfg-pager { margin: 0; }
.pdfg-app .pdfg-picker-footer__add,
.pdfg-app .pdfg-preview-add {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	gap: 8px;
}
.pdfg-app .pdfg-add-quantity {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0;
}
.pdfg-app .pdfg-add-quantity--labeled {
	display: grid;
	gap: 3px;
}
.pdfg-app .pdfg-add-quantity > span {
	color: var(--pdfg-muted);
	font-size: 8px;
	font-weight: 800;
	line-height: 1;
	white-space: nowrap;
}
.pdfg-app .pdfg-add-quantity input {
	width: 66px;
	height: 34px;
	margin: 0;
	padding: 5px 7px;
	background: #fff;
	border: 1px solid #b8c5dc;
	border-radius: 8px;
	box-shadow: none;
	color: var(--pdfg-ink);
	font-size: 11px;
	font-weight: 800;
	text-align: center;
}
.pdfg-app .pdfg-add-quantity input:hover,
.pdfg-app .pdfg-add-quantity input:focus {
	border-color: var(--pdfg-blue);
	box-shadow: 0 0 0 2px rgba(47, 91, 216, .14);
	outline: 0;
}
.pdfg-app .pdfg-preview-add {
	justify-content: stretch;
	margin-top: 13px;
}
.pdfg-app .pdfg-preview-add .pdfg-btn {
	align-self: end;
	flex: 1 1 auto;
	min-height: 34px;
}

.pdfg-app .pdfg-card-preview-dialog { display: grid; grid-template-columns: minmax(240px, 390px) minmax(250px, 340px); gap: 22px; width: min(92vw, 780px); }
.pdfg-app .pdfg-card-preview-image { position: relative; display: grid; place-items: center; min-height: 300px; padding: 10px; background: #111827; border-radius: 12px; }
.pdfg-app .pdfg-card-preview-image img { display: block; width: 100%; max-height: 72vh; object-fit: contain; }
.pdfg-app .pdfg-card-preview-flip { position: absolute; top: 16px; right: 16px; padding: 6px 9px; background: rgba(255,255,255,.92); border: 0; border-radius: 7px; color: var(--pdfg-navy); font-size: 10px; font-weight: 800; }
.pdfg-app .pdfg-card-preview-info { align-self: center; padding-right: 40px; }
.pdfg-app .pdfg-card-preview-info h2 { margin: 4px 0 7px; color: var(--pdfg-navy); font-size: 23px; }
.pdfg-app .pdfg-card-preview-info p { color: var(--pdfg-muted); font-size: 11px; }
.pdfg-app .pdfg-eyebrow { color: var(--pdfg-blue); font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }

.pdfg-app .pdfg-library-dialog { background: var(--pdfg-surface); }
.pdfg-app .pdfg-library-mount,
.pdfg-app .pdfg-library-workspace {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-width: 0;
	min-height: 0;
}
.pdfg-app .pdfg-library-workspace-tools {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 8px 22px;
	background: var(--pdfg-surface);
	border-bottom: 1px solid var(--pdfg-border-soft);
}
.pdfg-app .pdfg-library-workspace-tools > div:first-child { display: grid; gap: 1px; min-width: 0; }
.pdfg-app .pdfg-library-workspace-tools strong { color: var(--pdfg-navy); font-size: 11px; }
.pdfg-app .pdfg-library-workspace-tools span { color: var(--pdfg-muted); font-size: 9px; }
.pdfg-app .pdfg-library-workspace-tools > div:last-child { display: flex; align-items: center; gap: 12px; flex: 0 0 auto; }
.pdfg-app .pdfg-library-sourcebar {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 8px 22px;
	background: var(--pdfg-surface-soft);
	border-bottom: 1px solid var(--pdfg-border-soft);
}
.pdfg-app .pdfg-library-sourcebar > span { color: var(--pdfg-muted); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.pdfg-app .pdfg-library-sourcebar .pdfg-segment { width: min(100%, 470px); }
.pdfg-app .pdfg-library-workspace.is-editor .pdfg-library-workspace-tools { background: #e8efff; border-bottom-color: #a9bff2; }
.pdfg-app .pdfg-library-workspace.is-editor { width: 100%; max-width: 100%; overflow: hidden; }
.pdfg-app .pdfg-library-workspace.is-editor .pdfg-library-results {
	grid-template-columns: repeat(auto-fill, minmax(150px, 190px));
	grid-auto-rows: max-content;
	justify-content: start;
}
.pdfg-app .pdfg-library-workspace.is-editor .pdfg-picker-card { width: 100%; max-width: 190px; }
.pdfg-app .pdfg-library-workspace.is-editor .pdfg-picker-card__image,
.pdfg-app .pdfg-library-workspace.is-editor .pdfg-picker-card__image img { max-height: 266px; }
.pdfg-app .pdfg-library-workspace.is-editor .pdfg-library-results { padding-right: 12px; padding-left: 12px; }
.pdfg-app .pdfg-library-workspace.is-editor .pdfg-library-primary-filters,
.pdfg-app .pdfg-library-workspace.is-editor .pdfg-library-more { padding-right: 12px; padding-left: 12px; }
.pdfg-app .pdfg-library-workspace.is-editor .pdfg-library-understood,
.pdfg-app .pdfg-library-workspace.is-editor .pdfg-library-resultbar,
.pdfg-app .pdfg-library-workspace.is-editor .pdfg-picker-footer { padding-right: 12px; padding-left: 12px; }
.pdfg-app .pdfg-library-search-panel { flex: 0 0 auto; background: var(--pdfg-surface); border-bottom: 1px solid var(--pdfg-border); }
.pdfg-app .pdfg-library-primary-filters { display: grid; grid-template-columns: 1.2fr 1fr 1.5fr auto auto; align-items: start; gap: 10px; padding: 12px 22px; }
.pdfg-app .pdfg-library-primary-filters .pdfg-field { margin: 0; }
.pdfg-app .pdfg-library-type .pdfg-check { margin: 3px 0 0; }
.pdfg-app .pdfg-library-type .pdfg-check input { width: 16px; min-height: 16px; }
.pdfg-app .pdfg-type-rules { display: grid; gap: 4px; }
.pdfg-app .pdfg-type-rule { display: grid; grid-template-columns: 70px minmax(0, 1fr) 30px; gap: 4px; }
.pdfg-app .pdfg-type-rule select,
.pdfg-app .pdfg-type-rule input { min-height: 36px; padding: 5px 7px; font-size: 10px; }
.pdfg-app .pdfg-type-rule select { font-weight: 850; }
.pdfg-app .pdfg-type-rule select.is-negative { color: var(--pdfg-danger); }
.pdfg-app .pdfg-type-rule button { width: 30px; min-height: 30px; padding: 0; background: transparent; border: 1px solid var(--pdfg-border); border-radius: 7px; color: var(--pdfg-muted); font-size: 16px; }
.pdfg-app .pdfg-library-type > .pdfg-link-button { margin-top: 3px; font-size: 9px; }
.pdfg-app .pdfg-range-field { display: grid; grid-template-columns: 66px auto 66px; align-items: center; gap: 5px; margin: 0; padding: 0; border: 0; }
.pdfg-app .pdfg-range-field legend { margin-bottom: 4px; color: var(--pdfg-muted); font-size: 10px; font-weight: 750; }
.pdfg-app .pdfg-range-field input { width: 66px; min-height: 39px; padding: 7px; text-align: center; }
.pdfg-app .pdfg-library-primary-filters > .pdfg-btn { align-self: end; min-height: 39px; }
.pdfg-app .pdfg-library-more { display: grid; grid-template-columns: repeat(5, minmax(150px, 1fr)); gap: 10px; padding: 0 22px 13px; }
.pdfg-app .pdfg-library-more > fieldset { margin: 0; padding: 0; border: 0; }
.pdfg-app .pdfg-library-more > fieldset legend { margin-bottom: 4px; color: var(--pdfg-muted); font-size: 10px; font-weight: 750; }
.pdfg-app .pdfg-color-pills { display: flex; gap: 3px; }
.pdfg-app .pdfg-color-pills button { width: 30px; height: 30px; padding: 0; background: var(--pdfg-surface-soft); border: 1px solid var(--pdfg-border); border-radius: 50%; color: var(--pdfg-ink); font-size: 10px; font-weight: 850; }
.pdfg-app .pdfg-color-pills button.is-on { background: var(--pdfg-blue); border-color: var(--pdfg-blue); color: #fff; }
.pdfg-app .pdfg-color-pills + select { width: 100%; min-height: 32px; margin-top: 4px; padding: 4px 7px; font-size: 9px; }
.pdfg-app .pdfg-library-understood { padding: 8px 22px; background: var(--pdfg-surface-soft); border-top: 1px solid var(--pdfg-border-soft); color: var(--pdfg-muted); font-size: 10px; }
.pdfg-app .pdfg-library-resultbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 22px; background: var(--pdfg-surface-soft); border-bottom: 1px solid var(--pdfg-border); color: var(--pdfg-muted); font-size: 10px; }
.pdfg-app .pdfg-library-resultbar > div { display: flex; align-items: center; gap: 6px; }
.pdfg-app .pdfg-library-resultbar label { display: flex; align-items: center; gap: 5px; }
.pdfg-app .pdfg-library-resultbar select { width: auto; min-height: 32px; padding: 4px 25px 4px 7px; font-size: 10px; }
.pdfg-app .pdfg-library-results { grid-template-columns: repeat(auto-fill, minmax(175px, 220px)); }

.pdfg-app .pdfg-global-cardback {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 7px 9px;
	align-items: center;
	padding: 9px;
	background: var(--pdfg-surface-soft);
	border: 1px solid var(--pdfg-border);
	border-radius: 10px;
}
.pdfg-app .pdfg-global-cardback__preview { grid-row: 1 / span 2; width: 48px; aspect-ratio: 63 / 88; overflow: hidden; background: #111827; border: 1px solid var(--pdfg-border); border-radius: 6px; }
.pdfg-app .pdfg-global-cardback__preview img { display: block; width: 100%; height: 100%; object-fit: cover; }
.pdfg-app .pdfg-global-cardback__copy { display: grid; gap: 2px; min-width: 0; }
.pdfg-app .pdfg-global-cardback__copy strong { color: var(--pdfg-navy); font-size: 10px; }
.pdfg-app .pdfg-global-cardback__copy span { color: var(--pdfg-muted); font-size: 8px; line-height: 1.35; }
.pdfg-app .pdfg-global-cardback .pdfg-btn { min-height: 30px; padding: 5px 7px; font-size: 8px; }
.pdfg-app .pdfg-global-cardback__actions { display: grid; grid-column: 2; grid-template-columns: 1fr 1fr; gap: 5px; }
.pdfg-app .pdfg-global-cardback #pdfgGlobalCardbackReset { grid-column: 2; }

.pdfg-app .pdfg-my-uploads-dialog {
	display: flex;
	flex-direction: column;
	width: min(97vw, 1280px) !important;
	height: min(90vh, 900px);
	max-height: 90vh;
	padding: 0;
	overflow: hidden;
}

.pdfg-app .pdfg-my-uploads__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	min-height: 68px;
	padding: 13px 22px;
	border-bottom: 1px solid var(--pdfg-border);
}
.pdfg-app .pdfg-my-uploads__head h2 { margin: 0; color: var(--pdfg-navy); font-size: 21px; }
.pdfg-app .pdfg-my-uploads__head p { margin: 4px 0 0; color: var(--pdfg-muted); font-size: 13px; line-height: 1.4; }
.pdfg-app .pdfg-my-uploads__head .pdfg-modal__close { position: static; flex: 0 0 auto; }
.pdfg-app .pdfg-my-uploads__gate { display: grid; flex: 1 1 auto; place-items: center; align-content: center; gap: 9px; padding: 35px; text-align: center; }
.pdfg-app .pdfg-my-uploads__gate[hidden] { display: none !important; }
.pdfg-app .pdfg-my-uploads__gate > div { display: grid; width: 62px; height: 62px; place-items: center; background: var(--pdfg-blue-soft); border-radius: 50%; color: var(--pdfg-blue); font-size: 28px; }
.pdfg-app .pdfg-my-uploads__gate h3 { margin: 4px 0 0; color: var(--pdfg-navy); font-size: 20px; }
.pdfg-app .pdfg-my-uploads__gate p { max-width: 520px; margin: 0 0 7px; color: var(--pdfg-muted); font-size: 13px; line-height: 1.55; }
.pdfg-app .pdfg-my-uploads__browser { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; }
.pdfg-app .pdfg-my-uploads__browser[hidden] { display: none !important; }

.pdfg-app .pdfg-my-uploads__navigation { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; padding: 8px 22px; background: #f7f9fd; border-bottom: 1px solid var(--pdfg-border); }
.pdfg-app #pdfgMyUploadsBreadcrumbs { display: flex; align-items: center; gap: 4px; min-width: 0; overflow-x: auto; }
.pdfg-app #pdfgMyUploadsBreadcrumbs button { padding: 5px 7px; background: transparent; border: 0; border-radius: 5px; color: var(--pdfg-blue-dark); font-size: 13px; font-weight: 800; white-space: nowrap; }
.pdfg-app #pdfgMyUploadsBreadcrumbs button:hover:not(:disabled) { background: var(--pdfg-blue-soft); }
.pdfg-app #pdfgMyUploadsBreadcrumbs button:disabled { color: var(--pdfg-navy); cursor: default; }
.pdfg-app #pdfgMyUploadsBreadcrumbs span { color: var(--pdfg-faint); font-size: 15px; }

.pdfg-app .pdfg-my-uploads__uploadbar { display: grid; grid-template-columns: minmax(170px, 230px) minmax(260px, 1fr) auto; align-items: end; gap: 10px; padding: 11px 22px; background: #eef4ff; border-bottom: 1px solid #cbd9f6; }
.pdfg-app .pdfg-my-uploads__uploadbar label { display: grid; gap: 6px; min-width: 0; color: var(--pdfg-muted); font-size: 12px; font-weight: 800; line-height: 1.25; text-transform: uppercase; }
.pdfg-app .pdfg-my-uploads__uploadbar select,
.pdfg-app .pdfg-my-uploads__uploadbar input[type="file"] { width: 100%; min-height: 42px; padding: 6px 9px; background: #fff; border: 1px solid var(--pdfg-border); border-radius: 7px; color: var(--pdfg-ink); font-size: 13px; }
.pdfg-app .pdfg-my-uploads__uploadbar input::file-selector-button { min-height: 30px; margin-right: 9px; padding: 5px 10px; background: var(--pdfg-blue-soft); border: 0; border-radius: 5px; color: var(--pdfg-blue-dark); font-size: 12px; font-weight: 800; cursor: pointer; }
.pdfg-app .pdfg-my-uploads__uploadbar > .pdfg-btn { min-height: 42px; font-size: 12px; }
.pdfg-app .pdfg-my-uploads__uploadbar > small { grid-column: 1 / -1; color: #596984; font-size: 12px; font-weight: 700; line-height: 1.4; }
.pdfg-app .pdfg-my-uploads__tools { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 8px 22px; border-bottom: 1px solid var(--pdfg-border); }
.pdfg-app .pdfg-my-uploads__tools label { width: min(360px, 100%); }
.pdfg-app .pdfg-my-uploads__tools input { width: 100%; min-height: 40px; padding: 7px 11px; font-size: 13px; }
.pdfg-app .pdfg-my-uploads__tools > span { color: var(--pdfg-muted); font-size: 12px; font-weight: 700; }

.pdfg-app .pdfg-my-uploads__content { flex: 1 1 auto; min-height: 0; padding: 15px 22px 22px; overflow: auto; }
.pdfg-app .pdfg-my-uploads__folders,
.pdfg-app .pdfg-my-uploads__results { display: grid; grid-template-columns: repeat(auto-fill, minmax(145px, 180px)); align-content: start; justify-content: start; gap: 11px; }
.pdfg-app .pdfg-my-uploads__folders:not(:empty) { margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid var(--pdfg-border-soft); }
.pdfg-app .pdfg-my-uploads__group-title { grid-column: 1 / -1; color: var(--pdfg-navy); font-size: 12px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.pdfg-app .pdfg-my-upload-folder { display: flex; align-items: center; gap: 9px; min-width: 0; min-height: 48px; padding: 8px 10px; background: #f7f9fd; border: 1px solid var(--pdfg-border); border-radius: 9px; color: var(--pdfg-ink); text-align: left; }
.pdfg-app .pdfg-my-upload-folder:hover { background: var(--pdfg-blue-soft); border-color: #9db2ec; }
.pdfg-app .pdfg-my-upload-folder > span { color: #e2a92d; font-size: 24px; line-height: .7; transform: rotate(90deg); }
.pdfg-app .pdfg-my-upload-folder strong { overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.pdfg-app .pdfg-my-upload-card { display: grid; grid-template-rows: auto auto; min-width: 0; padding: 0; background: #fff; border: 2px solid transparent; border-radius: 10px; box-shadow: 0 2px 8px rgba(21, 33, 80, .12); color: var(--pdfg-ink); overflow: hidden; text-align: left; }
.pdfg-app .pdfg-my-upload-card:hover { border-color: #8da6e8; transform: translateY(-1px); }
.pdfg-app .pdfg-my-upload-card.is-selected { border-color: #3fbc61; box-shadow: 0 0 0 2px rgba(63, 188, 97, .24), 0 5px 14px rgba(21, 33, 80, .15); }
.pdfg-app .pdfg-my-upload-card__image { display: block; width: 100%; aspect-ratio: 63 / 88; background: #d9e0eb; overflow: hidden; }
.pdfg-app .pdfg-my-upload-card__image img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.pdfg-app .pdfg-my-upload-card__meta { display: grid; gap: 2px; padding: 7px 8px; background: #fff; }
.pdfg-app .pdfg-my-upload-card__meta strong,
.pdfg-app .pdfg-my-upload-card__meta small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pdfg-app .pdfg-my-upload-card__meta strong { color: var(--pdfg-ink); font-size: 13px; }
.pdfg-app .pdfg-my-upload-card__meta small { color: var(--pdfg-muted); font-size: 12px; }
.pdfg-app .pdfg-my-uploads__empty { grid-column: 1 / -1; padding: 48px 20px; color: var(--pdfg-muted); font-size: 13px; text-align: center; }
.pdfg-app .pdfg-my-uploads-dialog > .pdfg-pager { flex: 0 0 auto; min-height: 42px; padding: 7px 22px; border-top: 1px solid var(--pdfg-border); }
.pdfg-app .pdfg-my-uploads-dialog > .pdfg-pager,
.pdfg-app .pdfg-my-uploads-dialog > .pdfg-pager button { font-size: 12px; }
.pdfg-app .pdfg-my-uploads__footer { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 18px; min-height: 58px; padding: 9px 22px; background: #f7f9fd; border-top: 1px solid var(--pdfg-border); }
.pdfg-app .pdfg-my-uploads__footer span { color: var(--pdfg-muted); font-size: 12px; font-weight: 750; }
.pdfg-app .pdfg-my-uploads__navigation > .pdfg-btn,
.pdfg-app .pdfg-my-uploads__gate .pdfg-btn,
.pdfg-app .pdfg-my-uploads__footer .pdfg-btn { font-size: 12px; }

.pdfg-app .pdfg-project-cardback-dialog {
	display: flex;
	flex-direction: column;
	width: min(96vw, 1120px) !important;
	height: min(88vh, 850px);
	max-height: 88vh;
	padding: 0;
	overflow: hidden;
}

.pdfg-app .pdfg-project-cardback-toolbar {
	display: grid;
	grid-template-columns: minmax(240px, 1fr) auto;
	align-items: center;
	gap: 12px;
	padding: 12px 22px;
	background: var(--pdfg-surface-soft);
	border-bottom: 1px solid var(--pdfg-border);
}

.pdfg-app .pdfg-project-cardback-toolbar .pdfg-card-editor__search { width: 100%; }
.pdfg-app .pdfg-project-cardback-toolbar .pdfg-btn { min-height: 39px; }
.pdfg-app .pdfg-project-cardback-toolbar .pdfg-btn svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.pdfg-app .pdfg-project-cardback-upload-actions { display: flex; gap: 7px; }

.pdfg-app .pdfg-project-cardback-resultbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 8px 22px;
	background: #eef4ff;
	border-bottom: 1px solid #c8d8fb;
	color: var(--pdfg-muted);
	font-size: 9px;
}

.pdfg-app .pdfg-project-cardback-resultbar span:last-child { color: #294c98; font-weight: 750; text-align: right; }
.pdfg-app .pdfg-project-cardback-dialog > .pdfg-card-editor__results { flex: 1 1 auto; grid-template-columns: repeat(auto-fill, minmax(145px, 175px)); align-content: start; justify-content: center; min-height: 0; padding: 14px 22px; }
.pdfg-app .pdfg-project-cardback-dialog > .pdfg-card-editor__pager { flex: 0 0 auto; min-height: 48px; padding: 8px 22px; border-top: 1px solid var(--pdfg-border); }

.darkmysite_dark_mode_enabled .pdfg-app .pdfg-global-cardback,
.wp-dark-mode-active .pdfg-app .pdfg-global-cardback { background: #202a3a !important; border-color: #46546a !important; }
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-global-cardback__copy strong,
.wp-dark-mode-active .pdfg-app .pdfg-global-cardback__copy strong { color: #f4f7ff !important; }

.darkmysite_dark_mode_enabled .pdfg-app .pdfg-my-uploads-dialog,
.wp-dark-mode-active .pdfg-app .pdfg-my-uploads-dialog { background: #1b2433 !important; border-color: #3d4a60 !important; color: #edf3ff !important; }
.darkmysite_dark_mode_enabled .pdfg-app :is(.pdfg-my-uploads__head h2, .pdfg-my-uploads__gate h3, .pdfg-my-uploads__group-title, #pdfgMyUploadsBreadcrumbs button:disabled),
.wp-dark-mode-active .pdfg-app :is(.pdfg-my-uploads__head h2, .pdfg-my-uploads__gate h3, .pdfg-my-uploads__group-title, #pdfgMyUploadsBreadcrumbs button:disabled) { color: #f4f7ff !important; }
.darkmysite_dark_mode_enabled .pdfg-app :is(.pdfg-my-uploads__navigation, .pdfg-my-uploads__tools, .pdfg-my-uploads__footer),
.wp-dark-mode-active .pdfg-app :is(.pdfg-my-uploads__navigation, .pdfg-my-uploads__tools, .pdfg-my-uploads__footer) { background: #202a3a !important; border-color: #3d4a60 !important; }
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-my-uploads__uploadbar,
.wp-dark-mode-active .pdfg-app .pdfg-my-uploads__uploadbar { background: #25324a !important; border-color: #46597e !important; }
.darkmysite_dark_mode_enabled .pdfg-app :is(.pdfg-my-uploads__uploadbar select, .pdfg-my-uploads__uploadbar input, .pdfg-my-uploads__tools input),
.wp-dark-mode-active .pdfg-app :is(.pdfg-my-uploads__uploadbar select, .pdfg-my-uploads__uploadbar input, .pdfg-my-uploads__tools input) { background: #151d2b !important; border-color: #52617d !important; color: #f4f7ff !important; }
.darkmysite_dark_mode_enabled .pdfg-app :is(.pdfg-my-upload-folder, .pdfg-my-upload-card, .pdfg-my-upload-card__meta),
.wp-dark-mode-active .pdfg-app :is(.pdfg-my-upload-folder, .pdfg-my-upload-card, .pdfg-my-upload-card__meta) { background: #202a3a !important; border-color: #46546a !important; color: #f4f7ff !important; }
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-my-upload-card__meta strong,
.wp-dark-mode-active .pdfg-app .pdfg-my-upload-card__meta strong { color: #f4f7ff !important; }

.darkmysite_dark_mode_enabled .pdfg-app .pdfg-project-cardback-dialog,
.wp-dark-mode-active .pdfg-app .pdfg-project-cardback-dialog { background: #1b2433 !important; border-color: #3d4a60 !important; color: #edf3ff !important; }
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-project-cardback-toolbar,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-project-cardback-resultbar,
.wp-dark-mode-active .pdfg-app .pdfg-project-cardback-toolbar,
.wp-dark-mode-active .pdfg-app .pdfg-project-cardback-resultbar { background: #202a3a !important; border-color: #3d4a60 !important; }
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-project-cardback-resultbar span:last-child,
.wp-dark-mode-active .pdfg-app .pdfg-project-cardback-resultbar span:last-child { color: #9db7ff !important; }

@media (max-width: 600px) {
	.pdfg-app .pdfg-my-uploads-dialog { width: 100vw !important; height: 100dvh; max-height: 100dvh; border-radius: 0; }
	.pdfg-app .pdfg-my-uploads__head,
	.pdfg-app .pdfg-my-uploads__navigation,
	.pdfg-app .pdfg-my-uploads__tools,
	.pdfg-app .pdfg-my-uploads__footer { padding-right: 13px; padding-left: 13px; }
	.pdfg-app .pdfg-my-uploads__uploadbar { grid-template-columns: 1fr; padding: 10px 13px; }
	.pdfg-app .pdfg-my-uploads__uploadbar > small { grid-column: auto; }
	.pdfg-app .pdfg-my-uploads__content { padding: 12px 13px 18px; }
	.pdfg-app .pdfg-my-uploads__folders,
	.pdfg-app .pdfg-my-uploads__results { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pdfg-app .pdfg-my-uploads__tools { align-items: stretch; flex-direction: column; gap: 5px; }
	.pdfg-app .pdfg-my-uploads__footer { align-items: stretch; flex-direction: column; gap: 6px; }
	.pdfg-app .pdfg-my-uploads__footer .pdfg-btn { width: 100%; }
	.pdfg-app .pdfg-global-cardback__actions { grid-template-columns: 1fr; }
	.pdfg-app .pdfg-project-cardback-upload-actions { align-items: stretch; flex-direction: column; }
	.pdfg-app .pdfg-project-cardback-dialog { width: 100vw !important; height: 100dvh; max-height: 100dvh; border-radius: 0; }
	.pdfg-app .pdfg-project-cardback-toolbar { grid-template-columns: 1fr; padding: 10px 13px; }
	.pdfg-app .pdfg-project-cardback-resultbar { align-items: flex-start; flex-direction: column; gap: 3px; padding: 8px 13px; }
	.pdfg-app .pdfg-project-cardback-resultbar span:last-child { text-align: left; }
	.pdfg-app .pdfg-project-cardback-dialog > .pdfg-card-editor__results { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 10px 13px; }
	.pdfg-app .pdfg-workbar .pdfg-workbar__heading { gap: 6px; }
	.pdfg-app .pdfg-workbar__cardback { min-height: 29px; padding: 4px 7px; font-size: 9px; }
}

.pdfg-app .pdfg-help-dialog { width: min(92vw, 660px); }
.pdfg-app .pdfg-help-dialog dl { display: grid; grid-template-columns: 125px 1fr; gap: 10px 14px; margin: 18px 0 0; }
.pdfg-app .pdfg-help-dialog dt { color: var(--pdfg-navy); font-size: 11px; font-weight: 850; }
.pdfg-app .pdfg-help-dialog dd { margin: 0; color: var(--pdfg-muted); font-size: 11px; }

.pdfg-app .pdfg-library-card-dialog { display: flex; flex-direction: column; width: min(96vw, 1380px); height: min(90vh, 900px); max-height: 90vh; padding: 0; overflow: hidden; }
.pdfg-app .pdfg-library-card-dialog > header { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 22px; border-bottom: 1px solid var(--pdfg-border); }
.pdfg-app .pdfg-library-card-dialog header h2 { margin: 2px 0; color: var(--pdfg-navy); font-size: 21px; }
.pdfg-app .pdfg-library-card-dialog header p { margin: 0; color: var(--pdfg-muted); font-size: 10px; }
.pdfg-app .pdfg-library-card-controls { display: grid; grid-template-columns: minmax(360px, 520px) minmax(170px, 230px) minmax(0, 1fr); align-items: end; gap: 12px; padding: 10px 22px; background: var(--pdfg-surface-soft); border-bottom: 1px solid var(--pdfg-border); }
.pdfg-app .pdfg-library-card-controls .pdfg-segment { width: min(100%, 520px); }
.pdfg-app .pdfg-library-card-controls > span { align-self: center; color: var(--pdfg-blue-dark); font-size: 10px; font-weight: 800; text-align: right; }
.pdfg-app .pdfg-library-edition-sort { display: grid; gap: 4px; margin: 0; color: var(--pdfg-muted); font-size: 9px; font-weight: 800; }
.pdfg-app .pdfg-library-edition-sort select { width: 100%; min-height: 36px; padding: 5px 29px 5px 9px; font-size: 10px; }

.darkmysite_dark_mode_enabled .pdfg-app .pdfg-picker-dialog,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-library-dialog,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-library-card-dialog,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-card-preview-dialog,
.wp-dark-mode-active .pdfg-app .pdfg-picker-dialog,
.wp-dark-mode-active .pdfg-app .pdfg-library-dialog,
.wp-dark-mode-active .pdfg-app .pdfg-library-card-dialog,
.wp-dark-mode-active .pdfg-app .pdfg-card-preview-dialog { background: #1b2433 !important; border-color: #3d4a60 !important; color: #edf3ff !important; }
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-picker-card,
.wp-dark-mode-active .pdfg-app .pdfg-picker-card { background: #202a3a !important; border-color: #46546a !important; }
.darkmysite_dark_mode_enabled .pdfg-app :is(.pdfg-picker-card__quantity input, .pdfg-add-quantity input),
.wp-dark-mode-active .pdfg-app :is(.pdfg-picker-card__quantity input, .pdfg-add-quantity input) {
	background: #151d2b !important;
	border-color: #52617d !important;
	color: #f4f7ff !important;
}
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-picker-card__info strong,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-picker-head h2,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-library-head h2,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-library-card-dialog header h2,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-card-preview-info h2,
.wp-dark-mode-active .pdfg-app .pdfg-picker-card__info strong,
.wp-dark-mode-active .pdfg-app .pdfg-picker-head h2,
.wp-dark-mode-active .pdfg-app .pdfg-library-head h2,
.wp-dark-mode-active .pdfg-app .pdfg-library-card-dialog header h2,
.wp-dark-mode-active .pdfg-app .pdfg-card-preview-info h2 { color: #f4f7ff !important; }
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-picker-toolbar,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-picker-footer,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-library-search-panel,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-library-resultbar,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-library-understood,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-library-card-controls,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-library-workspace-tools,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-library-sourcebar,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-editor-library-mount,
.wp-dark-mode-active .pdfg-app .pdfg-picker-toolbar,
.wp-dark-mode-active .pdfg-app .pdfg-picker-footer,
.wp-dark-mode-active .pdfg-app .pdfg-library-search-panel,
.wp-dark-mode-active .pdfg-app .pdfg-library-resultbar,
.wp-dark-mode-active .pdfg-app .pdfg-library-understood,
.wp-dark-mode-active .pdfg-app .pdfg-library-card-controls,
.wp-dark-mode-active .pdfg-app .pdfg-library-workspace-tools,
.wp-dark-mode-active .pdfg-app .pdfg-library-sourcebar,
.wp-dark-mode-active .pdfg-app .pdfg-editor-library-mount { background: #202a3a !important; border-color: #3d4a60 !important; }
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-library-workspace-tools strong,
.wp-dark-mode-active .pdfg-app .pdfg-library-workspace-tools strong { color: #f4f7ff !important; }

@media (max-width: 900px) {
	.pdfg-app .pdfg-picker-dialog,
	.pdfg-app .pdfg-library-dialog { width: 100vw !important; height: 100dvh; max-height: 100dvh; border-radius: 0; }
	.pdfg-app .pdfg-library-primary-filters { grid-template-columns: 1fr 1fr; }
	.pdfg-app .pdfg-library-primary-filters .pdfg-library-type { grid-column: 1 / -1; }
	.pdfg-app .pdfg-library-more { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pdfg-app .pdfg-picker-toolbar { grid-template-columns: 1fr 130px; }
	.pdfg-app .pdfg-picker-toolbar #pdfgMyCardsReset { grid-column: 1 / -1; }
}

@media (max-width: 600px) {
	.pdfg-app .pdfg-modal--library { padding: 0; }
	.pdfg-app .pdfg-picker-head,
	.pdfg-app .pdfg-library-head { padding: 10px 13px; }
	.pdfg-app .pdfg-library-head > div:first-child .pdfg-link-button { display: none; }
	.pdfg-app .pdfg-library-workspace-tools { align-items: flex-start; padding-right: 13px; padding-left: 13px; }
	.pdfg-app .pdfg-library-workspace-tools > div:first-child span { display: none; }
	.pdfg-app .pdfg-library-sourcebar { align-items: stretch; flex-direction: column; padding-right: 13px; padding-left: 13px; }
	.pdfg-app .pdfg-library-sourcebar .pdfg-segment { width: 100%; }
	.pdfg-app .pdfg-picker-toolbar,
	.pdfg-app .pdfg-library-primary-filters,
	.pdfg-app .pdfg-library-more { grid-template-columns: 1fr; padding-right: 13px; padding-left: 13px; }
	.pdfg-app .pdfg-library-primary-filters .pdfg-library-type { grid-column: auto; }
	.pdfg-app .pdfg-range-field { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
	.pdfg-app .pdfg-range-field input { width: 100%; }
	.pdfg-app .pdfg-category-tabs,
	.pdfg-app .pdfg-card-picker-grid,
	.pdfg-app .pdfg-library-results,
	.pdfg-app .pdfg-picker-footer,
	.pdfg-app .pdfg-library-resultbar { padding-right: 13px; padding-left: 13px; }
	.pdfg-app .pdfg-card-picker-grid,
	.pdfg-app .pdfg-library-results { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
	.pdfg-app .pdfg-picker-footer { flex-wrap: wrap; }
	.pdfg-app .pdfg-picker-footer__add { margin-left: auto; }
	.pdfg-app .pdfg-library-resultbar { align-items: flex-start; flex-direction: column; }
	.pdfg-app .pdfg-library-resultbar > div { flex-wrap: wrap; }
	.pdfg-app .pdfg-card-preview-dialog { grid-template-columns: 1fr; width: min(94vw, 430px); max-height: 92vh; overflow: auto; }
	.pdfg-app .pdfg-card-preview-dialog { padding-top: 58px; }
	.pdfg-app .pdfg-card-preview-image img { max-height: 57vh; }
	.pdfg-app .pdfg-card-preview-info { padding-right: 0; }
	.pdfg-app .pdfg-library-card-controls { align-items: stretch; flex-direction: column; }
	.pdfg-app .pdfg-library-card-controls { grid-template-columns: 1fr; }
	.pdfg-app .pdfg-library-card-controls > span { text-align: left; }
	.pdfg-app .pdfg-editor-browser-launch { grid-template-columns: 1fr; }
	.pdfg-app .pdfg-editor-browser-launch .pdfg-btn { width: 100%; }
	.pdfg-app .pdfg-presence-warning { align-items: flex-start; flex-wrap: wrap; padding: 8px 11px; }
}

/* Dark-mode plugins may rewrite button text independently from the filled
   surface. Keep every dark filled action readable in all interaction states. */
html.wp-dark-mode-active .pdfg-app :is(.pdfg-btn--primary, .pdfg-btn--success, .pdfg-btn--green, .pdfg-btn--export),
html[data-wp-dark-mode-active] .pdfg-app :is(.pdfg-btn--primary, .pdfg-btn--success, .pdfg-btn--green, .pdfg-btn--export),
.darkmysite_dark_mode_enabled .pdfg-app :is(.pdfg-btn--primary, .pdfg-btn--success, .pdfg-btn--green, .pdfg-btn--export),
html.wp-dark-mode-active .pdfg-app :is(.pdfg-btn--primary, .pdfg-btn--success, .pdfg-btn--green, .pdfg-btn--export):hover:not(:disabled),
html[data-wp-dark-mode-active] .pdfg-app :is(.pdfg-btn--primary, .pdfg-btn--success, .pdfg-btn--green, .pdfg-btn--export):hover:not(:disabled),
.darkmysite_dark_mode_enabled .pdfg-app :is(.pdfg-btn--primary, .pdfg-btn--success, .pdfg-btn--green, .pdfg-btn--export):hover:not(:disabled) {
	color: #fff !important;
}

html.wp-dark-mode-active .pdfg-app .pdfg-premium-actions .pdfg-btn--primary,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-premium-actions .pdfg-btn--primary,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-premium-actions .pdfg-btn--primary,
html.wp-dark-mode-active .pdfg-app .pdfg-premium-actions .pdfg-btn--primary:hover,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-premium-actions .pdfg-btn--primary:hover,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-premium-actions .pdfg-btn--primary:hover {
	color: #201600 !important;
}

html.wp-dark-mode-active .pdfg-app .pdfg-btn--ghost:hover:not(:disabled),
html[data-wp-dark-mode-active] .pdfg-app .pdfg-btn--ghost:hover:not(:disabled),
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-btn--ghost:hover:not(:disabled) {
	background: #293750 !important;
	border-color: #65738b !important;
	color: #fff !important;
}

html.wp-dark-mode-active .pdfg-app .pdfg-btn--soft:hover:not(:disabled),
html[data-wp-dark-mode-active] .pdfg-app .pdfg-btn--soft:hover:not(:disabled),
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-btn--soft:hover:not(:disabled),
html.wp-dark-mode-active .pdfg-app .pdfg-pager button:hover:not(:disabled),
html[data-wp-dark-mode-active] .pdfg-app .pdfg-pager button:hover:not(:disabled),
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-pager button:hover:not(:disabled) {
	background: #304a7d !important;
	border-color: #7898d3 !important;
	color: #fff !important;
}

html.wp-dark-mode-active .pdfg-app .pdfg-modal__close,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-modal__close,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-modal__close {
	background: #2a3548 !important;
	border-color: #56657c !important;
	color: #f4f7ff !important;
}

html.wp-dark-mode-active .pdfg-app .pdfg-modal__close:hover,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-modal__close:hover,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-modal__close:hover {
	background: #71383c !important;
	border-color: #b96b70 !important;
	color: #fff !important;
}

html.wp-dark-mode-active .pdfg-app :is(.pdfg-link-button, .pdfg-type-rule button):hover,
html[data-wp-dark-mode-active] .pdfg-app :is(.pdfg-link-button, .pdfg-type-rule button):hover,
.darkmysite_dark_mode_enabled .pdfg-app :is(.pdfg-link-button, .pdfg-type-rule button):hover {
	background: #293750 !important;
	border-color: #65738b !important;
	color: #fff !important;
}

html.wp-dark-mode-active .pdfg-app .pdfg-alignment-slot:hover:not(.is-selected):not(.is-disabled):not([aria-selected="true"]),
html.wp-dark-mode-active .pdfg-app .pdfg-align-slot:hover:not(.is-selected):not(.is-disabled):not([aria-selected="true"]),
html[data-wp-dark-mode-active] .pdfg-app .pdfg-alignment-slot:hover:not(.is-selected):not(.is-disabled):not([aria-selected="true"]),
html[data-wp-dark-mode-active] .pdfg-app .pdfg-align-slot:hover:not(.is-selected):not(.is-disabled):not([aria-selected="true"]),
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-alignment-slot:hover:not(.is-selected):not(.is-disabled):not([aria-selected="true"]),
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-align-slot:hover:not(.is-selected):not(.is-disabled):not([aria-selected="true"]) {
	background: #253657 !important;
	border-color: #75a0ff !important;
	color: #fff !important;
}

.pdfg-app .pdfg-card-editor__faces button,
.pdfg-app .pdfg-card-editor__panel-tabs button,
.pdfg-app .pdfg-card-editor__sources button {
	color: #dce3ee !important;
}

.pdfg-app .pdfg-card-editor__faces button.is-active,
.pdfg-app .pdfg-card-editor__panel-tabs button.is-active,
.pdfg-app .pdfg-card-editor__sources button.is-active,
.pdfg-app .pdfg-card-editor__nav button {
	color: #fff !important;
}

.pdfg-app .pdfg-edition-preview-dialog > .pdfg-modal__close {
	background: rgba(15, 23, 42, .9) !important;
	border-color: rgba(255, 255, 255, .42) !important;
	color: #fff !important;
}

/* The WP dark-mode plugin uses an !important rule with unusually high
   specificity for every button. The app root ID keeps our component colors
   authoritative without affecting buttons elsewhere on the site. */
#pdfgApp.pdfg-app :is(.pdfg-btn--primary, .pdfg-btn--success, .pdfg-btn--green, .pdfg-btn--export),
#pdfgApp.pdfg-app :is(.pdfg-btn--primary, .pdfg-btn--success, .pdfg-btn--green, .pdfg-btn--export):hover:not(:disabled) {
	--wpdm-button-text-color: #fff;
	--wpdm-button-hover-text-color: #fff;
	color: #fff !important;
}

#pdfgApp.pdfg-app .pdfg-premium-actions .pdfg-btn--primary,
#pdfgApp.pdfg-app .pdfg-premium-actions .pdfg-btn--primary:hover {
	--wpdm-button-text-color: #201600;
	--wpdm-button-hover-text-color: #201600;
	color: #201600 !important;
}

#pdfgApp.pdfg-app .pdfg-card-editor__faces button,
#pdfgApp.pdfg-app .pdfg-card-editor__panel-tabs button,
#pdfgApp.pdfg-app .pdfg-card-editor__sources button {
	--wpdm-button-text-color: #dce3ee;
	--wpdm-button-hover-text-color: #dce3ee;
	color: #dce3ee !important;
}

#pdfgApp.pdfg-app .pdfg-card-editor__faces button.is-active,
#pdfgApp.pdfg-app .pdfg-card-editor__panel-tabs button.is-active,
#pdfgApp.pdfg-app .pdfg-card-editor__sources button.is-active,
#pdfgApp.pdfg-app .pdfg-card-editor__nav button,
#pdfgApp.pdfg-app .pdfg-edition-preview-dialog > .pdfg-modal__close {
	--wpdm-button-text-color: #fff;
	--wpdm-button-hover-text-color: #fff;
	color: #fff !important;
}

html.wp-dark-mode-active #pdfgApp.pdfg-app .pdfg-btn--ghost:hover:not(:disabled),
html[data-wp-dark-mode-active] #pdfgApp.pdfg-app .pdfg-btn--ghost:hover:not(:disabled),
.darkmysite_dark_mode_enabled #pdfgApp.pdfg-app .pdfg-btn--ghost:hover:not(:disabled),
html.wp-dark-mode-active #pdfgApp.pdfg-app :is(.pdfg-link-button, .pdfg-type-rule button):hover,
html[data-wp-dark-mode-active] #pdfgApp.pdfg-app :is(.pdfg-link-button, .pdfg-type-rule button):hover,
.darkmysite_dark_mode_enabled #pdfgApp.pdfg-app :is(.pdfg-link-button, .pdfg-type-rule button):hover {
	--wpdm-button-hover-text-color: #fff;
	background: #293750 !important;
	border-color: #65738b !important;
	color: #fff !important;
}

html.wp-dark-mode-active #pdfgApp.pdfg-app .pdfg-btn--soft:hover:not(:disabled),
html[data-wp-dark-mode-active] #pdfgApp.pdfg-app .pdfg-btn--soft:hover:not(:disabled),
.darkmysite_dark_mode_enabled #pdfgApp.pdfg-app .pdfg-btn--soft:hover:not(:disabled),
html.wp-dark-mode-active #pdfgApp.pdfg-app .pdfg-pager button:hover:not(:disabled),
html[data-wp-dark-mode-active] #pdfgApp.pdfg-app .pdfg-pager button:hover:not(:disabled),
.darkmysite_dark_mode_enabled #pdfgApp.pdfg-app .pdfg-pager button:hover:not(:disabled) {
	--wpdm-button-hover-text-color: #fff;
	background: #304a7d !important;
	border-color: #7898d3 !important;
	color: #fff !important;
}

html.wp-dark-mode-active #pdfgApp.pdfg-app .pdfg-modal__close,
html[data-wp-dark-mode-active] #pdfgApp.pdfg-app .pdfg-modal__close,
.darkmysite_dark_mode_enabled #pdfgApp.pdfg-app .pdfg-modal__close {
	--wpdm-button-text-color: #f4f7ff;
	--wpdm-button-hover-text-color: #fff;
	background: #2a3548 !important;
	border-color: #56657c !important;
	color: #f4f7ff !important;
}

html.wp-dark-mode-active #pdfgApp.pdfg-app .pdfg-modal__close:hover,
html[data-wp-dark-mode-active] #pdfgApp.pdfg-app .pdfg-modal__close:hover,
.darkmysite_dark_mode_enabled #pdfgApp.pdfg-app .pdfg-modal__close:hover {
	background: #71383c !important;
	border-color: #b96b70 !important;
	color: #fff !important;
}

#pdfgApp.pdfg-app .pdfg-edition-preview-dialog > .pdfg-modal__close {
	background: rgba(15, 23, 42, .9) !important;
	border-color: rgba(255, 255, 255, .42) !important;
}

html.wp-dark-mode-active #pdfgLibraryToggleSearch#pdfgLibraryToggleSearch:hover,
html[data-wp-dark-mode-active] #pdfgLibraryToggleSearch#pdfgLibraryToggleSearch:hover,
.darkmysite_dark_mode_enabled #pdfgLibraryToggleSearch#pdfgLibraryToggleSearch:hover {
	--wpdm-button-hover-text-color: #fff;
	background: #293750 !important;
	border-color: #65738b !important;
	color: #fff !important;
}

html.wp-dark-mode-active #pdfgApp.pdfg-app .pdfg-modal :is(.pdfg-btn--ghost, .pdfg-btn--soft, .pdfg-link-button),
html[data-wp-dark-mode-active] #pdfgApp.pdfg-app .pdfg-modal :is(.pdfg-btn--ghost, .pdfg-btn--soft, .pdfg-link-button),
.darkmysite_dark_mode_enabled #pdfgApp.pdfg-app .pdfg-modal :is(.pdfg-btn--ghost, .pdfg-btn--soft, .pdfg-link-button) {
	--wpdm-button-text-color: #dce5f5;
	--wpdm-button-hover-text-color: #fff;
	color: #dce5f5 !important;
}

@media (max-width: 1100px) {
	#pdfgApp.pdfg-app .pdfg-appbar {
		grid-template-columns: 104px minmax(0, 1fr);
	}

	#pdfgApp.pdfg-app .pdfg-appbar__title {
		display: flex;
		grid-column: 1;
		grid-row: 1 / span 2;
		justify-content: center;
	}

	#pdfgApp.pdfg-app .pdfg-appbar__title-copy {
		display: none;
	}

	#pdfgApp.pdfg-app .pdfg-appbar__home img {
		width: 96px;
	}

	#pdfgApp.pdfg-app .pdfg-appbar__project {
		grid-column: 2;
		grid-row: 1;
	}

	#pdfgApp.pdfg-app .pdfg-appbar__actions {
		grid-column: 2;
		grid-row: 2;
	}
}

@media (max-width: 480px) {
	#pdfgApp.pdfg-app .pdfg-appbar {
		grid-template-columns: 76px minmax(0, 1fr);
	}

	#pdfgApp.pdfg-app .pdfg-appbar__home img {
		width: 72px;
	}

	#pdfgApp.pdfg-app .pdfg-card-editor__sourcebar {
		align-items: stretch;
		flex-direction: column;
	}

	#pdfgApp.pdfg-app .pdfg-card-editor__upload-shortcut .pdfg-btn {
		width: 100%;
	}
}

@media (min-width: 1101px) and (max-width: 1360px) {
	html.pdfg-browser-opera #pdfgApp.pdfg-app .pdfg-appbar {
		grid-template-columns: 310px minmax(245px, 1fr) max-content !important;
	}

	html.pdfg-browser-opera #pdfgApp.pdfg-app .pdfg-appbar__title p {
		display: none;
	}
}

@media (max-width: 1100px) {
	html.pdfg-browser-opera #pdfgApp.pdfg-app .pdfg-appbar__home img {
		width: 96px !important;
		max-width: 96px !important;
	}
}

@media (max-width: 480px) {
	html.pdfg-browser-opera #pdfgApp.pdfg-app .pdfg-appbar__home img {
		width: 72px !important;
		max-width: 72px !important;
	}
}

/* Final project-header composition -------------------------------------- */
#pdfgApp.pdfg-app .pdfg-appbar {
	grid-template-columns: minmax(250px, auto) minmax(0, 1fr) !important;
	min-height: 68px;
	padding-block: 9px;
}

#pdfgApp.pdfg-app .pdfg-appbar__nav {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 7px;
	min-width: 0;
}

#pdfgApp.pdfg-app .pdfg-appbar__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	margin: 0;
	padding: 7px 11px;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 8px;
	color: #f7f9ff;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .015em;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

#pdfgApp.pdfg-app button.pdfg-appbar__link { cursor: pointer; }
#pdfgApp.pdfg-app .pdfg-appbar__link:hover,
#pdfgApp.pdfg-app .pdfg-appbar__link:focus-visible {
	background: rgba(255, 255, 255, .12);
	border-color: rgba(255, 255, 255, .2);
	color: #fff;
}
#pdfgApp.pdfg-app .pdfg-appbar__premium { color: #ffd968; }
#pdfgApp.pdfg-app .pdfg-appbar__premium:hover { color: #ffe899; }
#pdfgApp.pdfg-app .pdfg-appbar__help {
	background: rgba(255, 255, 255, .1);
	border-color: rgba(255, 255, 255, .2);
}

#pdfgApp.pdfg-app .pdfg-appbar__play-icon {
	display: inline-flex;
	width: 17px;
	height: 17px;
	margin-right: 6px;
	color: #ffd968;
}

#pdfgApp.pdfg-app .pdfg-appbar__play-icon svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.5;
}

#pdfgApp.pdfg-app .pdfg-appbar__play-icon path {
	fill: currentColor;
	stroke: none;
}

#pdfgApp.pdfg-app .pdfg-workspace {
	display: flex;
	flex-direction: column;
	height: 100%;
}

#pdfgApp.pdfg-app .pdfg-project-toolbar {
	position: relative;
	z-index: 18;
	display: grid;
	grid-template-columns: minmax(235px, 1fr) auto;
	align-items: center;
	gap: 12px;
	min-height: 61px;
	padding: 7px 12px;
	background: #253374;
	border-bottom: 1px solid rgba(8, 17, 55, .24);
	box-shadow: 0 3px 10px rgba(21, 33, 80, .14);
	color: #fff;
}

#pdfgApp.pdfg-app .pdfg-project-toolbar .pdfg-appbar__project {
	grid-column: auto;
	grid-row: auto;
	display: grid;
	grid-template-columns: minmax(54px, 25%) minmax(60px, 1fr) auto;
	align-items: center;
	gap: 6px;
	width: 100%;
	overflow: hidden;
}

#pdfgApp.pdfg-app .pdfg-project-toolbar .pdfg-appbar__project input {
	width: 100%;
	max-width: none;
	height: 38px;
	padding: 0 8px;
	background: rgba(255, 255, 255, .07);
	border-color: rgba(255, 255, 255, .12);
	border-radius: 8px;
	color: #fff;
	caret-color: #fff;
	font-size: 12px;
	font-weight: 800;
	text-overflow: ellipsis;
}

#pdfgApp.pdfg-app .pdfg-project-toolbar .pdfg-appbar__project input:focus {
	background: rgba(255, 255, 255, .12);
	border-color: rgba(255, 255, 255, .34);
	color: #fff;
	caret-color: #fff;
}

#pdfgApp.pdfg-app .pdfg-project-toolbar .pdfg-project-meta {
	display: grid;
	align-content: center;
	gap: 3px;
	min-width: 0;
	padding: 0;
	font-size: 9px;
	line-height: 1.15;
}

#pdfgApp.pdfg-app .pdfg-project-toolbar .pdfg-project-meta > span {
	display: block;
	min-width: 0;
	padding: 0;
	background: none;
	border: 0;
	color: #d6def8;
	font: inherit;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#pdfgApp.pdfg-app .pdfg-project-toolbar .pdfg-project-meta > #pdfgCardCount {
	color: #fff;
	font-size: 10px;
	font-weight: 800;
}

#pdfgApp.pdfg-app .pdfg-project-toolbar .pdfg-project-stats {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	min-width: 0;
	margin: 0;
}

#pdfgApp.pdfg-app .pdfg-project-toolbar .pdfg-project-stats > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	min-width: 31px;
	min-height: 28px;
	padding: 4px 5px;
	background: rgba(13, 21, 55, .4);
	border: 1px solid rgba(255, 255, 255, .09);
	border-radius: 999px;
	color: #dbe3ff;
}

#pdfgApp.pdfg-app .pdfg-project-toolbar .pdfg-project-stats > span:last-child {
	color: #ff8c91;
}

#pdfgApp.pdfg-app .pdfg-project-toolbar .pdfg-project-stats svg {
	flex: 0 0 16px;
	width: 16px;
	height: 16px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

#pdfgApp.pdfg-app .pdfg-project-toolbar .pdfg-project-stats b {
	font-size: 10px;
	font-weight: 800;
	line-height: 1;
}

#pdfgApp.pdfg-app .pdfg-project-toolbar .pdfg-appbar__actions {
	position: static;
	grid-column: auto;
	grid-row: auto;
	gap: 4px;
	width: auto;
	overflow: visible;
}

#pdfgApp.pdfg-app .pdfg-project-toolbar #pdfgSaveProject,
#pdfgApp.pdfg-app .pdfg-project-toolbar #pdfgSaveProject.is-saved {
	background: #207654 !important;
	border-color: #175c40 !important;
	box-shadow: 0 2px 6px rgba(6, 47, 31, .24);
	color: #fff !important;
}

#pdfgApp.pdfg-app .pdfg-project-toolbar #pdfgSaveProject:hover:not(:disabled),
#pdfgApp.pdfg-app .pdfg-project-toolbar #pdfgSaveProject.is-saved:hover:not(:disabled) {
	background: #174f39 !important;
	border-color: #123e2d !important;
	color: #fff !important;
}

#pdfgApp.pdfg-app .pdfg-workspace__scroll {
	flex: 1 1 auto;
	height: auto;
}

#pdfgApp.pdfg-app .pdfg-registration-inset small {
	display: flex;
	justify-content: space-between;
	color: var(--pdfg-faint);
	font-size: 9px;
}

#pdfgApp.pdfg-app .pdfg-registration-inset input[type="range"] {
	height: 22px;
	margin: 0;
}

#pdfgApp.pdfg-app .pdfg-card-editor__upload-shortcut .pdfg-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

#pdfgApp.pdfg-app .pdfg-card-editor__upload-shortcut svg {
	flex: 0 0 15px;
	width: 15px;
	height: 15px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.9;
	stroke-linecap: round;
	stroke-linejoin: round;
}

#pdfgApp.pdfg-app .pdfg-project-plan-status {
	display: inline-flex;
	width: fit-content;
	margin: 5px 0 0;
	padding: 4px 8px;
	background: var(--pdfg-blue-soft);
	border: 1px solid #bdcdf4;
	border-radius: 999px;
	color: var(--pdfg-blue-dark);
	font-size: 10px;
	font-weight: 800;
}

/* Saved-project browser: dark-mode plugins otherwise recolor every nested
 * button as a separate blue surface, leaving project names and metadata with
 * insufficient contrast. Own the complete dialog palette so its hierarchy is
 * preserved in both supported dark-mode implementations. */
:is(html.wp-dark-mode-active, html[data-wp-dark-mode-active], .darkmysite_dark_mode_enabled) #pdfgApp.pdfg-app .pdfg-projects-dialog {
	--pdfg-ink: #f8fafc;
	--pdfg-muted: #d5deeb;
	--pdfg-faint: #b9c5d6;
	--pdfg-border: #53657d;
	--pdfg-border-soft: #3d4c61;
	--pdfg-surface-soft: #1f2a3a;
	--pdfg-blue-soft: #173b72;
	--pdfg-blue-dark: #b8d2ff;
	background: #151d2a !important;
	border-color: #53657d !important;
	color: #f8fafc !important;
}

:is(html.wp-dark-mode-active, html[data-wp-dark-mode-active], .darkmysite_dark_mode_enabled) #pdfgApp.pdfg-app .pdfg-projects-head h2 {
	color: #ffffff !important;
}

:is(html.wp-dark-mode-active, html[data-wp-dark-mode-active], .darkmysite_dark_mode_enabled) #pdfgApp.pdfg-app .pdfg-projects-head > div > p:not(.pdfg-project-plan-status),
:is(html.wp-dark-mode-active, html[data-wp-dark-mode-active], .darkmysite_dark_mode_enabled) #pdfgApp.pdfg-app .pdfg-projects-dialog .pdfg-help,
:is(html.wp-dark-mode-active, html[data-wp-dark-mode-active], .darkmysite_dark_mode_enabled) #pdfgApp.pdfg-app .pdfg-projects-dialog .pdfg-pager > span {
	color: #d5deeb !important;
}

:is(html.wp-dark-mode-active, html[data-wp-dark-mode-active], .darkmysite_dark_mode_enabled) #pdfgApp.pdfg-app .pdfg-projects-dialog .pdfg-project-plan-status {
	background: #193963 !important;
	border-color: #75a7f8 !important;
	color: #e2edff !important;
}

:is(html.wp-dark-mode-active, html[data-wp-dark-mode-active], .darkmysite_dark_mode_enabled) #pdfgApp.pdfg-app .pdfg-projects-dialog .pdfg-search-row input {
	background: #0f1724 !important;
	border-color: #718198 !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .28) !important;
	color: #ffffff !important;
	caret-color: #ffffff;
}

:is(html.wp-dark-mode-active, html[data-wp-dark-mode-active], .darkmysite_dark_mode_enabled) #pdfgApp.pdfg-app .pdfg-projects-dialog .pdfg-search-row input::placeholder {
	color: #bdc9da !important;
	opacity: 1;
}

:is(html.wp-dark-mode-active, html[data-wp-dark-mode-active], .darkmysite_dark_mode_enabled) #pdfgApp.pdfg-app .pdfg-projects-dialog .pdfg-search-row input:focus {
	background: #111b2b !important;
	border-color: #8ab4ff !important;
	box-shadow: 0 0 0 3px rgba(104, 155, 255, .3) !important;
}

:is(html.wp-dark-mode-active, html[data-wp-dark-mode-active], .darkmysite_dark_mode_enabled) #pdfgApp.pdfg-app .pdfg-project-row {
	background: #202b3b !important;
	border-color: #53657d !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .18) !important;
}

:is(html.wp-dark-mode-active, html[data-wp-dark-mode-active], .darkmysite_dark_mode_enabled) #pdfgApp.pdfg-app .pdfg-project-row:hover {
	background: #273549 !important;
	border-color: #71839d !important;
}

:is(html.wp-dark-mode-active, html[data-wp-dark-mode-active], .darkmysite_dark_mode_enabled) #pdfgApp.pdfg-app .pdfg-project-row.is-current {
	background: #183b70 !important;
	border-color: #8eb8ff !important;
}

:is(html.wp-dark-mode-active, html[data-wp-dark-mode-active], .darkmysite_dark_mode_enabled) #pdfgApp.pdfg-app .pdfg-project-row.is-current:hover {
	background: #1e477f !important;
}

:is(html.wp-dark-mode-active, html[data-wp-dark-mode-active], .darkmysite_dark_mode_enabled) #pdfgApp.pdfg-app .pdfg-project-row__info,
:is(html.wp-dark-mode-active, html[data-wp-dark-mode-active], .darkmysite_dark_mode_enabled) #pdfgApp.pdfg-app .pdfg-project-row__info:hover,
:is(html.wp-dark-mode-active, html[data-wp-dark-mode-active], .darkmysite_dark_mode_enabled) #pdfgApp.pdfg-app .pdfg-project-row__info:focus {
	background: transparent !important;
	background-image: none !important;
	border-color: transparent !important;
	box-shadow: none !important;
	color: #ffffff !important;
	transform: none !important;
}

:is(html.wp-dark-mode-active, html[data-wp-dark-mode-active], .darkmysite_dark_mode_enabled) #pdfgApp.pdfg-app .pdfg-project-row__info strong {
	color: #ffffff !important;
}

:is(html.wp-dark-mode-active, html[data-wp-dark-mode-active], .darkmysite_dark_mode_enabled) #pdfgApp.pdfg-app .pdfg-project-row__info span {
	color: #d5deeb !important;
}

:is(html.wp-dark-mode-active, html[data-wp-dark-mode-active], .darkmysite_dark_mode_enabled) #pdfgApp.pdfg-app .pdfg-projects-dialog .pdfg-btn--primary {
	background: linear-gradient(180deg, #4779ea, #2857c4) !important;
	border-color: #78a2ff !important;
	color: #ffffff !important;
}

:is(html.wp-dark-mode-active, html[data-wp-dark-mode-active], .darkmysite_dark_mode_enabled) #pdfgApp.pdfg-app .pdfg-projects-dialog .pdfg-btn--primary:hover:not(:disabled) {
	background: linear-gradient(180deg, #5687f4, #3364d4) !important;
	border-color: #9abaff !important;
	color: #ffffff !important;
}

:is(html.wp-dark-mode-active, html[data-wp-dark-mode-active], .darkmysite_dark_mode_enabled) #pdfgApp.pdfg-app .pdfg-project-row__actions .pdfg-btn--ghost {
	background: #28364a !important;
	border-color: #8090a6 !important;
	color: #ffffff !important;
}

:is(html.wp-dark-mode-active, html[data-wp-dark-mode-active], .darkmysite_dark_mode_enabled) #pdfgApp.pdfg-app .pdfg-project-row__actions .pdfg-btn--ghost:hover:not(:disabled) {
	background: #354760 !important;
	border-color: #a7b6ca !important;
	color: #ffffff !important;
}

:is(html.wp-dark-mode-active, html[data-wp-dark-mode-active], .darkmysite_dark_mode_enabled) #pdfgApp.pdfg-app .pdfg-project-row__actions .pdfg-btn--danger-ghost {
	background: #3b252c !important;
	border-color: #d98d96 !important;
	color: #ffdce0 !important;
}

:is(html.wp-dark-mode-active, html[data-wp-dark-mode-active], .darkmysite_dark_mode_enabled) #pdfgApp.pdfg-app .pdfg-project-row__actions .pdfg-btn--danger-ghost:hover:not(:disabled) {
	background: #563039 !important;
	border-color: #ffadb5 !important;
	color: #ffffff !important;
}

:is(html.wp-dark-mode-active, html[data-wp-dark-mode-active], .darkmysite_dark_mode_enabled) #pdfgApp.pdfg-app .pdfg-projects-dialog .pdfg-modal__close {
	background: #263245 !important;
	border-color: #718198 !important;
	color: #ffffff !important;
}

:is(html.wp-dark-mode-active, html[data-wp-dark-mode-active], .darkmysite_dark_mode_enabled) #pdfgApp.pdfg-app .pdfg-projects-dialog .pdfg-modal__close:hover {
	background: #563039 !important;
	border-color: #ffadb5 !important;
	color: #ffffff !important;
}

#pdfgApp.pdfg-app .pdfg-share-mode-premium em {
	display: inline-flex;
	margin-left: 5px;
	padding: 1px 5px;
	background: #73520b;
	border-radius: 999px;
	color: #fff2b5;
	font-size: 8px;
	font-style: normal;
	letter-spacing: .04em;
	text-transform: uppercase;
}

#pdfgApp.pdfg-app .pdfg-share-modes label:has(input:disabled) {
	cursor: not-allowed;
	opacity: .76;
}

#pdfgApp.pdfg-app .pdfg-share-mode-premium a {
	width: fit-content;
	margin-top: 3px;
	color: #7a5400;
	font-size: 9px;
	font-weight: 800;
}

/* Five-step How to use walkthrough. */
#pdfgApp.pdfg-app .pdfg-how-dialog {
	width: min(920px, calc(100vw - 28px));
	padding: 0;
	overflow: hidden;
}

#pdfgApp.pdfg-app .pdfg-how-head {
	padding: 24px 28px 17px;
	background: var(--pdfg-blue-soft);
	border-bottom: 1px solid var(--pdfg-border);
}

#pdfgApp.pdfg-app .pdfg-how-head h2 { margin: 3px 48px 4px 0; font-size: 24px; }
#pdfgApp.pdfg-app .pdfg-how-head p { margin: 0; color: var(--pdfg-muted); }

#pdfgApp.pdfg-app .pdfg-how-video {
	display: grid;
	grid-template-columns: minmax(190px, .72fr) minmax(360px, 1.28fr);
	align-items: center;
	gap: 22px;
	margin: 18px 22px 0;
	padding: 16px;
	background: var(--pdfg-surface-soft);
	border: 1px solid var(--pdfg-border);
	border-radius: 13px;
}

#pdfgApp.pdfg-app .pdfg-how-video__copy h3 {
	margin: 4px 0 7px;
	color: var(--pdfg-navy);
	font-size: 18px;
	line-height: 1.2;
}

#pdfgApp.pdfg-app .pdfg-how-video__copy p {
	margin: 0;
	color: var(--pdfg-muted);
	font-size: 11px;
	line-height: 1.55;
}

#pdfgApp.pdfg-app .pdfg-how-video__player {
	position: relative;
	overflow: hidden;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #070b17;
	border-radius: 10px;
	box-shadow: 0 8px 24px rgba(12, 23, 61, .18);
}

#pdfgApp.pdfg-app .pdfg-how-video__player iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

#pdfgApp.pdfg-app .pdfg-how-tour-prompt {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin: 16px 22px 0;
	padding: 12px 14px;
	background: #fff8e1;
	border: 1px solid #e6c76c;
	border-radius: 10px;
}
#pdfgApp.pdfg-app .pdfg-how-tour-prompt > div { display: grid; gap: 2px; }
#pdfgApp.pdfg-app .pdfg-how-tour-prompt strong { color: var(--pdfg-ink); font-size: 12px; }
#pdfgApp.pdfg-app .pdfg-how-tour-prompt span { color: var(--pdfg-muted); font-size: 10px; }

#pdfgApp.pdfg-app .pdfg-how-steps {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 0;
	padding: 15px 22px 0;
}

#pdfgApp.pdfg-app .pdfg-how-steps button {
	position: relative;
	display: grid;
	justify-items: center;
	gap: 5px;
	padding: 5px 4px 13px;
	background: transparent;
	border: 0;
	border-bottom: 3px solid transparent;
	color: var(--pdfg-muted);
}

#pdfgApp.pdfg-app .pdfg-how-steps b {
	display: grid;
	place-items: center;
	width: 27px;
	height: 27px;
	background: #e9edf5;
	border-radius: 50%;
	font-size: 11px;
}

#pdfgApp.pdfg-app .pdfg-how-steps span { font-size: 10px; font-weight: 800; }
#pdfgApp.pdfg-app .pdfg-how-steps button.is-active { border-bottom-color: var(--pdfg-blue); color: var(--pdfg-blue-dark); }
#pdfgApp.pdfg-app .pdfg-how-steps button.is-active b { background: var(--pdfg-blue); color: #fff; }

#pdfgApp.pdfg-app .pdfg-how-panels { min-height: 250px; padding: 25px 30px; }
#pdfgApp.pdfg-app .pdfg-how-panels > section { display: none; grid-template-columns: 145px minmax(0, 1fr); align-items: center; gap: 28px; }
#pdfgApp.pdfg-app .pdfg-how-panels > section.is-active { display: grid; }
#pdfgApp.pdfg-app .pdfg-how-visual {
	display: grid;
	place-items: center;
	width: 145px;
	height: 175px;
	background: linear-gradient(145deg, #edf2ff, #d5e0ff);
	border: 1px solid #b8c9f5;
	border-radius: 17px;
	box-shadow: inset 0 0 0 9px rgba(255, 255, 255, .56);
	color: var(--pdfg-blue-dark);
	font-size: 52px;
	font-weight: 700;
}
#pdfgApp.pdfg-app .pdfg-how-panels h3 { margin: 0 0 7px; color: var(--pdfg-navy); font-size: 19px; }
#pdfgApp.pdfg-app .pdfg-how-panels p { margin: 0 0 10px; color: var(--pdfg-muted); }
#pdfgApp.pdfg-app .pdfg-how-panels ul { margin: 0; padding-left: 18px; color: var(--pdfg-ink); }
#pdfgApp.pdfg-app .pdfg-how-panels li + li { margin-top: 4px; }

#pdfgApp.pdfg-app .pdfg-how-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 13px 22px;
	background: var(--pdfg-surface-soft);
	border-top: 1px solid var(--pdfg-border);
}
#pdfgApp.pdfg-app .pdfg-how-actions span { color: var(--pdfg-muted); font-size: 10px; font-weight: 800; }

#pdfgApp.pdfg-app .pdfg-tour-target {
	position: relative !important;
	z-index: 10001 !important;
	outline: 4px solid #ffd34f !important;
	outline-offset: 4px !important;
	box-shadow: 0 0 0 9px rgba(47, 91, 216, .35), 0 12px 34px rgba(12, 23, 61, .34) !important;
}

#pdfgApp.pdfg-app .pdfg-guided-tour {
	position: fixed;
	inset: 0;
	z-index: 10003;
	pointer-events: none;
}

#pdfgApp.pdfg-app .pdfg-guided-tour__card {
	position: fixed;
	top: 90px;
	left: 50%;
	width: min(340px, calc(100vw - 24px));
	padding: 18px;
	background: var(--pdfg-surface);
	border: 1px solid #9cb2ec;
	border-radius: 14px;
	box-shadow: 0 20px 55px rgba(9, 21, 63, .34);
	pointer-events: auto;
	transform: translateX(-50%);
}
#pdfgApp.pdfg-app .pdfg-guided-tour__card h2 { margin: 4px 32px 5px 0; color: var(--pdfg-navy); font-size: 18px; }
#pdfgApp.pdfg-app .pdfg-guided-tour__card p { margin: 0 0 14px; color: var(--pdfg-muted); font-size: 11px; }
#pdfgApp.pdfg-app .pdfg-guided-tour__close { position: absolute; top: 8px; right: 9px; display: grid; place-items: center; width: 30px; height: 30px; padding: 0; background: transparent; border: 0; border-radius: 7px; color: var(--pdfg-muted); font-size: 21px; }
#pdfgApp.pdfg-app .pdfg-guided-tour__close:hover { background: var(--pdfg-surface-soft); color: var(--pdfg-ink); }
#pdfgApp.pdfg-app .pdfg-guided-tour__actions { display: flex; justify-content: space-between; gap: 10px; }

@media (max-width: 1100px) {
	#pdfgApp.pdfg-app .pdfg-appbar { grid-template-columns: auto minmax(0, 1fr) !important; }
	#pdfgApp.pdfg-app .pdfg-appbar__title { display: flex !important; }
	#pdfgApp.pdfg-app .pdfg-appbar__title-copy { display: none; }
	#pdfgApp.pdfg-app .pdfg-appbar__nav { overflow-x: auto; scrollbar-width: none; }
	#pdfgApp.pdfg-app .pdfg-project-toolbar { grid-template-columns: minmax(235px, 1fr) auto; }
	#pdfgApp.pdfg-app .pdfg-project-toolbar .pdfg-appbar__actions { grid-column: auto; grid-row: auto; width: auto; overflow-x: auto; }
}

@media (max-width: 1600px) and (min-width: 1361px) {
	#pdfgApp.pdfg-app .pdfg-project-toolbar :is(#pdfgUndo, #pdfgRedo) {
		width: 35px;
		min-width: 35px;
		padding-right: 0;
		padding-left: 0;
		font-size: 0;
	}
	#pdfgApp.pdfg-app .pdfg-project-toolbar #pdfgUndo::after {
		font-size: 16px;
		content: "↶";
	}
	#pdfgApp.pdfg-app .pdfg-project-toolbar #pdfgRedo::after {
		font-size: 16px;
		content: "↷";
	}
}

@media (max-width: 760px) {
	#pdfgApp.pdfg-app .pdfg-appbar { min-height: 54px; padding: 6px 9px; }
	#pdfgApp.pdfg-app .pdfg-appbar__nav { justify-content: flex-start; }
	#pdfgApp.pdfg-app .pdfg-appbar__link { min-height: 32px; padding: 5px 8px; font-size: 9px; }
	#pdfgApp.pdfg-app .pdfg-project-toolbar { grid-template-columns: minmax(0, 1fr); gap: 5px; padding: 6px 9px; }
	#pdfgApp.pdfg-app .pdfg-project-toolbar .pdfg-appbar__project { grid-column: 1; grid-row: 1; }
	#pdfgApp.pdfg-app .pdfg-project-toolbar .pdfg-appbar__actions { grid-column: 1; grid-row: 2; width: 100%; }
	#pdfgApp.pdfg-app .pdfg-how-steps span { display: none; }
	#pdfgApp.pdfg-app .pdfg-how-panels { min-height: 340px; padding: 20px; }
	#pdfgApp.pdfg-app .pdfg-how-panels > section,
	#pdfgApp.pdfg-app .pdfg-how-panels > section.is-active { grid-template-columns: 1fr; gap: 14px; }
	#pdfgApp.pdfg-app .pdfg-how-visual { width: 100%; height: 92px; }
	#pdfgApp.pdfg-app .pdfg-how-tour-prompt { align-items: stretch; flex-direction: column; }
	#pdfgApp.pdfg-app .pdfg-how-video { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
	#pdfgApp.pdfg-app .pdfg-appbar { grid-template-columns: 64px minmax(0, 1fr) !important; gap: 6px; min-height: 66px; }
	#pdfgApp.pdfg-app .pdfg-appbar__home img { width: 64px !important; max-width: 64px !important; }
	#pdfgApp.pdfg-app .pdfg-appbar__nav {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 2px 4px;
		overflow: visible;
	}
	#pdfgApp.pdfg-app .pdfg-appbar__link { min-height: 25px; padding: 2px 4px; font-size: 7.5px; }
	#pdfgApp.pdfg-app .pdfg-appbar__play-icon { width: 13px; height: 13px; margin-right: 3px; }
	#pdfgApp.pdfg-app .pdfg-how-video { gap: 12px; margin: 14px 12px 0; padding: 11px; }
}

/* Opera and shared modal viewport safety ---------------------------------- */

#pdfgApp.pdfg-app .pdfg-modal,
#pdfgApp.pdfg-app .pdfg-modal__dialog {
	box-sizing: border-box;
	min-width: 0;
}

#pdfgApp.pdfg-app .pdfg-modal__dialog {
	max-width: calc(100vw - 48px);
	max-height: calc(100vh - 48px);
	max-height: calc(100dvh - 48px);
}

@media (max-width: 900px) {
	/* Full-workspace dialogs must not retain the desktop modal gutter. At
	 * 601–900px that gutter made a 100vw dialog 24px wider than Opera's frame. */
	#pdfgApp.pdfg-app .pdfg-modal--library,
	#pdfgApp.pdfg-app #pdfgScryfallModal,
	#pdfgApp.pdfg-app .pdfg-modal--my-uploads,
	#pdfgApp.pdfg-app #pdfgProjectCardbackModal,
	#pdfgApp.pdfg-app .pdfg-modal--card-editor,
	#pdfgApp.pdfg-app .pdfg-modal--library-card {
		align-items: stretch;
		padding: 0;
	}

	#pdfgApp.pdfg-app .pdfg-picker-dialog,
	#pdfgApp.pdfg-app .pdfg-library-dialog,
	#pdfgApp.pdfg-app .pdfg-my-uploads-dialog,
	#pdfgApp.pdfg-app .pdfg-project-cardback-dialog,
	#pdfgApp.pdfg-app .pdfg-card-editor,
	#pdfgApp.pdfg-app .pdfg-library-card-dialog {
		width: 100vw !important;
		max-width: 100vw !important;
		height: 100vh !important;
		height: 100dvh !important;
		max-height: 100vh !important;
		max-height: 100dvh !important;
		border-radius: 0;
	}
}

@media (max-width: 600px) {
	/* Keep the tall, stacked Card Browser controls usable without allowing them
	 * to push the result grid or footer outside Opera's dynamic viewport. */
	#pdfgApp.pdfg-app .pdfg-library-search-panel {
		flex: 0 1 auto;
		min-height: 150px;
		max-height: 58vh;
		max-height: 58dvh;
		overflow-y: auto;
		overscroll-behavior: contain;
	}

	#pdfgApp.pdfg-app .pdfg-library-results {
		min-height: 130px;
	}
}

/*
 * Mobile controls repair (2026-08-24)
 * Keep the selected Add/Preview/Settings panel visible and allow the File
 * dropdown to extend beyond the project toolbar on phones and tablets.
 */
@media screen and (max-width: 1100px) {
	#pdfgApp.pdfg-app .pdfg-layout > [data-panel] {
		display: none !important;
	}

	#pdfgApp.pdfg-app:not([data-mobile-view]) .pdfg-layout > [data-panel="add"],
	#pdfgApp.pdfg-app[data-mobile-view="add"] .pdfg-layout > [data-panel="add"],
	#pdfgApp.pdfg-app[data-mobile-view="settings"] .pdfg-layout > [data-panel="settings"],
	#pdfgApp.pdfg-app .pdfg-layout > [data-panel].is-mobile-active {
		display: block !important;
	}

	#pdfgApp.pdfg-app[data-mobile-view="preview"] .pdfg-layout > [data-panel="preview"],
	#pdfgApp.pdfg-app .pdfg-layout > [data-panel="preview"].is-mobile-active {
		display: flex !important;
	}

	#pdfgApp.pdfg-app .pdfg-project-toolbar .pdfg-appbar__actions {
		overflow: visible !important;
	}
}