/* Generated from scoped fragments; do not edit this file. */
:root {
	--qrk-origin-row-height: 45px;
	--qrk-origin-content-inset: 12px;
	--qrk-origin-row-inset: 12px;
	--qrk-origin-scrollbar-reserve: 12px;
	--qrk-origin-scrollbar-size: 8px;
	--qrk-origin-scrollbar-radius: 8px;
	--qrk-origin-scrollbar-track: transparent;
	--qrk-origin-separator-inset: 6px;
	--qrk-origin-space-small: 8px;
	--qrk-origin-space-section: 12px;
	--qrk-origin-space-content: 16px;
	--qrk-origin-default-outline-width: 6px;
	--qrk-origin-default-heavy-outline-width: 12px;

	--qrk-origin-default-border-width: 6px;
	--qrk-origin-default-heavy-border-width: 12px;

	/* #0fc5a7 */
}

/*
.qrk-alert-wrap.qrk-alert-severity-alert 	.qrk-alert-inner { background: #6b9adb; }
.qrk-alert-wrap.qrk-alert-severity-warning 	.qrk-alert-inner { background: #dbad6b; }
.qrk-alert-wrap.qrk-alert-severity-warning 	.qrk-alert-inner { background: #dbbd6b; }
.qrk-alert-wrap.qrk-alert-severity-warning 	.qrk-alert-inner { background: #c1c100; }
.qrk-alert-wrap.qrk-alert-severity-warning 	.qrk-alert-inner { background: #c7c707; }
.qrk-alert-wrap.qrk-alert-severity-warning 	.qrk-alert-inner { background: #c7c70d; }
.qrk-alert-wrap.qrk-alert-severity-warning 	.qrk-alert-inner { background: #eec819; }
.qrk-alert-wrap.qrk-alert-severity-warning 	.qrk-alert-inner { background: #f4c63d; }
.qrk-alert-wrap.qrk-alert-severity-warning 	.qrk-alert-inner { background: #e8c252; }


*/

body:not(.qrk-origin) .qrk-origin {
	display: none !important;
	opacity: 0 !important;
}

/* body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin {
	display: inherit !important;
	opacity: inherit !important;
} */

body.qrk-origin:not(.qrk-origin-auth-suspended) form {
	outline: 8px dashed #666;
	position: relative;
}

body.qrk-origin:not(.qrk-origin-auth-suspended) form::before {
	content: "FORM";
	color: #999;
	background: #00000020;
	font-weight: 800;
	width: calc(100% - 15px);
	display: block;
	padding-right: 15px;
	font-size: 16px;
	position: absolute;
	z-index: 1;
	text-align: right;
}


body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-outline 			{ outline: var(--qrk-origin-default-outline-width) solid #36ffc2 !important; }
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-outline-black 	{ outline: var(--qrk-origin-default-outline-width) solid #000 !important; }
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-outline-white 	{ outline: var(--qrk-origin-default-outline-width) solid #fff !important; }
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-outline-gray	 	{ outline: var(--qrk-origin-default-outline-width) solid #666 !important; }
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-outline-grey	 	{ outline: var(--qrk-origin-default-outline-width) solid #666 !important; }
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-outline-red 		{ outline: var(--qrk-origin-default-outline-width) solid #f00 !important; }
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-outline-green 	{ outline: var(--qrk-origin-default-outline-width) solid #0f0 !important; }
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-outline-blue 		{ outline: var(--qrk-origin-default-outline-width) solid #00f !important; }
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-outline-yellow 	{ outline: var(--qrk-origin-default-outline-width) solid #ff0 !important; }
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-outline-cyan 		{ outline: var(--qrk-origin-default-outline-width) solid #0ff !important; }
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-outline-magenta 	{ outline: var(--qrk-origin-default-outline-width) solid #f0f !important; }

body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-outline.qrk-origin-heavy,
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-outline-black.qrk-origin-heavy,
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-outline-white.qrk-origin-heavy,
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-outline-gray.qrk-origin-heavy,
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-outline-grey.qrk-origin-heavy,
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-outline-red.qrk-origin-heavy,
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-outline-green.qrk-origin-heavy,
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-outline-blue.qrk-origin-heavy,
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-outline-yellow.qrk-origin-heavy,
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-outline-cyan.qrk-origin-heavy,
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-outline-magenta.qrk-origin-heavy {
	outline-width: var(--qrk-origin-default-heavy-outline-width);
}

body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-border 			{ border: var(--qrk-origin-default-border-width) solid #36ffc2 !important; margin:5px;}
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-border-black 		{ border: var(--qrk-origin-default-border-width) solid #000 !important; margin:5px;}
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-border-white 		{ border: var(--qrk-origin-default-border-width) solid #fff !important; margin:5px;}
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-border-gray	 	{ border: var(--qrk-origin-default-border-width) solid #666 !important; margin:5px;}
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-border-grey	 	{ border: var(--qrk-origin-default-border-width) solid #666 !important; margin:5px;}
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-border-red 		{ border: var(--qrk-origin-default-border-width) solid #f00 !important; margin:5px;}
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-border-green 		{ border: var(--qrk-origin-default-border-width) solid #0f0 !important; margin:5px;}
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-border-blue 		{ border: var(--qrk-origin-default-border-width) solid #00f !important; margin:5px;}
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-border-yellow 	{ border: var(--qrk-origin-default-border-width) solid #ff0 !important; margin:5px;}
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-border-cyan 		{ border: var(--qrk-origin-default-border-width) solid #0ff !important; margin:5px;}
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-border-magenta 	{ border: var(--qrk-origin-default-border-width) solid #f0f !important; margin:5px;}

body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-border.qrk-origin-heavy,
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-border-black.qrk-origin-heavy,
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-border-white.qrk-origin-heavy,
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-border-gray.qrk-origin-heavy,
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-border-grey.qrk-origin-heavy,
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-border-red.qrk-origin-heavy,
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-border-green.qrk-origin-heavy,
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-border-blue.qrk-origin-heavy,
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-border-yellow.qrk-origin-heavy,
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-border-cyan.qrk-origin-heavy,
body.qrk-origin:not(.qrk-origin-auth-suspended) .qrk-origin-border-magenta.qrk-origin-heavy {
	border-width: var(--qrk-origin-default-heavy-border-width) !important;
}



/* Quark Origin window */
.qrk-origin-menu {
	--qrk-origin-font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--qrk-origin-mono: "SFMono-Regular", Menlo, Consolas, monospace;
	/* Admin palette aliases with frontend fallbacks. */
	--qrk-origin-ink: var(--qrk-color-ink, #29384b);
	--qrk-origin-text: var(--qrk-color-text, #526174);
	--qrk-origin-muted: var(--qrk-color-muted, #68778a);
	--qrk-origin-line: var(--qrk-color-line, #e0e5eb);
	--qrk-origin-white: var(--qrk-color-white, #ffffff);
	--qrk-origin-canvas: var(--qrk-color-canvas, #f3f5f7);
	--qrk-origin-surface: var(--qrk-color-surface, #edf1f5);
	--qrk-origin-green: var(--qrk-color-accent, #087f98);
	--qrk-origin-selected: color-mix(in srgb, var(--qrk-origin-green) 10%, var(--qrk-origin-white));
	--qrk-origin-heading: var(--qrk-origin-ink);
	--qrk-origin-content-background: var(--qrk-origin-canvas);
	position: fixed !important;
	inset: auto 0 0 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: none !important;
	min-height: 0 !important;
	max-height: 100dvh !important;
	overflow: hidden !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 0 !important;
	background: transparent !important;
	color: var(--qrk-origin-ink) !important;
	border: 0 !important;
	border-radius: 14px 14px 0 0 !important;
	transition: border-top-left-radius .25s ease, border-top-right-radius .25s ease, opacity .25s ease;
	font: 13px/1.4 var(--qrk-origin-font) !important;
	box-shadow: 0 -8px 36px rgb(41 56 75 / 18%) !important;
	z-index: 2147483647 !important;
}
.qrk-origin-menu, .qrk-origin-menu * { font-family: var(--qrk-origin-font) !important; }
/* Suppress inherited theme rings; palette focus indicators follow below. */
.qrk-origin-menu:where(:focus, :focus-visible, :focus-within),
.qrk-origin-menu :where(:focus, :focus-visible, :focus-within):where(:not(.qrk-origin-status-bar .qrk-badge)),
.qrk-origin-action:where(:focus, :focus-visible, :focus-within) { outline: none !important; }
.qrk-origin-menu :where(:focus, :focus-visible, :focus-within):where(:not(.qrk-origin-status-bar .qrk-badge)),
.qrk-origin-action:where(:focus, :focus-visible, :focus-within) { box-shadow: none !important; }

/* Keep scroll gestures inside Origin scroll containers at either boundary. */
.qrk-origin-window, .qrk-origin-window * { overscroll-behavior: contain; }
.qrk-origin-menu .qrk-origin-button,
.qrk-origin-menu .qrk-origin-tab {
	all: initial;
	box-sizing: border-box;
	border: 0;
	border-radius: 5px;
	background: transparent;
	color: var(--qrk-origin-text);
	font: 13px/1.4 var(--qrk-origin-font);
	cursor: pointer;
	white-space: nowrap;
	outline: none !important;
	outline-offset: -1px;
}
.qrk-origin-menu .qrk-origin-button {
	display: block;
	width: 100%;
	padding: 8px 12px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.qrk-origin-menu .qrk-origin-focus-fill:hover,
.qrk-origin-menu .qrk-origin-focus-fill:focus:not(.qrk-origin-pointer-focus),
.qrk-origin-menu .qrk-origin-button[aria-pressed="true"],
.qrk-origin-menu .qrk-origin-button[aria-expanded="true"] { background: var(--qrk-origin-selected); }
/* Tracked selection is explicit; focus alone must not look selected. */
.qrk-origin-menu .qrk-origin-tracked-list .qrk-origin-button:focus:not([aria-pressed="true"]) { background: transparent; }
.qrk-origin-menu .qrk-origin-tracked-list .qrk-origin-button[aria-pressed="true"] { color: var(--qrk-origin-ink); }
.qrk-origin-menu .qrk-origin-tracked-list .qrk-origin-button:focus-visible { outline: 1px solid var(--qrk-origin-muted) !important; }
.qrk-origin-menu .qrk-origin-button:disabled {
	opacity: .4 !important;
	filter: none !important;
	color: var(--qrk-origin-ink) !important;
	-webkit-text-fill-color: var(--qrk-origin-ink) !important;
	cursor: default;
	background: transparent;
}
.qrk-origin-menu .qrk-origin-button:disabled[aria-expanded="true"] {
	opacity: 1 !important;
	background: var(--qrk-origin-selected);
}
.qrk-origin-menu .qrk-origin-tab:hover,
.qrk-origin-menu .qrk-origin-status .qrk-origin-action:hover,
.qrk-origin-menu .qrk-origin-alt-focus {
	outline: 1px solid var(--qrk-origin-muted) !important;
	outline-offset: -1px !important;
}
.qrk-origin-menu .qrk-origin-panel { position: relative; z-index: 1; min-width: 0; flex: 1; height: 100%; overflow: auto; }
.qrk-origin-menu .qrk-origin-heading { padding: 8px 12px; color: var(--qrk-origin-heading); font-size: 12px; font-weight: bold; line-height: 1.4; }
.qrk-origin-menu .qrk-origin-submenu { border-left: 1px solid var(--qrk-origin-line); padding-left: 6px; }
.qrk-origin-menu .qrk-origin-surface { position: absolute; inset: 0; z-index: 0; background: transparent; border-radius: inherit; pointer-events: none; }
.qrk-origin-menu .qrk-origin-tabs { display: flex; flex: 1;
	gap: 4px;
	gap: 5px;
	overflow-x: auto; overflow-y: hidden; position: relative; z-index: 1; }
.qrk-origin-menu .qrk-origin-tab-row {
	background: var(--qrk-origin-white);

	/* border-bottom: 1px solid var(--qrk-origin-line); */
	/* padding: 0 0 6px 0; */
	padding: 20px 6px 0; display: flex; align-items: center; flex: none; gap: 12px; position: relative; z-index: 1; min-width: 0; }
.qrk-origin-menu .qrk-origin-content { padding: 0; margin: 0; border: 0; position: relative; z-index: 1; flex: 1 1 0; min-height: 0; overflow: hidden; display: flex; gap: 6px; background: transparent; }
/* Each tab owns its surface; Playground supplies separate pane backgrounds. */
.qrk-origin-menu .qrk-origin-tab-content { box-sizing: border-box; border: 6px solid transparent; background: var(--qrk-origin-tab-background, var(--qrk-origin-content-background)); background-clip: border-box; }
/* Paint the surrounding inset with each tab surface instead of leaving transparent gaps.
   All tabs keep their spacing inside the painted header; Playground keeps separate pane surfaces. */
.qrk-origin-menu .qrk-origin-tab-content.qrk-origin-playground { border: 0; }
.qrk-origin-menu .qrk-origin-tab-row {
	padding-bottom: 12px;
	padding-bottom: 7px;
	padding-top: 22px;
}
/* Cover subpixel rasterization seams between independently painted surfaces. */
.qrk-origin-menu .qrk-origin-tab-row::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--qrk-origin-line); pointer-events: none; }
.qrk-origin-menu .qrk-origin-tab-row { z-index: 2; }
.qrk-origin-menu .qrk-origin-elements-view { flex: 1; min-width: 0; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
.qrk-origin-menu .qrk-origin-element-navigation { display: flex; gap: 6px; min-width: 0; min-height: 0; }
.qrk-origin-menu .qrk-origin-look-pane { border-left: 1px solid var(--qrk-origin-line); padding-left: 12px; }
.qrk-origin-menu .qrk-origin-snapshots details { margin: 8px 0; }
.qrk-origin-menu .qrk-origin-snapshots summary { cursor: pointer; padding: 6px; overflow-wrap: anywhere; }
.qrk-origin-menu .qrk-origin-snapshots summary:hover,
.qrk-origin-menu .qrk-origin-snapshots summary:focus-visible { background: var(--qrk-origin-selected); outline: 1px solid var(--qrk-origin-muted) !important; }
.qrk-origin-menu .qrk-origin-snapshot-diff { margin: 6px; white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; color: inherit; }
.qrk-origin-menu .qrk-origin-tab {
	padding: 8px 16px;
	/* padding: 4px 8px; */
	color: var(--qrk-origin-text);
	display: flex;
	align-items: baseline;
	line-height: normal;
}
.qrk-origin-menu .qrk-origin-tab-icon { display: inline; margin-right: .4em; }
.qrk-origin-menu .qrk-origin-tab-icon > .qrk-ui-icon { display: inline-block; }
.qrk-origin-menu .qrk-origin-tab-mnemonic { text-decoration: underline; }
.qrk-origin-menu .qrk-origin-tab-divider {
	flex: 0 0 1.5px;
	width: 1.5px;
	height: 2.5em;
	align-self: center;
	margin: 0 3px;
	background: #465362;
	pointer-events: none;
}
.qrk-origin-menu .qrk-origin-tab[aria-selected="true"] { background: var(--qrk-origin-selected); color: var(--qrk-origin-ink); }
.qrk-origin-menu .qrk-origin-placeholder { display: flex; flex: 1; min-height: 0; overflow: auto; padding: 12px; flex-direction: column; align-items: flex-start; }
.qrk-origin-menu .qrk-origin-status {
	position: relative;
	z-index: 1;
	flex: none;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 18px;
	min-height: 28px;
	box-sizing: border-box;
	margin: 0;
	padding: 4px 12px;
	background: var(--qrk-origin-surface);
	color: var(--qrk-origin-ink);
	white-space: nowrap;
	overflow-x: auto;
	font-size: 12px;
	line-height: 1.4;
	border-radius: 0;
}
.qrk-origin-menu .qrk-origin-clock { display: grid;

	grid-template-columns: repeat(3, max-content) 57.6px 80px;


	align-items: center;

	column-gap: 8px;

	margin-left: auto; flex: none; font-variant-numeric: tabular-nums;
		position: absolute;
		right: 10px;

}
.qrk-origin-menu .qrk-origin-clock-mode-group {
	all: unset;
	display: grid;
	grid-template-columns: 14px 6ch;
	justify-content: start;
	align-items: center;
	column-gap: 8px;
	width: 80px;
	box-sizing: border-box;
	border-left: 1px solid color-mix(in srgb, var(--qrk-origin-muted) 30%, transparent);
	font-size: 12px;
	color: inherit;
	cursor: pointer;
	opacity: .8;
	padding-left: 8px;
}
.qrk-origin-menu .qrk-origin-clock-mode-group > .qrk-origin-clock-mode { justify-self: start; opacity: 1; }
.qrk-origin-menu .qrk-origin-clock-mode-group > span:last-child { justify-self: start; text-align: left; }
.qrk-origin-menu .qrk-origin-clock-mode-group:hover { opacity: 1; }
.qrk-origin-menu .qrk-origin-clock-mode-group:focus-visible { outline: 1px solid currentColor; outline-offset: 2px; }

/* Keep ticking descendants from replacing the native tooltip's hover target. */
.qrk-origin-menu .qrk-origin-clock > :not(.qrk-origin-clock-mode-group),
.qrk-origin-menu .qrk-origin-clock-mode-group * { pointer-events: none !important; }
.qrk-origin-menu .qrk-origin-clock [hidden] { display: none !important; }
.qrk-origin-menu .qrk-origin-clock-icon { all: unset; display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 18px; color: inherit; cursor: pointer; opacity: .8; font-size: 14px; }
.qrk-origin-menu .qrk-origin-clock > span {
	font-size: 12px;
}
.qrk-origin-menu .qrk-origin-clock-icon:focus-visible { outline: 1px solid currentColor; outline-offset: 2px; }
.qrk-origin-menu .qrk-origin-scroll-percent { font-size: 10px; opacity: .65; color: var(--qrk-origin-ink); margin-left: 6px; }
.qrk-origin-window .qrk-origin-status-bar .qrk-origin-action {
	display: inline-flex;
	width: fit-content !important;
	min-width: 0 !important;
	flex: 0 0 auto !important;
	padding: 0 4px;
	margin-left: auto !important;
	color: var(--qrk-origin-ink);
	text-decoration: none;
	background: transparent !important;
}
.qrk-origin-menu .qrk-origin-menu-resize { position: absolute; top: 0; left: 0; right: 0; height: 14px; z-index: 2; cursor: ns-resize; touch-action: none; background: transparent; transition: background 100ms ease; }
.qrk-origin-menu .qrk-origin-menu-resize:hover { --qrk-origin-resize-current-bg: var(--qrk-origin-bar-background); background: var(--qrk-origin-resize-current-bg); }
.qrk-origin-menu .qrk-origin-menu-resize:active,
.qrk-origin-menu .qrk-origin-menu-resize.qrk-origin-resizing { --qrk-origin-resize-current-bg: color-mix(in srgb, var(--qrk-origin-bar) 78%, #ffffff); background: var(--qrk-origin-resize-current-bg); }
.qrk-origin-menu[data-qrk-origin-collapsed="true"] { padding: 0 !important; background: transparent !important; box-shadow: none !important; }
.qrk-origin-menu[data-qrk-origin-collapsed="true"] .qrk-origin-tab-row,
.qrk-origin-menu[data-qrk-origin-collapsed="true"] .qrk-origin-content,
.qrk-origin-menu[data-qrk-origin-collapsed="true"] .qrk-origin-menu-resize { display: none; }
.qrk-origin-menu[data-qrk-origin-collapsed="true"] .qrk-origin-status { margin: 0; }
.qrk-origin-menu .qrk-origin-feedback { float: right; margin-left: 12px; color: #167b76; font-size: 12px; line-height: 1.4; opacity: 0; transition: opacity 120ms ease; pointer-events: none; }
.qrk-origin-menu .qrk-origin-feedback.qrk-origin-failed { color: #a33d43; }
.qrk-origin-menu .qrk-origin-feedback.qrk-origin-feedback-visible { opacity: 1; }
.qrk-origin-menu .qrk-origin-option-row { display: block; padding: 8px 12px; color: var(--qrk-origin-ink); font-size: 13px; line-height: 1.4; }
.qrk-origin-menu .qrk-origin-option-control { box-sizing: border-box; max-width: 100%; padding: 4px; color: var(--qrk-origin-ink); background: var(--qrk-origin-white); border: 1px solid var(--qrk-origin-green); border-radius: 0; font: inherit; outline: none !important; }
.qrk-origin-menu .qrk-origin-category { font-weight: bold; }
.qrk-origin-menu .qrk-origin-category-arrow,
.qrk-origin-menu .qrk-origin-options-indicator,
.qrk-origin-menu .qrk-origin-drill-hint { float: right; margin-left: 12px; }
.qrk-origin-menu .qrk-origin-menu-tracked-indicator { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: #167b76; vertical-align: middle; }
.qrk-origin-menu .qrk-origin-options-indicator,
.qrk-origin-menu .qrk-origin-drill-arrow { color: var(--qrk-origin-muted); -webkit-text-fill-color: var(--qrk-origin-muted); }
.qrk-origin-menu .qrk-origin-option-active { color: var(--qrk-origin-ink); -webkit-text-fill-color: var(--qrk-origin-ink); }
.qrk-origin-menu .qrk-origin-element-row { position: relative; }
.qrk-origin-menu .qrk-origin-has-children { padding-right: 36px; }
.qrk-origin-menu .qrk-origin-drill-arrow { position: absolute; right: 12px; top: 8px; }
.qrk-origin-menu .qrk-origin-message { padding: 8px 12px; color: var(--qrk-origin-heading); }
.qrk-origin-menu .qrk-origin-picker-heading { padding: 12px 12px 4px; color: var(--qrk-origin-heading); }
.qrk-origin-menu .qrk-origin-empty { padding: 8px 12px; color: var(--qrk-origin-muted); }
.qrk-origin-menu .qrk-origin-menu-highlight {
	all: initial !important;
	position: fixed !important;
	display: block !important;
	pointer-events: none !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	outline: 4px solid #00FBFF !important;
	z-index: -1 !important;
}
html.qrk-origin-picking, html.qrk-origin-picking * { cursor: crosshair !important; }
.qrk-origin-window .qrk-origin-tab-content:focus,
.qrk-origin-window .qrk-origin-tab-content:focus-visible { outline: none !important; }
.qrk-origin-window .qrk-origin-console-layout { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); flex: 1; width: 100%; min-width: 0; min-height: 0; gap: 0; padding: 0; }
.qrk-origin-window .qrk-origin-console-pane { display: flex; flex-direction: column; grid-column: 1; grid-row: 1; min-width: 0; min-height: 0; margin: 0; overflow: hidden; background: var(--qrk-origin-white) !important; }
.qrk-origin-window .qrk-origin-console-pane > .qrk-origin-heading { margin: 0; flex: none; }
.qrk-origin-window .qrk-origin-console-log { grid-column: 2; background: var(--qrk-origin-white) !important; border-left: 1px solid var(--qrk-origin-line); }
.qrk-origin-window .qrk-origin-console-output,
.qrk-origin-window .qrk-origin-log-output { flex: 1; min-height: 0; overflow: auto; padding: 8px 12px; white-space: pre-wrap; overflow-wrap: anywhere; }
.qrk-origin-window .qrk-origin-console-output > div { margin-bottom: 12px; }
.qrk-origin-window .qrk-origin-console-command { color: var(--qrk-origin-heading); }
.qrk-origin-window .qrk-origin-console-prompt { display: flex; flex: none; align-items: flex-start; gap: 16px; margin: 0; padding: 8px 12px; }
.qrk-origin-window .qrk-origin-console-prompt > label { margin: 0; color: var(--qrk-origin-heading); font: inherit; }
.qrk-origin-window .qrk-origin-console-input {
	all: unset;
	box-sizing: border-box !important;
	display: block;
	flex: 1;
	min-width: 0 !important;
	min-height: 1.4em !important;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	font: inherit;
	line-height: 1.4;
	color: var(--qrk-origin-ink);
	caret-color: var(--qrk-origin-ink);
	background: transparent !important;
	border: 0 !important;
	outline: none !important;
	box-shadow: none !important;
	resize: none;
	overflow-y: auto;
	white-space: pre-wrap;
}
.qrk-origin-menu [hidden] { display: none !important; }
.qrk-origin-menu #qrk-origin-view-navigator { overflow: hidden; }
.qrk-origin-menu .qrk-origin-navigator-layout { display: grid; grid-template-columns: minmax(160px, 240px) minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); column-gap: var(--qrk-origin-space-section); row-gap: 0; width: 100%; flex: 1; min-height: 0; }
.qrk-origin-menu .qrk-origin-navigator-results { display: flex; flex-direction: column; min-width: 0; min-height: 0; overflow: hidden; }
.qrk-origin-menu .qrk-origin-navigator-results-scroll { flex: 1; min-height: 0; overflow: auto; padding: 0 1px; }
.qrk-origin-menu .qrk-origin-navigator-results-scroll::after { content: ""; display: block; height: 20px; }
.qrk-origin-menu .qrk-origin-navigator-recap,
.qrk-origin-menu .qrk-origin-navigator-search-header { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 8px; flex: none; padding: 0 4px; margin-bottom: 0; border-bottom: 1px solid var(--qrk-origin-line); }
.qrk-origin-menu .qrk-origin-navigator-summary { min-width: 0; flex: 1; text-align: left; font-size: 11px; overflow-wrap: anywhere; }
.qrk-origin-menu .qrk-origin-action-group { display: flex; align-items: center; gap: 6px; margin-left: auto; font-size: 11px; color: var(--qrk-origin-muted); }
.qrk-origin-menu .qrk-origin-navigator-sort { flex-wrap: wrap; }
.qrk-origin-menu .qrk-origin-text-action { text-transform: uppercase; box-sizing: border-box; width: auto; padding: 1px 2px; border: 0; border-block: 1px solid transparent; border-radius: 0; font: 400 11px/1.4 var(--qrk-origin-font); color: var(--qrk-origin-muted); background: transparent; cursor: pointer; user-select: none; transition: color .25s ease; }
/* Trim the final link only when its group ends the row; keep normal spacing before a trailing button. */
.qrk-origin-menu .qrk-origin-action-group:last-child > .qrk-origin-text-action:last-child { padding-inline-end: 0; margin-inline-end: 0; }
.qrk-origin-menu .qrk-origin-window-hide {
	flex: none;
	width: auto;
	padding: 4px 10px;
	padding: 0;
	/* margin-left: auto; */
	font-size: 36px;
	opacity: 0.50;
	margin: 0 15px;
	width: 30px;
	height: 30px;
	line-height: 1;
	text-align: center;
	padding-top: 1px;


}
.qrk-origin-menu .qrk-origin-window-hide:hover { opacity: 1; color: #fff; outline: none !important; }
.qrk-origin-menu .qrk-origin-navigator-layout.qrk-origin-navigator-refining { grid-template-columns: minmax(160px, 240px) minmax(140px, 210px) minmax(0, 1fr); }
.qrk-origin-menu .qrk-origin-navigator-refinement { display: grid; grid-template-rows: minmax(0, 1fr) auto minmax(0, 1fr); min-height: 0; min-width: 0; padding-right: 12px; border-right: 1px solid var(--qrk-origin-line); }
.qrk-origin-menu .qrk-origin-navigator-refinement[hidden],
.qrk-origin-menu .qrk-origin-navigator-summary[hidden] { display: none !important; }
.qrk-origin-menu .qrk-origin-navigator-term-section { display: flex; flex-direction: column; min-height: 0; min-width: 0; }
.qrk-origin-menu .qrk-origin-navigator-taxonomy-join { display: flex; justify-content: center; padding: 8px 0; margin: 8px 0; border-block: 1px solid var(--qrk-origin-line); }
.qrk-origin-menu .qrk-origin-navigator-term-section > .qrk-origin-navigator-header { gap: 8px; flex-wrap: wrap; }
.qrk-origin-menu .qrk-origin-navigator-logic { display: inline-flex; align-items: center; gap: 3px; flex: none; }
.qrk-origin-menu .qrk-origin-navigator-term-section > .qrk-origin-navigator-header > .qrk-origin-navigator-logic { margin-right: -6px; }
.qrk-origin-menu .qrk-origin-navigator-logic .qrk-origin-button:focus-visible { outline: none !important; color: var(--qrk-origin-ink); }
.qrk-origin-menu .qrk-origin-navigator-logic .qrk-origin-button { display: inline-flex; align-items: center; justify-content: center; text-align: center; flex: none; width: auto; min-width: 3.5em; white-space: nowrap; text-overflow: clip; padding: 3px 5px; font-size: 10px; color: var(--qrk-origin-green); background: var(--qrk-origin-selected); border-radius: 999px; }
.qrk-origin-menu .qrk-origin-navigator-terms { display: flex; flex-direction: column; gap: 8px; flex: 1; min-height: 0; overflow: auto; padding: 1px; }
.qrk-origin-menu .qrk-origin-navigator-terms .qrk-origin-button { flex: none; white-space: normal; overflow-wrap: anywhere; }
.qrk-origin-menu .qrk-origin-navigator-terms .qrk-origin-button:hover,
.qrk-origin-menu .qrk-origin-navigator-terms .qrk-origin-button:focus-visible:not(.qrk-origin-pointer-focus) { outline: 1px solid var(--qrk-origin-muted) !important; }
@media (max-width: 599px) { .qrk-origin-menu .qrk-origin-navigator-layout.qrk-origin-navigator-refining { grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(0, 2fr); } }
.qrk-origin-menu .qrk-origin-navigator-header { display: flex; align-items: center; justify-content: space-between; flex: none; padding: 0 1px; margin-bottom: 0; border-bottom: 1px solid var(--qrk-origin-line); }
/* One header rhythm for Places, taxonomy sections, and both results modes. */
.qrk-origin-menu .qrk-origin-navigator-header,
.qrk-origin-menu .qrk-origin-navigator-recap,
.qrk-origin-menu .qrk-origin-navigator-search-header {
 box-sizing: border-box;
 min-height: var(--qrk-origin-row-height);
 padding: 0 4px;
 font-size: 11px;
 line-height: 1.4;
}
.qrk-origin-menu .qrk-origin-navigator-header .qrk-origin-navigator-edit { flex: none; width: max-content; white-space: nowrap; overflow: visible; padding: 4px; font-size: 11px; color: var(--qrk-origin-text); }
/* Align Edit/Save with the full Places header edge. */
.qrk-origin-menu .qrk-origin-navigator-sidebar > .qrk-origin-navigator-header { justify-content: flex-start; gap: 8px; overflow: visible; scrollbar-gutter: auto; padding-right: 0; }
.qrk-origin-menu .qrk-origin-navigator-sidebar > .qrk-origin-navigator-header .qrk-origin-navigator-edit { font-size: 10px; }
.qrk-origin-menu .qrk-origin-navigator-sidebar > .qrk-origin-navigator-header > .qrk-origin-navigator-icon { margin-left: auto; margin-right: 0; font-size: 16px; }
.qrk-origin-menu .qrk-origin-navigator-sidebar :is(.qrk-origin-navigator-icon, .qrk-origin-favorites-icon) {
 display: inline-block; width: 14px; height: 14px; font-size: 14px; line-height: 1; margin-right: 10px;
}
.qrk-origin-menu .qrk-origin-navigator-sidebar :is(.qrk-origin-navigator-icon, .qrk-origin-favorites-icon) > .qrk-fa-icon {
 width: 100%; height: auto; font-size: inherit;
}
.qrk-origin-menu .qrk-origin-navigator-type-name :is(.qrk-origin-navigator-icon, .qrk-origin-favorites-icon) { color: var(--qrk-origin-ink); }
.qrk-origin-menu .qrk-origin-navigator-visibility { position: relative; display: flex; align-items: center; gap: 6px; padding: 8px 12px; flex: none; font-size: 11px; }
.qrk-origin-menu .qrk-origin-navigator-visibility-label > span { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.qrk-origin-menu .qrk-origin-navigator-visibility-label { display: flex; align-items: center; gap: 6px; width: 100%; min-width: 0; }

.qrk-origin-menu .qrk-origin-navigator-visibility[hidden],
.qrk-origin-menu .qrk-origin-navigator-filters .qrk-origin-button[hidden] { display: none !important; }
.qrk-origin-menu .qrk-origin-navigator-sidebar { padding-right: 12px; border-right: 1px solid var(--qrk-origin-line); display: flex; flex-direction: column; min-width: 0; min-height: 0; overflow: hidden; }
.qrk-origin-menu .qrk-origin-navigator-filters { flex: 1; display: flex; flex-direction: column; gap: 8px; min-width: 0; min-height: 0; overflow-x: hidden; overflow-y: auto; padding: 1px; }
.qrk-origin-menu .qrk-origin-navigator-filters .qrk-origin-button { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 8px; align-items: baseline; flex: none; width: 100%; white-space: normal; overflow-wrap: anywhere; }
.qrk-origin-menu .qrk-origin-navigator-statuses { justify-content: space-around; display: flex; flex-wrap: wrap; flex: none; gap: 4px; margin-top: 0; padding: 0 1px; min-height: var(--qrk-origin-row-height); box-sizing: border-box; border-top: 1px solid var(--qrk-origin-line); }
.qrk-origin-menu .qrk-origin-navigator-statuses .qrk-origin-button { width: auto; padding: 4px; font-size: 11px; color: var(--qrk-origin-muted); background: transparent; }
.qrk-origin-menu .qrk-origin-navigator-statuses .qrk-origin-button[aria-pressed="true"] {
 color: var(--qrk-origin-green);
 background: transparent;
}
.qrk-origin-menu .qrk-origin-navigator-statuses .qrk-origin-button:focus-visible { outline: 1px solid var(--qrk-origin-muted) !important; }
.qrk-origin-menu .qrk-origin-navigator-item[data-qrk-origin-post-status="publish"] { background: #80808026; }
.qrk-origin-menu .qrk-origin-navigator-filters .qrk-origin-button:hover,
.qrk-origin-menu .qrk-origin-navigator-filters .qrk-origin-button:focus { outline: 1px solid var(--qrk-origin-muted) !important; }
.qrk-origin-menu :is(.qrk-origin-navigator-filters, .qrk-origin-navigator-terms) .qrk-origin-button[aria-pressed="true"] {
 background: color-mix(in srgb, var(--qrk-origin-green) 25%, var(--qrk-origin-surface));
 color: var(--qrk-origin-ink);
}
.qrk-origin-menu .qrk-origin-navigator-count { color: var(--qrk-origin-ink); justify-self: end; white-space: nowrap; font-size: 11px; }
.qrk-origin-menu .qrk-origin-navigator-total { padding-left: 24px; grid-column: 1 / -1; color: var(--qrk-origin-muted); font-size: 10px; }
.qrk-origin-menu .qrk-origin-navigator-meta { display: grid; grid-template-columns: minmax(0, 1fr) auto;

	/* align-items: baseline;  */

	gap: 8px; margin-top: 3px; font-size: 11px; }
.qrk-origin-menu .qrk-origin-navigator-meta:has(> .qrk-origin-navigator-path) { grid-template-columns: 18px minmax(0, 1fr); column-gap: 8px; min-height: 18px; }
.qrk-origin-menu .qrk-origin-navigator-id,
.qrk-origin-menu .qrk-origin-navigator-path { color: var(--qrk-origin-muted); min-width: 0; }
.qrk-origin-menu {

	--quark-copyable-hover-color: var(--qrk-origin-green);
	--quark-copyable-hover-opacity: .5;


	--quark-copyable-success-background: #167b76;
	--quark-copyable-success-background: #167b76;

	--quark-copyable-success-color: var(--qrk-origin-ink); }
.qrk-origin-menu .qrk-origin-copy { justify-self: start; position: relative; overflow: visible; flex: 0 1 auto; width: auto; min-width: 0; padding: 0; font-size: 11px; color: var(--qrk-origin-muted); white-space: normal; overflow-wrap: anywhere; }
.qrk-origin-menu .qrk-origin-copy.qrk-origin-navigator-title { font-size: 13px; color: var(--qrk-origin-text); }
.qrk-origin-menu .qrk-origin-navigator-details { margin-top: 0; line-height: 1.2; }
.qrk-origin-menu .qrk-origin-navigator-id-value { display: inline-grid; grid-template-columns: auto minmax(0, 1fr) 0; justify-self: start; align-items: baseline; }
.qrk-origin-menu .qrk-origin-navigator-card-header { display: grid; align-content: start; min-width: 0; }
.qrk-origin-menu .qrk-origin-navigator-intro { display: grid; grid-template-columns: 45px minmax(0, 1fr); gap: 10px; align-items: start; min-width: 0; }
.qrk-origin-menu .qrk-origin-navigator-intro-text { display: grid; align-content: start; min-width: 0; }
.qrk-origin-menu .qrk-origin-navigator-thumbnail { display: block; box-sizing: border-box; width: 45px; height: 45px; max-width: none; object-fit: cover; border-radius: 10px; border: 1px solid var(--qrk-origin-line); }
.qrk-origin-menu .qrk-origin-navigator-card-header:has(.qrk-origin-navigator-path)::after { content: ""; display: block; height: 1px; margin-top: 10px; background: var(--qrk-origin-line); opacity: .6; pointer-events: none; }
.qrk-origin-menu .qrk-origin-navigator-metadata { display: grid; grid-auto-rows: auto; align-content: start; padding-top: 10px; min-width: 0; }
.qrk-origin-menu .qrk-origin-navigator-taxonomies { display: grid; gap: 3px; margin-bottom: 10px; min-width: 0; }
.qrk-origin-menu .qrk-origin-navigator-taxonomies::after { content: ""; display: block; height: 1px; margin-top: 7px; background: var(--qrk-origin-line); opacity: .6; pointer-events: none; }
.qrk-origin-menu .qrk-origin-navigator-taxonomy-row { display: grid; grid-template-columns: 18px minmax(0, 1fr); column-gap: 8px; align-items: baseline; font-size: 11px; color: var(--qrk-origin-muted); }
.qrk-origin-menu .qrk-origin-navigator-taxonomy-row > .qrk-origin-navigator-icon { display: inline-flex; justify-content: center; width: 18px; margin-right: 0; }
.qrk-origin-menu .qrk-origin-navigator-taxonomy-value { min-width: 0; overflow-wrap: anywhere; }
.qrk-origin-menu .qrk-origin-navigator-taxonomy-value a { color: inherit; text-decoration: none; }
.qrk-origin-menu .qrk-origin-navigator-taxonomy-value a:is(:hover, :focus-visible) { color: var(--qrk-origin-ink); text-decoration: underline; }
.qrk-origin-menu .qrk-origin-navigator-taxonomy-empty { color: var(--qrk-origin-muted); opacity: .5; font-style: italic; }
.qrk-origin-menu .qrk-origin-navigator-id-label { white-space: pre; color: var(--qrk-origin-muted); }
.qrk-origin-menu .qrk-origin-navigator-order-row { margin-top: 0; line-height: 1.2; }
.qrk-origin-menu .qrk-origin-navigator-order { color: var(--qrk-origin-muted); }
.qrk-origin-menu .qrk-origin-navigator-dates { margin-left: auto; text-align: right; white-space: nowrap; color: var(--qrk-origin-muted); }
.qrk-origin-menu .qrk-origin-navigator-pages { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; width: 100%; }
.qrk-origin-menu .qrk-origin-navigator-item { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto minmax(min-content, 1fr) auto; padding: 8px 12px; border-radius: 5px; min-width: 0; overflow-wrap: anywhere; }
.qrk-origin-menu .qrk-origin-navigator-special { color: var(--qrk-origin-green); margin-right: .6em; }
.qrk-origin-menu .qrk-origin-navigator-status-label { margin-left: auto; white-space: nowrap; font-size: 10px; font-style: italic; color: var(--qrk-origin-muted); }
.qrk-origin-menu .qrk-origin-navigator-links { position: relative; display: grid; grid-template-columns: auto auto auto minmax(0, 1fr); align-items: baseline; column-gap: 15px; margin-top: 10px; padding-top: 10px; }
.qrk-origin-menu .qrk-origin-navigator-links::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: var(--qrk-origin-line); opacity: .6; pointer-events: none; }
.qrk-origin-menu .qrk-origin-navigator-links .qrk-origin-navigator-status-label { grid-column: 4; grid-row: 1; justify-self: end; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; min-width: 0; white-space: normal; text-align: right; }
.qrk-origin-menu .qrk-origin-navigator-status-label > .qrk-origin-navigator-icon { grid-column: 2; grid-row: 1; }
.qrk-origin-menu .qrk-origin-navigator-special { grid-column: 1; grid-row: 1; }
.qrk-origin-menu .qrk-origin-group-toggle,
.qrk-origin-menu .qrk-origin-reveal-hidden,
.qrk-origin-menu .qrk-origin-navigator-links a { font-size: 11px; color: var(--qrk-origin-text); text-decoration: none; background: transparent; }
.qrk-origin-menu .qrk-origin-group-toggle:hover,
.qrk-origin-menu .qrk-origin-group-toggle:focus-visible,
.qrk-origin-menu .qrk-origin-reveal-hidden:hover,
.qrk-origin-menu .qrk-origin-reveal-hidden:focus-visible,
.qrk-origin-menu .qrk-origin-navigator-links a:hover,
.qrk-origin-menu .qrk-origin-navigator-links a:focus-visible { color: var(--qrk-origin-green); text-decoration: underline; }
/* Each breakpoint = columns × 247px card width + (columns - 1) × 16px gap.
   Calibrated to approximately 50px between Edit and the favorite star. */
.qrk-origin-menu .qrk-origin-navigator-results-scroll { container: qrk-origin-navigator-results / inline-size; }
@container qrk-origin-navigator-results (min-width: 530px) {
 .qrk-origin-menu .qrk-origin-navigator-pages { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container qrk-origin-navigator-results (min-width: 793px) {
 .qrk-origin-menu .qrk-origin-navigator-pages { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@container qrk-origin-navigator-results (min-width: 1056px) {
 .qrk-origin-menu .qrk-origin-navigator-pages { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@container qrk-origin-navigator-results (min-width: 1319px) {
 .qrk-origin-menu .qrk-origin-navigator-pages { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
.qrk-origin-menu .qrk-origin-navigator-results-scroll,
.qrk-origin-menu .qrk-origin-navigator-filters,
.qrk-origin-menu .qrk-origin-navigator-terms { padding-right: 12px; scrollbar-gutter: stable; }
.qrk-origin-menu .qrk-origin-navigator-refinement,
.qrk-origin-menu .qrk-origin-navigator-terms { overflow-x: hidden; }
/* Resolve theme-dependent scrollbar colors inside Origin, not on the page root. */
.qrk-origin-window { --qrk-origin-scrollbar-thumb: var(--qrk-color-border, #526174); --qrk-origin-scrollbar-hover: var(--qrk-origin-muted); }
.qrk-origin-window, .qrk-origin-window * { scrollbar-width: thin; scrollbar-color: var(--qrk-origin-scrollbar-thumb) var(--qrk-origin-scrollbar-track); }
.qrk-origin-window::-webkit-scrollbar, .qrk-origin-window ::-webkit-scrollbar { width: var(--qrk-origin-scrollbar-size); height: var(--qrk-origin-scrollbar-size); }
.qrk-origin-window::-webkit-scrollbar-track, .qrk-origin-window ::-webkit-scrollbar-track { background: var(--qrk-origin-scrollbar-track); }
.qrk-origin-window::-webkit-scrollbar-thumb, .qrk-origin-window ::-webkit-scrollbar-thumb { background: var(--qrk-origin-scrollbar-thumb); border: 2px solid transparent; background-clip: padding-box; border-radius: var(--qrk-origin-scrollbar-radius); }
.qrk-origin-window::-webkit-scrollbar-thumb:hover, .qrk-origin-window ::-webkit-scrollbar-thumb:hover { background-color: var(--qrk-origin-scrollbar-hover); }
.qrk-origin-window::-webkit-scrollbar-corner, .qrk-origin-window ::-webkit-scrollbar-corner { background: transparent; }
.qrk-origin-menu .qrk-origin-navigator-title-row { grid-template-columns: minmax(0, 1fr); align-items: baseline; }
.qrk-origin-menu .qrk-origin-navigator-title-row + .qrk-origin-navigator-meta,
.qrk-origin-menu .qrk-origin-navigator-intro + .qrk-origin-navigator-meta { margin-top: 7px; }
.qrk-origin-menu .qrk-origin-favorite { position: static; grid-column: 3; grid-row: 1; justify-self: end; align-self: start; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; margin: 0; padding: 0; font-size: 24px; line-height: 1; text-align: center; color: var(--qrk-origin-muted); }
.qrk-origin-menu .qrk-origin-favorite[aria-pressed="false"]:hover { color: var(--qrk-origin-ink); }
.qrk-origin-menu .qrk-origin-favorite[aria-pressed="true"] { color: #796016; background: transparent; }
.qrk-origin-menu .qrk-origin-favorite-group { grid-column: 1 / -1; min-width: 0; }
.qrk-origin-menu .qrk-origin-favorite-group + .qrk-origin-favorite-group { margin-top: 12px; }
.qrk-origin-menu .qrk-origin-favorite-group[data-qrk-origin-collapsed="true"]:not([data-qrk-origin-animating="true"]) + .qrk-origin-favorite-group[data-qrk-origin-collapsed="true"]:not([data-qrk-origin-animating="true"]) { margin-top: 0; }
.qrk-origin-menu .qrk-origin-navigator-icon { display: inline; flex: none; margin-right: .4em; font-style: normal; }
.qrk-origin-menu .qrk-origin-navigator-meta > .qrk-origin-navigator-icon { margin-right: 0; color: var(--qrk-origin-muted); }
/* Equal icon containers align title, URL, and slug text. */
.qrk-origin-menu .qrk-origin-navigator-card-header .qrk-origin-navigator-meta > .qrk-origin-navigator-icon { display: inline-flex; justify-content: center; width: 18px; margin-right: 0; }
.qrk-origin-menu .qrk-origin-navigator-meta > .qrk-origin-navigator-icon[data-qrk-icon="fas-link"] { transform: translateY(2px); }
.qrk-origin-menu .qrk-origin-navigator-meta > .qrk-origin-navigator-icon[data-qrk-icon="fas-slug"] > .qrk-ui-icon,
.qrk-origin-menu .qrk-origin-navigator-meta > .qrk-origin-navigator-icon[data-qrk-icon="fas-slug"] > .qrk-ui-icon > svg { width: 18px; height: 18px; }
.qrk-origin-menu .qrk-origin-navigator-title-row > .qrk-origin-navigator-icon { font-size: 13px; color: var(--qrk-origin-text); }
.qrk-origin-menu .qrk-origin-navigator-links a { white-space: nowrap; }
.qrk-origin-menu .qrk-origin-close-x { display: inline-flex; align-items: center; justify-content: center; }
.qrk-origin-menu .qrk-origin-close-x > .qrk-ui-icon { width: 28px; height: 28px; }
.qrk-origin-menu .qrk-origin-favorites-label { display: inline; white-space: nowrap; }
.qrk-origin-menu .qrk-origin-favorites-icon { display: inline; margin-right: .25em; color: inherit; }
.qrk-origin-menu .qrk-origin-navigator-dates > .qrk-origin-navigator-icon { font-size: 14px; }
.qrk-origin-menu .qrk-origin-navigator-status-label > .qrk-origin-navigator-icon { font-size: 15px; margin-right: 0; }
.qrk-origin-menu .qrk-origin-navigator-statuses .qrk-origin-navigator-icon { font-size: 14px; margin-right: 6px; }
.qrk-origin-menu .qrk-origin-navigator-status-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.qrk-origin-menu .qrk-origin-favorite > .qrk-ui-icon { width: 15px; height: 15px; font-size: 15px; vertical-align: 0; pointer-events: none; }
.qrk-origin-menu .qrk-origin-navigator-item { outline: none !important; }
.qrk-origin-menu .qrk-origin-reveal-hidden { display: inline; width: auto; padding: 0; font-size: inherit; }
.qrk-origin-menu .qrk-origin-hidden-footer { grid-column: 1 / -1; text-align: center; font-size: 11px; }
.qrk-origin-menu .qrk-origin-favorite-group > .qrk-origin-navigator-header { justify-content: flex-start; gap: 10px; margin-bottom: 0; }
.qrk-origin-menu .qrk-origin-favorite-group .qrk-origin-group-name:focus-visible { outline: none !important; color: var(--qrk-origin-green); }
.qrk-origin-menu .qrk-origin-normally-hidden { font-size: 11px; font-style: italic; color: var(--qrk-origin-muted); }
.qrk-origin-menu .qrk-origin-group-count { font-size: 11px; color: var(--qrk-origin-muted); }
.qrk-origin-menu .qrk-origin-group-name[aria-expanded],
.qrk-origin-menu .qrk-origin-group-name:hover,
.qrk-origin-menu .qrk-origin-group-name:focus { width: auto; padding: 0; font: inherit; color: var(--qrk-origin-ink); background: transparent; text-decoration: none; cursor: pointer; }
.qrk-origin-menu .qrk-origin-group-toggle { flex: none; width: auto; padding: 0; margin-left: auto; }
.qrk-origin-menu .qrk-origin-group-toggle[aria-expanded] { background: transparent; }
.qrk-origin-menu .qrk-origin-favorite-group[data-qrk-origin-collapsed="true"]:not([data-qrk-origin-animating="true"]) > .qrk-origin-navigator-header { margin-bottom: 0; }
/* Playground: three editor rows and a horizontally resizable preview. */
.qrk-origin-menu .qrk-origin-playground { --qrk-origin-tab-background: transparent; display: grid; grid-template-columns: minmax(140px, var(--qrk-origin-playground-split, 36%)) 10px minmax(140px, 1fr); gap: 0; padding: 0; overflow: auto; }
.qrk-origin-menu .qrk-origin-playground[hidden] { display: none; }
.qrk-origin-menu .qrk-origin-playground-editors { display: grid; grid-template-rows: repeat(3, minmax(0, 1fr)); min-height: 0; min-width: 0; }
.qrk-origin-menu .qrk-origin-playground-pane,
.qrk-origin-menu .qrk-origin-playground-preview { position: relative; display: flex; flex-direction: column; min-height: 0; min-width: 0;

	overflow: hidden;


	background: transparent; }
.qrk-origin-menu .qrk-origin-playground-pane + .qrk-origin-playground-pane { border-top: 1px solid var(--qrk-origin-line); }
.qrk-origin-menu .qrk-origin-playground .qrk-origin-heading { flex: none; margin: 0; padding: 5px 10px; font-size: 12px; background: var(--qrk-origin-glass); }
.qrk-origin-menu .qrk-origin-playground textarea { flex: 1; min-height: 0; width: 100%; padding: 8px; background: transparent; color: var(--qrk-origin-ink); border: 0; resize: none; }
.qrk-origin-menu .qrk-origin-playground .CodeMirror { flex: 1; min-height: 0; height: auto; font-size: 13px; line-height: 1.4; background: transparent; color: var(--qrk-origin-ink); }
.qrk-origin-menu .qrk-origin-playground .CodeMirror textarea { min-width: 0; padding: 0; }
.qrk-origin-menu .qrk-origin-playground .CodeMirror-gutters { background: var(--qrk-origin-glass); border-right: 1px solid var(--qrk-origin-line); }
.qrk-origin-menu .qrk-origin-playground .CodeMirror-scrollbar-filler,
.qrk-origin-menu .qrk-origin-playground .CodeMirror-gutter-filler { background: var(--qrk-origin-canvas); }
.qrk-origin-menu .qrk-origin-playground .CodeMirror-linenumber { color: var(--qrk-origin-muted); }
.qrk-origin-menu .qrk-origin-playground .CodeMirror-cursor { border-left-color: var(--qrk-origin-ink); }
.qrk-origin-menu .qrk-origin-playground .CodeMirror-selected { background: #087f9826; }
.qrk-origin-menu .qrk-origin-playground .cm-comment { color: var(--qrk-origin-muted); }
.qrk-origin-menu .qrk-origin-playground .cm-keyword,
.qrk-origin-menu .qrk-origin-playground .cm-tag { color: #75569c; }
.qrk-origin-menu .qrk-origin-playground .cm-string,
.qrk-origin-menu .qrk-origin-playground .cm-string-2 { color: #167b76; }
.qrk-origin-menu .qrk-origin-playground .cm-number,
.qrk-origin-menu .qrk-origin-playground .cm-atom { color: #985317; }
.qrk-origin-menu .qrk-origin-playground .cm-def,
.qrk-origin-menu .qrk-origin-playground .cm-property,
.qrk-origin-menu .qrk-origin-playground .cm-attribute { color: #087f98; }
.qrk-origin-menu .qrk-origin-playground .cm-variable-2,
.qrk-origin-menu .qrk-origin-playground .cm-builtin { color: #796016; }
.qrk-origin-menu .qrk-origin-playground .cm-operator,
.qrk-origin-menu .qrk-origin-playground .cm-meta { color: #a33d43; }
.qrk-origin-menu .qrk-origin-playground-stage { display: flex; flex: 1; min-height: 0; overflow: hidden; color: var(--qrk-origin-text); font-size: 12px; }
.qrk-origin-menu .qrk-origin-playground-divider {
 cursor: col-resize;
 touch-action: none;
 --qrk-origin-resize-fill: var(--qrk-origin-glass);
 background-color: var(--qrk-origin-resize-fill);
 background-image: none;
 border: 0;
 box-shadow: none;
 /* Crossing tracks swap solid/gradient paint together; interpolating the
    background color briefly paints beneath the gradient and creates a flash. */
 transition: none;
}
.qrk-origin-menu .qrk-origin-playground-divider:hover,
.qrk-origin-menu .qrk-origin-playground-divider:focus-visible,
.qrk-origin-menu .qrk-origin-playground-divider.is-resize-active { --qrk-origin-resize-fill: var(--qrk-origin-bar); background-color: var(--qrk-origin-resize-fill); }
.qrk-origin-menu .qrk-origin-playground-resizing { user-select: none; }
.qrk-origin-window .qrk-origin-tab-content.qrk-origin-playground { flex: 1 1 0; align-self: stretch; width: 100%; height: 100%; min-height: 0; max-width: none; grid-template-rows: minmax(0, 1fr); box-sizing: border-box; }
/* Shared Origin action row: Navigator and Playground use identical geometry. */
.qrk-origin-menu .qrk-origin-toolbar { box-sizing: border-box; display: flex; align-items: center; justify-content: flex-start; flex: none; gap: 12px; height: var(--qrk-origin-row-height); min-height: var(--qrk-origin-row-height); padding: 0 1px; margin: 0; border-bottom: 1px solid var(--qrk-origin-line); }
.qrk-origin-menu .qrk-origin-playground-actions { background: var(--qrk-origin-glass); }
.qrk-origin-menu .qrk-origin-btn[aria-disabled="true"] { cursor: default; }
.qrk-origin-menu .qrk-origin-playground-status::before { content: ""; width: 10px; height: 10px; border: 2px solid color-mix(in srgb, var(--qrk-origin-green) 25%, transparent); border-top-color: var(--qrk-origin-green); border-radius: 50%; animation: qrk-origin-busy-spin .8s linear infinite; }
.qrk-origin-menu .qrk-origin-playground-actions > [hidden] { display: none; }
@keyframes qrk-origin-busy-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .qrk-origin-menu .qrk-origin-playground-status::before { animation: none; } }
.qrk-origin-menu .qrk-origin-playground-rendered { flex: 1; width: 100%; height: 100%; min-width: 0; min-height: 0; border: 0; background: rgb(255 255 255 / 93%); color: #000; overflow: auto; }
.qrk-origin-menu .qrk-origin-playground-html { background: transparent; flex: 1; min-width: 0; min-height: 0; box-sizing: border-box; margin: 0; padding: 12px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--qrk-origin-ink); font-size: 13px; }
.qrk-origin-menu .qrk-origin-playground [hidden] { display: none !important; }
.qrk-origin-menu .qrk-origin-playground [inert] { opacity: 1; }
.qrk-origin-menu .qrk-origin-text-action:is([aria-checked="true"], [aria-pressed="true"]) { color: var(--qrk-origin-green); }
.qrk-origin-menu .qrk-origin-playground-both { display: grid; grid-template-columns: minmax(0, var(--qrk-origin-playground-preview-split, 50%)) 10px minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); }
.qrk-origin-menu .qrk-origin-playground-empty { background: transparent; display: flex; flex: 1; align-items: center; justify-content: center; color: var(--qrk-origin-text); }
.qrk-origin-menu .qrk-origin-playground-pane > .qrk-origin-heading {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0;
	padding-left: 0;
	padding-right: 4px;
	border-bottom: 0;
	border-right: 1px solid var(--qrk-origin-line);
}
.qrk-origin-menu .qrk-origin-playground-dirty { position:relative;flex:0 0 10px;width:10px;height:10px;margin:0 10px;border-radius:50%;background:#167b76;opacity:.25; }
.qrk-origin-menu .qrk-origin-playground-dirty.is-dirty { opacity: 1; }

.qrk-origin-menu .qrk-origin-playground-resizing iframe { pointer-events: none; }
/* End Quark Origin window */


.qrk-origin-menu .qrk-origin-playground-source { display: flex; flex-direction: column; flex: 1; min-width: 0; min-height: 0; }
.qrk-origin-menu .qrk-origin-playground-source-header { flex: none; margin: 0 12px; padding: 8px 0; border-bottom: 1px solid var(--qrk-origin-line); }
.qrk-origin-menu .qrk-origin-playground-source-copy { width: auto; padding: 0; background: transparent; color: var(--qrk-origin-muted); font-size: 10px; font-style: italic; cursor: pointer; }
.qrk-origin-menu .qrk-origin-playground-source-copy:hover { color: var(--qrk-origin-green); }
.qrk-origin-menu .qrk-origin-playground-source-copy:disabled { color: #167b76 !important; opacity: 1 !important; -webkit-text-fill-color: currentColor !important; }
.qrk-origin-menu textarea.qrk-origin-playground-html { width: 100%; border: 0; border-radius: 0; resize: none; font-family: inherit; line-height: 1.5; user-select: text; cursor: text; }

.qrk-origin-menu .qrk-playground-output { min-height: 100%; padding: 8px; box-sizing: border-box; }

/* Editor surfaces stay local to the Origin window. */
.qrk-origin-menu .qrk-origin-playground-pane,
.qrk-origin-menu .qrk-origin-playground-source,
.qrk-origin-menu .qrk-origin-playground-empty,
.qrk-origin-menu .qrk-origin-playground-status {
	background: var(--qrk-origin-content-background);
}

/* The window defaults to light. Theme tokens are local, including on the frontend. */
.qrk-origin-menu {
 --qrk-origin-window-opacity: 90%;
 --qrk-origin-bar: color-mix(in srgb, var(--qrk-color-brand, #43c5ca) 40%, #29384b);
 --qrk-origin-bar-background: var(--qrk-origin-bar);
 --qrk-origin-glass: color-mix(in srgb, var(--qrk-origin-canvas) var(--qrk-origin-window-opacity), transparent);
 --qrk-origin-content-background: var(--qrk-origin-glass);
 color-scheme: light;
 backdrop-filter: blur(12px);
 -webkit-backdrop-filter: blur(12px);
}
.qrk-origin-menu[data-qrk-origin-theme="dark"] {
 --qrk-origin-ink: #edf1f5;
 --qrk-origin-text: #c4d0dc;
 --qrk-origin-muted: #9baebf;
 --qrk-origin-line: #3b4c5f;
 --qrk-origin-white: #243346;
 --qrk-origin-canvas: #182433;
 --qrk-origin-surface: #29384b;
 --qrk-origin-green: #66cdd1;
 --qrk-color-border: #526174;
 --qrk-color-focus: #66cdd1;
 color-scheme: dark;
}
.qrk-origin-menu .qrk-origin-tab-row { background: color-mix(in srgb, var(--qrk-origin-white) var(--qrk-origin-window-opacity), transparent); }
.qrk-origin-menu .qrk-origin-status {
 --qrk-origin-ink: #edf1f5;
 --qrk-origin-text: #edf1f5;
 --qrk-origin-muted: #bdccd6;
 --qrk-origin-green: #ffffff;
 --qrk-origin-selected: rgb(255 255 255 / 12%);
 background: var(--qrk-origin-bar-background);
}
.qrk-origin-menu .qrk-origin-console-pane,
.qrk-origin-menu .qrk-origin-playground-console { background: var(--qrk-origin-glass) !important; }
.qrk-origin-menu .qrk-origin-theme-toggle {
 all: unset;
 box-sizing: border-box;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 flex: 0 0 28px;
 width: 28px;
 height: 26px;
 border-radius: 6px;
 color: var(--qrk-origin-text);
 cursor: pointer;
 transition: background-color .25s ease, color .25s ease;
}
.qrk-origin-menu .qrk-origin-theme-toggle > span { display: inline-flex; width: 15px; height: 15px; pointer-events: none; }
.qrk-origin-menu[data-qrk-origin-theme="dark"] .qrk-origin-playground :is(.cm-keyword, .cm-tag) { color: #c2b0ee; }
.qrk-origin-menu[data-qrk-origin-theme="dark"] .qrk-origin-playground :is(.cm-string, .cm-string-2) { color: #9bd1b3; }
.qrk-origin-menu[data-qrk-origin-theme="dark"] .qrk-origin-playground :is(.cm-number, .cm-atom, .cm-variable-2, .cm-builtin) { color: #e6bf83; }
.qrk-origin-menu[data-qrk-origin-theme="dark"] .qrk-origin-playground :is(.cm-def, .cm-property, .cm-attribute) { color: var(--qrk-origin-green); }
.qrk-origin-menu[data-qrk-origin-theme="dark"] .qrk-origin-playground :is(.cm-operator, .cm-meta) { color: #e6a7b0; }
.qrk-origin-menu[data-qrk-origin-theme="dark"] .qrk-origin-playground .CodeMirror-selected { background: #66cdd133; }
.qrk-origin-menu[data-qrk-origin-theme="dark"] :is(.qrk-origin-feedback, .qrk-origin-menu-tracked-indicator, .qrk-origin-playground-dirty) { color: #9bd1b3; }
.qrk-origin-menu[data-qrk-origin-theme="dark"] .qrk-origin-feedback.qrk-origin-failed { color: #e6a7b0; }
.qrk-origin-menu[data-qrk-origin-theme="dark"] .qrk-origin-favorite[aria-pressed="true"] { color: #e6bf83; }
@media (prefers-reduced-motion: reduce) { .qrk-origin-menu .qrk-origin-theme-toggle { transition: none; } }

/* Paint each Playground surface once: overlapping translucent fills create seams. */
.qrk-origin-menu .qrk-origin-playground-stage,
.qrk-origin-menu .qrk-origin-playground-preview { background: transparent; }
.qrk-origin-menu .qrk-origin-playground {
 --qrk-origin-editor-background: color-mix(in srgb, var(--qrk-origin-canvas) 95%, transparent);
 --qrk-origin-editor-focus: color-mix(in srgb, var(--qrk-origin-canvas) 94%, #000000);
}
.qrk-origin-menu .qrk-origin-playground-source {
 background: var(--qrk-origin-editor-background);
 transition: background-color .15s ease;
}
.qrk-origin-menu .qrk-origin-playground-source { background: color-mix(in srgb, var(--qrk-origin-canvas) 85%, transparent); }
.qrk-origin-menu .qrk-origin-playground-source .CodeMirror,
.qrk-origin-menu .qrk-origin-playground-source .CodeMirror-scroll,
.qrk-origin-menu .qrk-origin-playground-source .CodeMirror-gutters { background: transparent; }
.qrk-origin-menu .qrk-origin-playground-rendered {
 background: rgb(255 255 255 / 85%);
 background-clip: padding-box;
 box-shadow: none;
 outline: none;
}
.qrk-origin-menu .qrk-origin-tab-row::after { display: none; }
/* One icon size for the entire status bar, including clock and theme controls. */
.qrk-origin-menu .qrk-origin-status { --qrk-origin-status-icon-size: 16.8px; }
.qrk-origin-menu .qrk-origin-status .qrk-ui-icon,
.qrk-origin-menu .qrk-origin-status .qrk-ui-icon > svg {
 width: var(--qrk-origin-status-icon-size);
 height: var(--qrk-origin-status-icon-size);
 font-size: var(--qrk-origin-status-icon-size);
 transform: none;
 flex: none;
}
.qrk-origin-menu .qrk-origin-status .qrk-origin-clock-icon,
.qrk-origin-menu .qrk-origin-theme-toggle > span {
 width: var(--qrk-origin-status-icon-size);
 height: var(--qrk-origin-status-icon-size);
 font-size: var(--qrk-origin-status-icon-size);
}

/* Quark UI finish: quiet surfaces, teal selection, and code-specific typography. */
.qrk-origin-menu .qrk-origin-tab-row { padding: 20px 58px 10px 16px; gap: 12px; }
.qrk-origin-menu .qrk-origin-tabs { gap: 6px; }
.qrk-origin-menu .qrk-origin-tab { align-items: center; padding: 10px 16px; border-radius: 8px; font-weight: 600; }
.qrk-origin-menu .qrk-origin-tab[aria-selected="true"] { color: var(--qrk-origin-green); background: var(--qrk-origin-selected); }
.qrk-origin-menu .qrk-origin-button { border-radius: 7px; }
.qrk-origin-menu .qrk-origin-button,
.qrk-origin-menu .qrk-origin-tab,
.qrk-origin-menu .qrk-origin-option-control { transition: background-color .25s ease, color .25s ease, border-color .25s ease; }
.qrk-origin-menu .qrk-origin-heading { padding: 10px 12px; font-weight: 650; }
.qrk-origin-menu .qrk-origin-tab-content { border-width: 12px; }
.qrk-origin-menu .qrk-origin-status { min-height: 34px; border-top: 1px solid var(--qrk-origin-line); color: var(--qrk-origin-text); }
.qrk-origin-menu .qrk-origin-clock { position: static; margin-left: auto; }
.qrk-origin-menu .qrk-origin-option-control { padding: 7px 10px; border: 1px solid var(--qrk-color-border, #bdccd6); border-radius: 7px; }
.qrk-origin-menu .qrk-origin-navigator-item { background: color-mix(in srgb, var(--qrk-origin-white) 95%, transparent); border: 1px solid var(--qrk-origin-line); border-radius: 10px; padding: 12px 14px; }
.qrk-origin-menu .qrk-origin-navigator-item[data-qrk-origin-post-status="publish"] { background: color-mix(in srgb, color-mix(in srgb, var(--qrk-origin-canvas) 65%, var(--qrk-origin-white)) 95%, transparent); }
.qrk-origin-menu .qrk-origin-navigator-item[data-qrk-origin-post-status="draft"] { background: color-mix(in srgb, var(--qrk-origin-white) 25%, transparent); }
.qrk-origin-menu .qrk-origin-navigator-item.qrk-origin-navigator-current { background: color-mix(in srgb, var(--qrk-origin-selected) 95%, transparent); }
.qrk-origin-menu .qrk-origin-navigator-title { font-weight: 600; }
.qrk-origin-menu .qrk-origin-window-hide { margin: 0; border-radius: 7px; color: var(--qrk-origin-muted); }
.qrk-origin-menu .qrk-origin-close-x > .qrk-ui-icon { width: 20px; height: 20px; font-size: 20px; }
.qrk-origin-menu .qrk-origin-console-prompt { padding: 12px; background: var(--qrk-origin-surface); border-top: 1px solid var(--qrk-origin-line); }
.qrk-origin-menu .qrk-origin-playground .CodeMirror,
.qrk-origin-menu .qrk-origin-playground .CodeMirror *,
.qrk-origin-menu .qrk-origin-playground textarea,
.qrk-origin-menu .qrk-origin-playground-html,
.qrk-origin-menu .qrk-origin-console-output,
.qrk-origin-menu .qrk-origin-console-output *,
.qrk-origin-menu .qrk-origin-log-output,
.qrk-origin-menu .qrk-origin-log-output *,
.qrk-origin-menu .qrk-origin-console-input,
.qrk-origin-menu .qrk-origin-snapshot-diff,
.qrk-origin-menu pre, .qrk-origin-menu code { font-family: var(--qrk-origin-mono) !important; }
/* A continuous glass backing prevents page pixels leaking between child surfaces.
   Composite the editor overlay to retain its original 95% canvas opacity. */
.qrk-origin-menu .qrk-origin-playground-pane {
 --qrk-origin-editor-fill: rgb(from var(--qrk-origin-glass) r g b / clamp(0, calc((.95 - alpha) / max(.0001, 1 - alpha)), 1));
 background: var(--qrk-origin-glass);
}
.qrk-origin-menu .qrk-origin-playground-pane > .qrk-origin-heading { background: transparent; }
.qrk-origin-menu .qrk-origin-playground-pane:focus-within { --qrk-origin-editor-fill: var(--qrk-origin-editor-focus); }
/* Paint the gutter on the stationary viewport so scroll bounce cannot expose an unstyled strip. */
.qrk-origin-menu .qrk-origin-playground-pane .CodeMirror {
	background: linear-gradient(to right, transparent var(--qrk-origin-gutter-width, 0px), var(--qrk-origin-editor-fill) var(--qrk-origin-gutter-width, 0px));
	border-right: 1px solid var(--qrk-origin-line);
	border-top: 1px solid var(--qrk-origin-line);
}
.qrk-origin-menu .qrk-origin-playground-pane .CodeMirror-gutters { background: transparent; }
.qrk-origin-menu .qrk-origin-playground-pane > textarea { background: var(--qrk-origin-editor-fill); }
.qrk-origin-menu :is(button, a, input, select, textarea, [tabindex]):where(:not(.qrk-origin-navigator-item, .qrk-origin-status-bar .qrk-badge)):focus-visible { outline: 2px solid var(--qrk-color-focus, #4c8b94) !important; outline-offset: -2px !important; }
.qrk-origin-menu .qrk-origin-tab-content:focus-visible,
.qrk-origin-menu .qrk-origin-navigator-results-scroll:focus,
.qrk-origin-menu .qrk-origin-navigator-results-scroll:focus-visible,
.qrk-origin-menu .qrk-origin-navigator-refinement:focus,
.qrk-origin-menu .qrk-origin-navigator-refinement:focus-visible { outline: none !important; box-shadow: none !important; }
.qrk-origin-menu .qrk-origin-menu-resize::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: calc(50% - 22px); width: 44px; height: 3px; border-radius: 3px; background: var(--qrk-color-border, #bdccd6); }
.qrk-origin-menu .qrk-origin-menu-resize:hover::after,
.qrk-origin-menu .qrk-origin-menu-resize:active::after,
.qrk-origin-menu .qrk-origin-menu-resize.qrk-origin-resizing::after { background: color-mix(in srgb, var(--qrk-origin-resize-current-bg) 60%, #ffffff); }
@media (prefers-reduced-motion: reduce) {
 .qrk-origin-menu .qrk-origin-button, .qrk-origin-menu .qrk-origin-tab, .qrk-origin-menu .qrk-origin-option-control { transition: none; }
}

/* .qrk-origin-menu .qrk-origin-clock-icon.qrk-origin-clock-date, */
.qrk-origin-menu .qrk-origin-clock-icon.qrk-origin-clock-time {
	margin-left: 15px;
}

.qrk-origin-menu .qrk-origin-navigator-results [hidden] { display: none !important; }

.qrk-origin-menu .qrk-origin-navigator-search-header { margin-bottom: 0; }
.qrk-origin-menu .qrk-origin-navigator-search-context { display: block; min-width: 0; font-size: 11px; line-height: 1.4; }
.qrk-origin-menu .qrk-origin-navigator-search-context > span:first-child { color: var(--qrk-origin-ink); overflow-wrap: anywhere; }
.qrk-origin-menu .qrk-origin-search-scope-token { display: inline; margin-inline: 0; color: color-mix(in srgb, var(--qrk-origin-green) 40%, var(--qrk-origin-muted)); white-space: nowrap; cursor: inherit; }
.qrk-origin-menu .qrk-origin-navigator-search-context > span:nth-child(2)::before { content: ""; display: inline-block; width: 20px; height: 1px; margin-inline: 12px; vertical-align: middle; background: var(--qrk-origin-muted); opacity: .6; }
.qrk-origin-menu .qrk-origin-navigator-search-context > span:nth-child(2) { display: inline-block; font-size: 11px; line-height: 1.4; color: #36ffc2; white-space: nowrap; }
.qrk-origin-menu .qrk-origin-navigator-search-box { position: relative; flex: none; min-width: 0; margin: 16px 0; }
.qrk-origin-menu .qrk-origin-navigator-search-box:not([hidden]) + .qrk-origin-selection-actions:not([hidden]),
.qrk-origin-menu .qrk-origin-navigator-search-box:not([hidden]) + .qrk-origin-group-actions[hidden] + .qrk-origin-selection-actions:not([hidden]) {
 border-top: 1px solid var(--qrk-origin-line);
}
.qrk-origin-menu .qrk-origin-navigator-search-box > .qrk-origin-navigator-icon {
	display: flex; align-items: center; justify-content: center; line-height: 1; margin: 0;
	position: absolute; left: 18px; top: 50%; transform: translateY(-50%);
	width: 24px; height: 24px; font-size: 24px; color: var(--qrk-origin-muted); pointer-events: none;
}
.qrk-origin-menu .qrk-origin-navigator-search-box > .qrk-origin-navigator-icon > * { display: block; margin: 0; vertical-align: initial; }
.qrk-origin-menu .qrk-origin-navigator-search-box > input {
	box-sizing: border-box !important;
	width: 100% !important;
	min-width: 0;
	height: 60px !important;
	padding: 0 18px 0 60px !important;
	border: 1px solid var(--qrk-origin-line) !important;
	border-radius: 8px !important;
	background: color-mix(in srgb, var(--qrk-origin-canvas) 70%, var(--qrk-origin-surface)) !important;
	color: var(--qrk-origin-ink) !important;
	font-family: inherit !important;
	font-size: 1.5em !important;
	line-height: 1.4 !important;
	outline: none !important;
	box-shadow: none !important;
}
.qrk-origin-menu .qrk-origin-navigator-search-box > input::placeholder { color: var(--qrk-origin-muted) !important; opacity: .7; }
.qrk-origin-menu .qrk-origin-navigator-search-box:hover > input {
	border-color: color-mix(in srgb, var(--qrk-origin-line) 60%, var(--qrk-origin-muted)) !important;
}
.qrk-origin-menu .qrk-origin-navigator-search-box > input:focus {
	border-color: var(--qrk-origin-green) !important;
}
.qrk-origin-menu .qrk-origin-navigator-search-box:focus-within > .qrk-origin-navigator-icon { color: var(--qrk-origin-green); }
.qrk-origin-menu .qrk-origin-navigator-search-results { display: flex; flex-direction: column; gap: 12px; }
.qrk-origin-menu .qrk-origin-navigator-search-remote { padding: 14px 0 8px; color: var(--qrk-origin-ink); }
.qrk-origin-menu .qrk-origin-navigator-search-results > .qrk-origin-navigator-search-remote:first-child { padding-top: 0; }
.qrk-origin-menu .qrk-origin-navigator-pages + .qrk-origin-navigator-search-remote { border-top: 1px solid #ffffff40; }
.qrk-origin-menu .qrk-origin-navigator-search-remote[aria-busy="true"]::before { content: ""; display: inline-block; width: 10px; height: 10px; margin-right: 8px; border: 2px solid #ffffff40; border-top-color: #36ffc2; border-radius: 50%; animation: qrk-origin-search-spin .7s linear infinite; }
@keyframes qrk-origin-search-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .qrk-origin-menu .qrk-origin-navigator-search-remote[aria-busy="true"]::before { animation: none; } }

.qrk-origin-menu .qrk-origin-navigator-results-scroll { overflow-x: hidden !important; overflow-y: auto !important; }
.qrk-origin-menu .qrk-origin-navigator-search-results,
.qrk-origin-menu .qrk-origin-navigator-pages,
.qrk-origin-menu .qrk-origin-navigator-item { box-sizing: border-box; min-width: 0; max-width: 100%; }
.qrk-origin-menu .qrk-origin-navigator-item { overflow-wrap: anywhere; }
.qrk-origin-menu .qrk-origin-navigator-search-header { flex-wrap: wrap; min-width: 0; }

.qrk-origin-menu .qrk-origin-btn {
 box-sizing: border-box;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 6px;
 flex: 0 0 110px;
 width: 110px;
 min-height: 0;
 height: calc(1.4em + 8px);
 margin: 0;
 padding: 2px 10px;
 font: 500 11px/1.4 var(--qrk-origin-font);
 color: var(--qrk-origin-green);
 background: color-mix(in srgb, var(--qrk-origin-green) 15%, var(--qrk-origin-surface));
 border: 1px solid color-mix(in srgb, var(--qrk-origin-green) 55%, var(--qrk-origin-line));
 border-radius: 5px;
 cursor: pointer;
 appearance: none; box-shadow: none; text-decoration: none;
 transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}
.qrk-origin-menu .qrk-origin-btn:is(:hover, :focus-visible):not(:disabled):not([aria-disabled="true"]) {
 color: var(--qrk-origin-green);
 border-color: var(--qrk-origin-green);
 background: color-mix(in srgb, var(--qrk-origin-green) 25%, var(--qrk-origin-surface));
}
.qrk-origin-menu .qrk-origin-btn .qrk-icon { display: inline-flex; width: 1em; height: 1em; flex: none; }
.qrk-origin-menu .qrk-origin-btn .qrk-ui-icon,
.qrk-origin-menu .qrk-origin-btn svg { display: block; width: 100%; height: 100%; }
@media (prefers-reduced-motion: reduce) { .qrk-origin-menu .qrk-origin-btn { transition: none; } }
.qrk-origin-menu .qrk-origin-navigator-search-action { order: 2; margin-left: 12px; }
.qrk-origin-menu .qrk-origin-navigator-search-exit:hover,
.qrk-origin-menu .qrk-origin-navigator-search-exit:focus-visible { background: var(--qrk-origin-selected); outline: 1px solid #ffffff80 !important; }

/* Hidden search matches belong with the query summary, not sort controls. */
.qrk-origin-menu .qrk-origin-search-hidden {
 all: unset;
 color: var(--qrk-origin-green);
 font: inherit;
 cursor: pointer;
 text-decoration: underline;
 text-underline-offset: 3px;
}
.qrk-origin-menu .qrk-origin-search-hidden:hover { color: var(--qrk-origin-ink); }

/* Shared caution tone for secondary reset/exit actions. */
.qrk-origin-menu .qrk-origin-btn.qrk-origin-btn-caution {
 --qrk-origin-caution-tone: var(--qrk-color-caution, #985317);
 color: var(--qrk-origin-caution-tone);
 border-color: color-mix(in srgb, var(--qrk-origin-caution-tone) 45%, var(--qrk-origin-surface));
 background: color-mix(in srgb, var(--qrk-origin-caution-tone) 10%, var(--qrk-origin-surface));
}
.qrk-origin-menu[data-qrk-origin-theme="dark"] .qrk-origin-btn-caution { --qrk-origin-caution-tone: #e6bf83; }
.qrk-origin-menu .qrk-origin-btn.qrk-origin-btn-caution:is(:hover, :focus-visible):not(:disabled):not([aria-disabled="true"]) {
 color: var(--qrk-origin-caution-tone);
 border-color: var(--qrk-origin-caution-tone);
 background: color-mix(in srgb, var(--qrk-origin-caution-tone) 18%, var(--qrk-origin-surface));
}

.qrk-origin-menu .qrk-origin-result-count { color: #36ffc2; }

/* Result prose uses natural glyph width and a normal word-sized gap. */
.qrk-origin-menu .qrk-origin-navigator-summary :is(.qrk-origin-navigator-icon, .qrk-origin-favorites-icon) { margin-right: .25em; }
.qrk-origin-menu .qrk-origin-navigator-summary .qrk-fa-icon { width: auto; height: auto; font-size: inherit; }

.qrk-origin-menu .qrk-origin-navigator-summary .qrk-origin-result-place { margin-inline: 5px; white-space: nowrap; }

.qrk-origin-menu .qrk-origin-navigator-summary > .qrk-origin-result-count { display: inline-block; white-space: nowrap; }
.qrk-origin-menu :is(.qrk-origin-navigator-summary, .qrk-origin-navigator-search-remote) > .qrk-origin-result-count::before { content: ""; display: inline-block; width: 20px; height: 1px; margin-inline: 12px; vertical-align: middle; background: var(--qrk-origin-muted); opacity: .6; }

/* Shared scope/actions columns keep both modes aligned as the scope wraps. */
.qrk-origin-menu :is(.qrk-origin-navigator-recap, .qrk-origin-navigator-search-header) > .qrk-origin-navigator-sort {
 grid-column: 2; grid-row: 1; position: relative; margin-left: 8px; padding-left: 16px;
}
.qrk-origin-menu :is(.qrk-origin-navigator-recap, .qrk-origin-navigator-search-header)::before {
 content: ""; grid-column: 2; grid-row: 1; align-self: stretch; justify-self: start;
 margin-left: 8px; border-left: 1px solid var(--qrk-origin-line); pointer-events: none;
}
.qrk-origin-menu :is(.qrk-origin-navigator-recap, .qrk-origin-navigator-search-header) > .qrk-origin-navigator-search-action { grid-column: 3; grid-row: 1; }
.qrk-origin-menu .qrk-origin-navigator-search-context > :is(.qrk-origin-search-hidden, span:last-child:not(:nth-child(2))) { margin-left: 12px; }

/* Match the result cards' right padding and reserved scrollbar gutter. */
.qrk-origin-menu :is(.qrk-origin-navigator-recap, .qrk-origin-navigator-search-header, .qrk-origin-navigator-search-box, .qrk-origin-selection-actions) {
 overflow-y: hidden;
 scrollbar-gutter: stable;
 padding-right: 12px;
}

.qrk-origin-menu .qrk-origin-action-label { color: var(--qrk-origin-ink); font-weight: 400; font-size: 11px; }
.qrk-origin-menu .qrk-origin-playground-panes { white-space: nowrap; }

/* Let Navigator scroll to the status bar instead of clipping above an empty bottom frame. */
.qrk-origin-menu #qrk-origin-view-navigator { padding-bottom: 0; border-width: 0; }

.qrk-origin-menu.qrk-origin-maximized { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }

/* The status corner keeps the card's resting edge color during interaction. */
.qrk-origin-menu .qrk-origin-navigator-item {
 --qrk-origin-card-edge: var(--qrk-origin-line);
 --qrk-origin-card-status-fill: var(--qrk-origin-line);
 --qrk-origin-card-status-ink: color-mix(in srgb, var(--qrk-origin-card-status-fill) 40%, var(--qrk-origin-text));
 border-color: var(--qrk-origin-card-edge);
 overflow: visible;
 position: relative;
}
.qrk-origin-menu .qrk-origin-navigator-item:is(:hover, :focus-within) { z-index: 2; }
.qrk-origin-menu .qrk-origin-navigator-item[data-qrk-origin-post-status="draft"] {
 --qrk-origin-card-status-fill: color-mix(in srgb, var(--qrk-origin-canvas) 78%, var(--qrk-origin-muted));
}
.qrk-origin-menu .qrk-origin-navigator-item.qrk-origin-result-active {
 --qrk-origin-card-edge: var(--qrk-origin-muted);
}
.qrk-origin-menu .qrk-origin-navigator-item.qrk-origin-navigator-current {
 --qrk-origin-card-edge: color-mix(in srgb, var(--qrk-origin-green) 40%, var(--qrk-origin-muted));
 --qrk-origin-card-status-fill: color-mix(in srgb, var(--qrk-origin-line) 87%, var(--qrk-origin-green));
}
.qrk-origin-menu .qrk-origin-navigator-links .qrk-origin-navigator-status-label { padding-right: 24px; }
.qrk-origin-menu .qrk-origin-navigator-status-label > .qrk-origin-navigator-icon {
 position: absolute; right: -14px; bottom: -12px;
 display: flex; align-items: center; justify-content: center;
 width: 26px; height: 26px; font-size: 12px; border-radius: 5px 0 9px 0;
 background: var(--qrk-origin-card-status-fill); color: var(--qrk-origin-card-status-ink);
 cursor: default;
}

.qrk-origin-menu .qrk-origin-navigator-item[tabindex]:focus-visible {
 --qrk-origin-card-edge: var(--qrk-color-focus, #4c8b94);
 outline: 1px solid var(--qrk-origin-card-edge) !important;
 outline-offset: 0 !important;
}

.qrk-origin-menu .qrk-origin-navigator-status-header {
 display: flex; align-items: center; gap: 1px;
 margin: -12px -14px 12px; padding: 7px 14px;
 border-radius: 9px 9px 0 0;
 background: var(--qrk-origin-card-status-fill); color: var(--qrk-origin-card-status-ink);
 font-size: 11px; line-height: 1.4;
}
.qrk-origin-menu .qrk-origin-navigator-status-header > .qrk-origin-navigator-icon { margin-right: 0; font-size: 15px; }
.qrk-origin-menu .qrk-origin-navigator-status-name { margin-left: 5px; }
.qrk-origin-menu .qrk-origin-navigator-status-type { display: inline-flex; align-items: center; gap: 6px; margin-right: 9px; padding-right: 10px; border-right: 1px solid color-mix(in srgb, var(--qrk-origin-card-status-ink) 35%, transparent); font-size: 11px; }
.qrk-origin-menu .qrk-origin-navigator-status-type > .qrk-origin-navigator-icon { margin-right: 0; font-size: 15px; }

/* Header-only status treatment for comparison. */
.qrk-origin-menu .qrk-origin-navigator-status-label > .qrk-origin-navigator-icon { display: none; }
.qrk-origin-menu .qrk-origin-navigator-links .qrk-origin-navigator-status-label { padding-right: 0; }

.qrk-origin-menu .qrk-origin-navigator-item:has(> .qrk-origin-navigator-badges) { grid-template-rows: auto auto auto minmax(min-content, 1fr) auto; }
.qrk-origin-menu .qrk-origin-navigator-badges > .qrk-origin-navigator-special {
 display: block; grid-column: auto; grid-row: auto; justify-self: stretch; text-align: center; max-width: 100%; box-sizing: border-box;
 margin: 0; padding: 3px 10px; border-radius: 15px;
 background: color-mix(in srgb, var(--qrk-origin-green) 12%, var(--qrk-origin-canvas));
 color: color-mix(in srgb, var(--qrk-origin-green) 65%, var(--qrk-origin-text));
 border: 1px solid color-mix(in srgb, var(--qrk-origin-green) 25%, var(--qrk-origin-line));
 font-size: 10px; font-weight: 600; font-style: normal; line-height: 1.4;
}

.qrk-origin-menu .qrk-origin-navigator-links > .qrk-origin-card-toggles { grid-column: 4; grid-row: 1; justify-self: end; display: flex; align-items: center; gap: 10px; }
.qrk-origin-menu .qrk-origin-card-toggles > .qrk-origin-button { display: inline-flex; align-items: center; justify-content: center; margin: 0; padding: 0; width: 1.25em; height: 1em; font-size: 11px; align-self: center; overflow: visible; background: transparent; }
.qrk-origin-menu .qrk-origin-card-toggles > .qrk-origin-button > .qrk-ui-icon { width: 1.25em; height: 1em; font-size: inherit; transform: scale(1.2); transform-origin: center; pointer-events: none; }
.qrk-origin-menu .qrk-origin-ignore { color: color-mix(in srgb, var(--qrk-origin-muted) 30%, transparent); }
.qrk-origin-menu .qrk-origin-ignore[aria-pressed="false"]:hover { color: var(--qrk-color-danger); }
.qrk-origin-menu .qrk-origin-ignore[aria-pressed="true"] { color: color-mix(in srgb, var(--qrk-color-danger) 35%, #ff303d); }
.qrk-origin-menu .qrk-origin-navigator-links > .qrk-origin-navigator-status-label { display: none; }

/* Full-width footer keeps the links aligned with the card content. */
.qrk-origin-menu .qrk-origin-navigator-links {
 align-items: center;
 margin: 10px -14px -12px;
 padding: 11px 14px;
 border-radius: 0 0 9px 9px;
 background: rgb(0 0 0 / 18%);
}
.qrk-origin-menu .qrk-origin-navigator-links::before { left: 0; right: 0; }

/* Ignored cards retain the original neutral trash treatment. */
.qrk-origin-menu .qrk-origin-navigator-item.qrk-origin-navigator-ignored {
 position: relative; isolation: isolate;
 background: color-mix(in srgb, var(--qrk-origin-white) 38%, transparent);
}
/* Ignored items retain their neutral treatment even when trashed. */
.qrk-origin-menu .qrk-origin-navigator-item[data-qrk-origin-post-status="trash"]:not(.qrk-origin-navigator-ignored) {
 position: relative; isolation: isolate;
 background: color-mix(in srgb, #462424 25%, transparent);
 --qrk-origin-card-stripe-ink: var(--qrk-color-danger);
 --qrk-origin-card-stripe-strength: 9%;
}
/* Preserve the original 40% trash dimming without fading the card border. */
.qrk-origin-menu .qrk-origin-navigator-item:is([data-qrk-origin-post-status="trash"], .qrk-origin-navigator-ignored) > * { opacity: .4; }
.qrk-origin-menu .qrk-origin-navigator-item:is([data-qrk-origin-post-status="trash"], .qrk-origin-navigator-ignored)::after {
 content: "";
 position: absolute;
 inset: 0;
 z-index: 1;
 border-radius: 9px;
 pointer-events: none;
 opacity: .4;
 background-image: repeating-linear-gradient(
  135deg,
  transparent 0 6px,
  color-mix(in srgb, var(--qrk-origin-card-stripe-ink, var(--qrk-origin-card-status-ink)) var(--qrk-origin-card-stripe-strength, 12%), transparent) 6px 12px
 );
}

/* Keep the active Ignore control undimmed in its existing footer grid slot.
   Dim the other footer contents individually so ancestor opacity cannot fade it. */
.qrk-origin-menu .qrk-origin-navigator-item.qrk-origin-navigator-ignored > .qrk-origin-navigator-links {
 opacity: 1;
 background: rgb(0 0 0 / 7.2%);
}
.qrk-origin-menu .qrk-origin-navigator-item.qrk-origin-navigator-ignored > .qrk-origin-navigator-links > :not(.qrk-origin-card-toggles),
.qrk-origin-menu .qrk-origin-navigator-item.qrk-origin-navigator-ignored .qrk-origin-card-toggles > :not(.qrk-origin-ignore) { opacity: .4; }
.qrk-origin-menu .qrk-origin-navigator-item.qrk-origin-navigator-ignored > .qrk-origin-navigator-links::before { opacity: .24; }
.qrk-origin-menu .qrk-origin-navigator-item.qrk-origin-navigator-ignored .qrk-origin-ignore {
 position: relative;
 z-index: 2;
 opacity: 1;
}

/* Copy UI keeps its normal hover and feedback treatment above card effects.
   Only text and sibling content are dimmed; the anchor stays in the same flow. */
.qrk-origin-menu .qrk-origin-navigator-item:is([data-qrk-origin-post-status="trash"], .qrk-origin-navigator-ignored) > :has(.qrk-copyable) { opacity: 1; }
.qrk-origin-menu .qrk-origin-navigator-item:is([data-qrk-origin-post-status="trash"], .qrk-origin-navigator-ignored) :is(.qrk-copyable, :has(.qrk-copyable)) > :not(.qrk-copyable, :has(.qrk-copyable), .qrk-copyable-anchor) { opacity: .4; }
.qrk-origin-menu .qrk-origin-navigator-item .qrk-copyable-anchor { z-index: 2; }

/* A checked trash selection stays clear without moving it or brightening its header. */
.qrk-origin-menu .qrk-origin-navigator-item[data-qrk-origin-post-status="trash"]:not(.qrk-origin-navigator-ignored) > .qrk-origin-navigator-status-header:has(> .qrk-origin-navigator-select[aria-checked="true"]) {
 opacity: 1;
 background: color-mix(in srgb, var(--qrk-origin-card-status-fill) 40%, transparent);
}
.qrk-origin-menu .qrk-origin-navigator-item[data-qrk-origin-post-status="trash"]:not(.qrk-origin-navigator-ignored) > .qrk-origin-navigator-status-header:has(> .qrk-origin-navigator-select[aria-checked="true"]) > :not(.qrk-origin-navigator-select) { opacity: .4; }
.qrk-origin-menu .qrk-origin-navigator-item[data-qrk-origin-post-status="trash"]:not(.qrk-origin-navigator-ignored) > .qrk-origin-navigator-status-header > .qrk-origin-navigator-select[aria-checked="true"] {
 position: relative;
 z-index: 2;
 opacity: 1;
}

/* Shared checkbox appearance for native inputs and card selection controls. */
.qrk-origin-menu input[type="checkbox"],
.qrk-origin-menu .qrk-origin-navigator-status-header > .qrk-origin-navigator-select {
 appearance: none; -webkit-appearance: none; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
 flex: 0 0 16px; width: 16px; height: 16px; min-width: 0; min-height: 0;
 margin: 0; padding: 0; border: 1px solid var(--qrk-origin-card-status-ink, var(--qrk-origin-muted));
 border-radius: 4px; background: transparent; color: var(--qrk-origin-canvas);
 box-shadow: none; cursor: pointer; line-height: 1;
}
.qrk-origin-menu .qrk-origin-navigator-status-header > .qrk-origin-navigator-select { margin-left: auto; }
.qrk-origin-menu input[type="checkbox"]::before { content: none; }
.qrk-origin-menu input[type="checkbox"]:checked,
.qrk-origin-menu .qrk-origin-navigator-status-header > .qrk-origin-navigator-select[aria-checked="true"] {
 background: var(--qrk-origin-green); border-color: var(--qrk-origin-green);
}
.qrk-origin-menu input[type="checkbox"]:checked::after,
.qrk-origin-menu .qrk-origin-navigator-select[aria-checked="true"]::after {
 content: ""; width: 4px; height: 8px; border: solid currentColor; border-width: 0 2px 2px 0;
 transform: translateY(-1px) rotate(45deg);
}
/* Cross out unavailable selection controls without changing their size or position. */
.qrk-origin-menu .qrk-origin-navigator-item.qrk-origin-navigator-ignored .qrk-origin-navigator-select:disabled {
 background-image:
  linear-gradient(45deg, transparent calc(50% - .5px), var(--qrk-origin-card-status-ink) calc(50% - .5px), var(--qrk-origin-card-status-ink) calc(50% + .5px), transparent calc(50% + .5px)),
  linear-gradient(-45deg, transparent calc(50% - .5px), var(--qrk-origin-card-status-ink) calc(50% - .5px), var(--qrk-origin-card-status-ink) calc(50% + .5px), transparent calc(50% + .5px));
 cursor: not-allowed;
}
.qrk-origin-menu .qrk-origin-navigator-select:focus-visible { outline: 1px solid var(--qrk-origin-green); outline-offset: 2px; }
.qrk-origin-menu .qrk-origin-navigator-results { position: relative; }
.qrk-origin-menu .qrk-origin-navigator-selection-summary {
 position: absolute; bottom: 32px; left: 50%; transform: translateX(-50%); z-index: 5;
 box-sizing: border-box; width: max-content; max-width: calc(100% - 32px); padding: 16px 32px; display: flex; align-items: center; gap: 16px;
 border: 1px solid color-mix(in srgb, var(--qrk-origin-muted) 50%, transparent); border-radius: 30px;
 background: rgb(220 233 242 / 35%); color: var(--qrk-origin-ink);
 backdrop-filter: blur(15px);
 box-shadow: 0 3px 12px #0003; pointer-events: auto;
 font-size: 12px; line-height: 1.4; text-align: center;
}

.qrk-origin-menu .qrk-origin-navigator-item.qrk-origin-navigator-checked,
.qrk-origin-menu .qrk-origin-navigator-item.qrk-origin-navigator-checked:focus-visible {
 --qrk-origin-card-edge: var(--qrk-origin-green);
 border-color: var(--qrk-origin-green);
 box-shadow: none !important;
 outline: none !important;
}

/* Paint the selected edge above the header, footer, and trash stripes. */
.qrk-origin-menu .qrk-origin-navigator-item.qrk-origin-navigator-checked::before {
 content: ""; position: absolute; inset: -1px; z-index: 4;
 box-sizing: border-box; border: 3px solid var(--qrk-origin-green);
 border-radius: inherit; pointer-events: none;
}

.qrk-origin-menu .qrk-origin-navigator-selected-divider {
 flex: none; width: 100%; height: 1px; margin: 0; padding: 0;
 border: 0; background: var(--qrk-origin-line);
}
.qrk-origin-menu .qrk-origin-navigator-selected-place[hidden] + .qrk-origin-navigator-selected-divider { display: none; }

.qrk-origin-menu .qrk-origin-window-hide:hover { color: #fff; outline: none !important; }

.qrk-origin-menu .qrk-origin-navigator-selection-text { flex: 1; min-width: 0; text-align: center; }
.qrk-origin-menu .qrk-origin-navigator-selection-text a { color: inherit; text-decoration: none; }
.qrk-origin-menu .qrk-origin-navigator-selection-text a:hover { text-decoration: underline; }
.qrk-origin-menu .qrk-origin-navigator-selection-in-view { display: inline-block; }
.qrk-origin-menu .qrk-origin-navigator-selection-in-view::before {
 content: ""; display: inline-block; width: 20px; height: 1px; margin: 0 12px;
 vertical-align: middle; background: currentColor; opacity: .6;
}
.qrk-origin-menu .qrk-origin-selection-clear {
 position: relative; left: 12px;
 flex: none; appearance: none; border: 0; background: transparent; padding: 0; margin: 0;
 color: var(--qrk-origin-muted); cursor: pointer; box-shadow: none;
}
.qrk-origin-menu .qrk-origin-selection-clear:hover { color: #fff; outline: none !important; }

.qrk-origin-menu .qrk-origin-selection-actions {
 flex: none; display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
 padding: 0 4px; margin-bottom: 0; border-bottom: 1px solid var(--qrk-origin-line);
}
.qrk-origin-menu .qrk-origin-selection-actions button,
.qrk-origin-menu .qrk-origin-selection-undo-button {
 display: inline-flex; flex: 0 0 auto; width: auto; max-width: 100%; align-items: center; justify-content: center; gap: 6px;
 padding: 2px 10px; box-sizing: border-box; min-height: 0; height: calc(1.4em + 8px);
 font: 500 11px/1.4 var(--qrk-origin-font);
 border: 1px solid color-mix(in srgb, var(--qrk-button-ink, var(--qrk-origin-text)) 55%, var(--qrk-origin-line)); border-radius: 5px;
 background: color-mix(in srgb, var(--qrk-button-ink, var(--qrk-origin-text)) 15%, var(--qrk-origin-surface)); color: var(--qrk-button-ink, var(--qrk-origin-text));
 transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}
.qrk-origin-menu .qrk-origin-group-actions > .qrk-origin-group-delete { margin-left: auto; order: 2; }
.qrk-origin-menu .qrk-origin-selection-actions button:hover:not(:disabled),
.qrk-origin-menu .qrk-origin-selection-undo-button:hover:not(:disabled) {
 border-color: var(--qrk-button-ink, var(--qrk-origin-text));
 background: color-mix(in srgb, var(--qrk-button-ink, var(--qrk-origin-text)) 25%, var(--qrk-origin-surface));
}
@media (prefers-reduced-motion: reduce) { .qrk-origin-menu .qrk-origin-selection-actions button { transition: none; } }
/* Retain the action tone when disabled so enabling never transitions through white. */
.qrk-origin-menu .qrk-origin-selection-actions button:disabled {
 opacity: .4; cursor: default;
 color: var(--qrk-button-ink, var(--qrk-origin-text)) !important;
 -webkit-text-fill-color: currentColor !important;
}
.qrk-origin-menu .qrk-origin-selection-actions .qrk-origin-navigator-icon { margin: 0; }
.qrk-origin-menu .qrk-origin-navigator-groups-divider { flex: none; width: 100%; height: 1px; margin: 8px 0; border: 0; background: var(--qrk-origin-line); }

.qrk-origin-menu .qrk-origin-group-dialog {
 position: fixed; inset: 0; margin: auto; width: min(480px, calc(100vw - 40px));
 box-sizing: border-box; padding: 24px; border: 1px solid var(--qrk-origin-line); border-radius: 14px;
 background: var(--qrk-origin-surface); color: var(--qrk-origin-ink); box-shadow: 0 12px 48px #0006;
 font: inherit;
}
.qrk-origin-menu .qrk-origin-group-dialog::backdrop { background: #101b2980; backdrop-filter: blur(4px); }
.qrk-origin-menu .qrk-origin-group-dialog h2 { margin: 0 0 20px; font-size: 18px; color: inherit; }
.qrk-origin-menu .qrk-origin-group-dialog label { display: grid; gap: 8px; font-size: 12px; }
.qrk-origin-menu .qrk-origin-group-dialog :is(input:not([type="checkbox"]):not([type="radio"]), select) {
 box-sizing: border-box; width: 100%; padding: 10px 12px; border: 1px solid var(--qrk-origin-line);
 border-radius: 7px; background: var(--qrk-origin-canvas); color: var(--qrk-origin-ink); font: inherit;
}
.qrk-origin-menu .qrk-origin-group-dialog form > div { display: flex; justify-content: flex-end; gap: 10px; margin-top: 20px; }
.qrk-origin-menu .qrk-origin-group-dialog button { padding: 8px 16px; border: 1px solid var(--qrk-origin-line); border-radius: 7px; background: var(--qrk-origin-canvas); color: var(--qrk-origin-ink); cursor: pointer; }
.qrk-origin-menu .qrk-origin-group-dialog button[type="submit"] { background: var(--qrk-origin-selected); border-color: var(--qrk-origin-green); color: var(--qrk-origin-green); }

.qrk-origin-menu .qrk-origin-group-dialog button:disabled { opacity: .4; cursor: default; }

.qrk-origin-menu .qrk-origin-selection-prompt { flex: 0 0 100%; margin-bottom: 2px; color: var(--qrk-origin-muted); font-size: 11px; line-height: 1.4; }

/* Keep the resize control stable while modifier keys switch its glyph. */
.qrk-origin-menu .qrk-origin-window-hide,
.qrk-origin-menu .qrk-origin-window-hide:is(:hover, :focus, :focus-visible, :active) { outline: none !important; box-shadow: none !important; border-color: transparent !important; }
.qrk-origin-menu .qrk-origin-window-glyph { display: inline-flex; width: 20px; height: 20px; pointer-events: none; align-items: center; justify-content: center; }
.qrk-origin-menu .qrk-origin-window-glyph[hidden] { display: none !important; }
.qrk-origin-menu .qrk-origin-window-glyph > .qrk-ui-icon { width: 20px; height: 20px; font-size: 20px; }

.qrk-origin-menu .qrk-origin-group-dialog .qrk-ui-alert-note { color: var(--qrk-origin-muted); font-size: 12px; line-height: 1.5; margin-top: 12px; }

/* Center within the full header, independently of its padding. */
.qrk-origin-menu .qrk-origin-window-controls { display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); }
.qrk-origin-menu .qrk-origin-window-controls > .qrk-origin-window-hide { display: flex; align-items: center; justify-content: center; padding: 0; }
.qrk-origin-menu .qrk-origin-window-jumps { position: absolute; right: -3px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; align-items: center; gap: 4px; }
.qrk-origin-menu .qrk-origin-window-jumps > button { display: flex; align-items: center; justify-content: center; width: 36px; height: 18px; padding: 0; border: 0; border-radius: 0; background: transparent; font-size: 18px; }
.qrk-origin-menu .qrk-origin-window-jumps > button > .qrk-ui-icon { display: block; width: 36px; height: 18px; font-size: 18px; }
.qrk-origin-menu .qrk-origin-window-jumps .qrk-origin-jump-down > .qrk-ui-icon { transform: scaleY(-1); }
.qrk-origin-menu .qrk-origin-window-controls [hidden] { display: none !important; }
.qrk-origin-menu .qrk-origin-window-jumps > button:disabled { opacity: .2; cursor: default; color: var(--qrk-origin-muted); }

/* Alt jump controls take precedence over the overlapping resize hit area. */
.qrk-origin-menu.qrk-origin-jump-controls-active .qrk-origin-menu-resize { pointer-events: none; background: transparent; cursor: default; }
.qrk-origin-menu.qrk-origin-jump-controls-active .qrk-origin-menu-resize::after { background: var(--qrk-color-border, #bdccd6); }

/* Shared tone tokens inherit the Origin palette on either frontend or admin. */
.qrk-origin-menu {
 --qrk-color-info: #32658d; --qrk-color-accent: var(--qrk-origin-green);
 --qrk-color-warning: #796016; --qrk-color-caution: #985317;
 --qrk-color-danger: #a33d43; --qrk-color-success: #167b76;
}
.qrk-origin-menu[data-qrk-origin-theme="dark"] {
 --qrk-color-info: #8ab6d8; --qrk-color-warning: #e6bf83; --qrk-color-caution: #e5a76f;
 --qrk-color-danger: #ed999e; --qrk-color-success: #79d3b0;
}

.qrk-origin-menu .qrk-origin-selection-actions .qrk-origin-pointer-focus:focus-visible { outline: none !important; }
.qrk-origin-menu .qrk-origin-group-dialog .qrk-ui-alert-default { background: var(--qrk-origin-green); border-color: var(--qrk-origin-green); color: var(--qrk-origin-canvas); font-weight: 600; }
.qrk-origin-menu .qrk-origin-group-dialog:has(.qrk-ui-alert-default) button[type="submit"] { background: transparent; border-color: var(--qrk-origin-line); color: var(--qrk-origin-text); }
.qrk-origin-menu .qrk-origin-window-jumps > button:disabled,
.qrk-origin-menu .qrk-origin-window-jumps > button:disabled:hover { opacity: .1 !important; color: var(--qrk-origin-muted) !important; filter: grayscale(1); cursor: default; }

.qrk-origin-menu .qrk-origin-selection-actions { overflow: hidden; scrollbar-gutter: auto; padding-right: 0; }
.qrk-origin-menu .qrk-origin-selection-actions.qrk-origin-group-actions { scrollbar-gutter: stable; padding-right: 12px; }

.qrk-origin-menu .qrk-origin-group-icons { border: 0; padding: 0; margin: 18px 0 0; display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 8px; }
.qrk-origin-menu .qrk-origin-group-icons legend { margin-bottom: 8px; font-size: 12px; color: var(--qrk-origin-muted); }
.qrk-origin-menu .qrk-origin-group-icons label { position: relative; display: flex; justify-content: center; align-items: center; min-height: 34px; border: 1px solid var(--qrk-origin-line); border-radius: 5px; cursor: pointer; color: var(--qrk-origin-muted); }
.qrk-origin-menu .qrk-origin-group-icons input[type="radio"] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; margin: 0; cursor: pointer; }
.qrk-origin-menu .qrk-origin-group-icons label:has(:checked) { background: var(--qrk-origin-selected); color: var(--qrk-origin-green); border-color: var(--qrk-origin-green); }
.qrk-origin-menu .qrk-origin-group-icons label:has(:focus-visible) { outline: 2px solid var(--qrk-origin-green); outline-offset: 2px; }
.qrk-origin-menu .qrk-origin-group-icons .qrk-origin-navigator-icon { margin: 0; pointer-events: none; }

.qrk-origin-menu .qrk-origin-selection-prompt strong { color: #fff; font-weight: 700; }
.qrk-origin-menu .qrk-origin-selection-prompt a { color: var(--qrk-origin-green); text-decoration: none; }
.qrk-origin-menu .qrk-origin-selection-prompt a:is(:hover, :focus-visible) { text-decoration: none; }
.qrk-origin-menu .qrk-origin-selection-prompt a:is(:hover, :focus-visible) > .qrk-origin-selection-link-text { text-decoration: underline; }

.qrk-origin-menu .qrk-origin-navigator-visibility > .qrk-origin-group-grip { position: absolute; right: -15px; top: 50%; transform: translateY(-50%); width: 14px; height: 22px; display: flex; align-items: center; justify-content: center; cursor: grab; color: color-mix(in srgb, var(--qrk-origin-muted) 20%, transparent); transition: color .25s ease; }
.qrk-origin-menu .qrk-origin-navigator-filters.qrk-origin-groups-hovered .qrk-origin-group-grip { color: var(--qrk-origin-muted); }
.qrk-origin-menu .qrk-origin-navigator-sidebar .qrk-origin-group-grip:hover { color: var(--qrk-origin-ink); }
.qrk-origin-menu .qrk-origin-group-grip:active { cursor: grabbing; }
 .qrk-origin-menu .qrk-origin-group-guide-before::before,
.qrk-origin-menu .qrk-origin-group-guide-after::after { content: ""; position: absolute; left: 0; right: 0; border-top: 3px dotted color-mix(in srgb, var(--qrk-origin-muted) 35%, transparent); pointer-events: none; }
.qrk-origin-menu .qrk-origin-group-guide-before::before { top: -4px; }
.qrk-origin-menu .qrk-origin-group-guide-after::after { bottom: -4px; }
.qrk-origin-menu .qrk-origin-group-drop-before::before,
.qrk-origin-menu .qrk-origin-group-drop-after::after { border-top: 2px solid var(--qrk-origin-green); }

.qrk-origin-menu .qrk-origin-group-grip .qrk-origin-navigator-icon { width: 1em; height: 1em; font-size: calc(1em + 4px); margin: 0; }


.qrk-origin-menu .qrk-origin-navigator-card-groups { margin-top: 10px; padding-top: 10px; border-top: 1px solid color-mix(in srgb, var(--qrk-origin-line) 60%, transparent); font-size: 11px; color: var(--qrk-origin-muted); overflow-wrap: anywhere; }
.qrk-origin-menu .qrk-origin-navigator-card-groups[hidden] { display: none; }

.qrk-origin-menu .qrk-origin-navigator-filters { margin-right: 0; padding-right: 9px; }

.qrk-origin-menu .qrk-origin-group-dragging > :is(.qrk-origin-navigator-visibility-label, .qrk-origin-group-grip) { opacity: .35; }

/* Boundary highlighting uses the same pseudo-element as the dotted guide. */
.qrk-origin-menu .qrk-origin-group-sort-placeholder { display: none !important; }
.qrk-origin-menu .qrk-origin-group-drag-preview { z-index: 10; pointer-events: none; width: max-content; height: auto; padding: 8px 48px 8px 12px; border-radius: 6px; background: var(--qrk-origin-surface); color: var(--qrk-origin-ink); font-size: 11px; line-height: 1.4; display: flex; align-items: center; gap: 10px; white-space: nowrap; }
.qrk-origin-menu .qrk-origin-group-drag-preview > .qrk-ui-icon { flex: 0 0 auto; font-size: 14px; line-height: 1; }



.qrk-origin-menu .qrk-origin-navigator-visibility-label:has(> input:not(:checked)) > .qrk-origin-navigator-type-name,
.qrk-origin-menu .qrk-origin-navigator-visibility-label:has(> input:not(:checked)) > .qrk-origin-navigator-type-name :is(.qrk-origin-navigator-icon, .qrk-origin-favorites-icon) { color: var(--qrk-origin-muted); }

.qrk-origin-menu .qrk-origin-navigator-visibility-label:has(> input:not(:checked)) > .qrk-origin-navigator-type-name { opacity: .5; }

.qrk-origin-menu .qrk-origin-navigator-edit.qrk-origin-pointer-focus:focus-visible { outline: none !important; }

.qrk-origin-menu .qrk-origin-navigator-card-groups > a { color: inherit; text-decoration: none; }
.qrk-origin-menu .qrk-origin-navigator-card-groups > a:is(:hover, :focus-visible) { color: var(--qrk-origin-ink); text-decoration: underline; }

.qrk-origin-menu .qrk-origin-navigator-groups-divider[hidden] { display: none; }

.qrk-origin-menu .qrk-origin-selection-question { font-size: 15px; }
/* Keep contextual categories distinct, with at most two action rows. */
.qrk-origin-menu .qrk-origin-selection-columns {
 display: grid; grid-template-columns: repeat(3, max-content); align-items: stretch; width: 100%; max-width: 100%; overflow-x: auto; overflow-y: hidden;
}
.qrk-origin-menu .qrk-origin-selection-column {
 display: grid; grid-template-rows: auto repeat(2, auto); grid-auto-flow: column; grid-auto-columns: minmax(max-content, 1fr); align-items: stretch; gap: 8px 16px; padding: 0 24px;
}
.qrk-origin-menu .qrk-origin-selection-column:has(> button:nth-of-type(3)) { grid-template-columns: repeat(2, minmax(max-content, 1fr)); }
.qrk-origin-menu .qrk-origin-selection-column:first-child { padding-left: 0; }
.qrk-origin-menu .qrk-origin-selection-column + .qrk-origin-selection-column { border-left: 1px solid var(--qrk-origin-line); }
.qrk-origin-menu .qrk-origin-selection-caption { grid-row: 1; grid-column: 1 / -1; font: 500 11px/1.4 var(--qrk-origin-font); color: var(--qrk-origin-muted); margin-bottom: 2px; }
.qrk-origin-menu .qrk-origin-selection-column > button { justify-self: stretch; width: auto; min-width: max-content; max-width: none; justify-content: flex-start; }

.qrk-origin-menu .qrk-origin-selection-question .qrk-origin-navigator-icon { margin: 0; color: inherit; }
.qrk-origin-menu .qrk-origin-selection-question .qrk-fa-icon { width: auto; height: auto; font-size: inherit; }

.qrk-origin-menu .qrk-origin-selection-question .qrk-origin-search-scope-token { color: inherit; }

.qrk-origin-menu .qrk-origin-navigator-header .qrk-origin-navigator-edit { color: color-mix(in srgb, var(--qrk-origin-muted) 20%, transparent); transition: color .25s ease; }
.qrk-origin-menu .qrk-origin-navigator-header .qrk-origin-navigator-edit:is(:hover, :focus-visible) { color: var(--qrk-origin-ink); }

.qrk-origin-menu .qrk-origin-navigator-header .qrk-origin-navigator-edit.qrk-origin-places-saving { color: var(--qrk-origin-text); }
.qrk-origin-menu .qrk-origin-navigator-header .qrk-origin-navigator-edit.qrk-origin-places-saving:is(:hover, :focus-visible) { color: var(--qrk-origin-green); }

.qrk-origin-menu .qrk-origin-navigator-sort .qrk-origin-pointer-focus:focus-visible { outline: none !important; }

/* Compact Places rail keeps the same navigation and status controls. */
.qrk-origin-menu .qrk-origin-navigator-header .qrk-origin-sidebar-toggle { margin-left: auto; width: auto; padding: 4px; display: inline-flex; align-items: center; justify-content: center; }
.qrk-origin-menu .qrk-origin-navigator-header .qrk-origin-sidebar-toggle > .qrk-origin-navigator-icon { margin: 0; width: 16px; height: 16px; font-size: 16px; }
.qrk-origin-menu .qrk-origin-navigator-layout.qrk-origin-navigator-collapsed { grid-template-columns: 56px minmax(0, 1fr); }
.qrk-origin-menu .qrk-origin-navigator-layout.qrk-origin-navigator-collapsed.qrk-origin-navigator-refining { grid-template-columns: 56px minmax(140px, 210px) minmax(0, 1fr); }
.qrk-origin-menu .qrk-origin-navigator-collapsed .qrk-origin-navigator-sidebar > .qrk-origin-navigator-header > span,
.qrk-origin-menu .qrk-origin-navigator-collapsed .qrk-origin-navigator-edit,
.qrk-origin-menu .qrk-origin-navigator-collapsed .qrk-origin-navigator-filters :is(.qrk-origin-navigator-count, .qrk-origin-navigator-total) { display: none; }
.qrk-origin-menu .qrk-origin-navigator-collapsed .qrk-origin-navigator-sidebar > .qrk-origin-navigator-header { justify-content: center; padding-inline: 0; }
.qrk-origin-menu .qrk-origin-navigator-collapsed .qrk-origin-navigator-sidebar { padding-right: 0; }
.qrk-origin-menu .qrk-origin-navigator-collapsed .qrk-origin-sidebar-toggle { margin-left: 0; width: 100%; justify-content: center; }
.qrk-origin-menu .qrk-origin-navigator-collapsed .qrk-origin-navigator-filters .qrk-origin-button { display: flex; justify-content: center; padding-inline: 4px; }
.qrk-origin-menu .qrk-origin-navigator-collapsed .qrk-origin-navigator-type-name,
.qrk-origin-menu .qrk-origin-navigator-collapsed .qrk-origin-navigator-statuses .qrk-origin-button { font-size: 0; }
.qrk-origin-menu .qrk-origin-navigator-collapsed .qrk-origin-navigator-sidebar :is(.qrk-origin-navigator-icon, .qrk-origin-favorites-icon) { margin-right: 0; }
.qrk-origin-menu .qrk-origin-navigator-collapsed .qrk-origin-navigator-statuses { flex-direction: column; align-items: stretch; }
.qrk-origin-menu .qrk-origin-navigator-collapsed .qrk-origin-navigator-statuses .qrk-origin-button { width: 100%; display: flex; justify-content: center; }

/* Center every compact control on the same rail, without a reserved scrollbar gutter. */
.qrk-origin-menu #qrk-origin-view-navigator:has(.qrk-origin-navigator-collapsed) { padding-left: 0; }
.qrk-origin-menu .qrk-origin-navigator-collapsed .qrk-origin-navigator-sidebar { box-sizing: border-box; padding-inline: 0; }
.qrk-origin-menu .qrk-origin-navigator-collapsed .qrk-origin-navigator-filters { padding: 0; scrollbar-gutter: auto; align-items: center; }
.qrk-origin-menu .qrk-origin-navigator-collapsed .qrk-origin-navigator-filters .qrk-origin-button { width: 40px; height: 40px; aspect-ratio: 1; padding: 0; align-items: center; justify-content: center; }
.qrk-origin-menu .qrk-origin-navigator-collapsed .qrk-origin-navigator-type-name { display: flex; align-items: center; justify-content: center; line-height: 0; }
.qrk-origin-menu .qrk-origin-navigator-collapsed .qrk-origin-navigator-statuses { padding-inline: 0; align-items: center; }
.qrk-origin-menu .qrk-origin-navigator-collapsed .qrk-origin-navigator-statuses .qrk-origin-button { width: 40px; height: 32px; padding: 0; align-items: center; }
.qrk-origin-menu .qrk-origin-navigator-header .qrk-origin-sidebar-toggle { background: transparent; transition: color .15s ease; }
.qrk-origin-menu .qrk-origin-navigator-header .qrk-origin-sidebar-toggle:hover { background: transparent; color: var(--qrk-origin-green); }
.qrk-origin-menu .qrk-origin-navigator-header .qrk-origin-sidebar-toggle.qrk-origin-pointer-focus:focus-visible { outline: none !important; }

/* Keep the icon inside the shared header height and inset compact separators. */
.qrk-origin-menu .qrk-origin-navigator-header .qrk-origin-sidebar-toggle { padding-block: 3px; }
.qrk-origin-menu .qrk-origin-navigator-collapsed .qrk-origin-navigator-sidebar > .qrk-origin-navigator-header,
.qrk-origin-menu .qrk-origin-navigator-collapsed .qrk-origin-navigator-statuses { position: relative; border-color: transparent; }
.qrk-origin-menu .qrk-origin-navigator-collapsed .qrk-origin-navigator-sidebar > .qrk-origin-navigator-header::after,
.qrk-origin-menu .qrk-origin-navigator-collapsed .qrk-origin-navigator-statuses::before { content: ""; position: absolute; left: 12px; right: 12px; height: 1px; background: var(--qrk-origin-line); pointer-events: none; }
.qrk-origin-menu .qrk-origin-navigator-collapsed .qrk-origin-navigator-sidebar > .qrk-origin-navigator-header::after { bottom: -1px; }
.qrk-origin-menu .qrk-origin-navigator-collapsed .qrk-origin-navigator-statuses::before { top: -1px; }
.qrk-origin-menu .qrk-origin-navigator-collapsed .qrk-origin-navigator-filters > hr { width: calc(100% - 24px); margin-inline: 12px; }

.qrk-origin-menu .qrk-origin-selection-columns.qrk-origin-selection-overflow { padding-bottom: 10px; }

.qrk-origin-menu .qrk-origin-selection-undo { min-width: 0; padding-left: 16px; border-left: 1px solid var(--qrk-origin-muted); text-align: left; overflow-wrap: anywhere; }
.qrk-origin-menu .qrk-origin-selection-undo[hidden] { display: none; }
.qrk-origin-menu .qrk-origin-selection-undo-button { margin-left: 8px; vertical-align: middle; background: color-mix(in srgb, var(--qrk-button-ink, var(--qrk-origin-text)) 33%, var(--qrk-origin-surface)); }
.qrk-origin-menu .qrk-origin-selection-undo-button .qrk-origin-navigator-icon { margin: 0; }

.qrk-origin-menu .qrk-origin-navigator-selection-summary,
.qrk-origin-menu .qrk-origin-navigator-selection-summary a,
.qrk-origin-menu .qrk-origin-selection-undo-button { font-weight: 400; }
.qrk-origin-menu .qrk-origin-navigator-selection-summary strong { font-weight: 700; }

.qrk-origin-menu .qrk-origin-selection-undo a { color: inherit; text-decoration: none; }
.qrk-origin-menu .qrk-origin-selection-undo a:hover { text-decoration: underline; }
.qrk-origin-menu .qrk-origin-group-dialog:has(.qrk-origin-selection-review) { width: min(960px, calc(100vw - 40px)); }
.qrk-origin-menu .qrk-origin-group-dialog .qrk-origin-selection-review {
 display: block; max-height: 55vh; overflow: auto; margin-top: 0;
 color: var(--qrk-origin-text); font-weight: 400;
}
.qrk-origin-menu .qrk-origin-selection-review table { width: 100%; border-collapse: collapse; font: inherit; text-align: left; }
.qrk-origin-menu .qrk-origin-selection-review :is(th, td) {
 padding: 10px 12px; border-bottom: 1px solid var(--qrk-origin-line); vertical-align: top; text-align: left;
}
.qrk-origin-menu .qrk-origin-selection-review th {
 position: sticky; top: 0; background: var(--qrk-origin-surface); font-weight: 700; white-space: nowrap;
}
.qrk-origin-menu .qrk-origin-selection-review td:first-child { min-width: 180px; }
.qrk-origin-menu .qrk-origin-selection-review td:nth-child(n+5) { min-width: 90px; overflow-wrap: anywhere; }
.qrk-origin-menu .qrk-origin-selection-review tbody tr:last-child td { border-bottom: 0; }

.qrk-origin-menu .qrk-origin-selection-undo a.qrk-origin-selection-context {
 display: inline-flex; align-items: center; gap: 4px; vertical-align: baseline; text-decoration: none;
}
.qrk-origin-menu .qrk-origin-selection-context .qrk-origin-navigator-icon { margin: 0; }
.qrk-origin-menu .qrk-origin-selection-context:hover .qrk-origin-selection-context-name { text-decoration: underline; }

/* Keep both controls rendered so Alt-hover can crossfade between them. */
.qrk-origin-menu .qrk-origin-window-controls > .qrk-origin-window-hide {
 transition: opacity .25s ease, visibility 0s;
}
.qrk-origin-menu .qrk-origin-window-jumps {
 opacity: 0; visibility: hidden; pointer-events: none;
 transition: opacity .25s ease, visibility 0s .25s;
}
.qrk-origin-menu.qrk-origin-jump-controls-active .qrk-origin-window-controls > .qrk-origin-window-hide {
 opacity: 0; visibility: hidden; pointer-events: none;
 transition: opacity .25s ease, visibility 0s .25s;
}
.qrk-origin-menu.qrk-origin-jump-controls-active .qrk-origin-window-jumps {
 opacity: 1; visibility: visible; pointer-events: auto;
 transition: opacity .25s ease, visibility 0s;
}
@media (prefers-reduced-motion: reduce) {
 .qrk-origin-menu .qrk-origin-window-controls > .qrk-origin-window-hide,
 .qrk-origin-menu .qrk-origin-window-jumps { transition: none !important; }
}

.qrk-origin-menu .qrk-origin-navigator-badges { display: flex; flex-wrap: wrap; gap: 6px; margin: -4px 0 8px; }
.qrk-origin-menu .qrk-origin-navigator-badges > .qrk-origin-navigator-special { flex: 1 1 auto; }
.qrk-origin-menu .qrk-origin-navigator-badges > .qrk-origin-navigator-current-badge {
 background: #087f98;
 border-color: var(--qrk-origin-green);
 color: color-mix(in srgb, var(--qrk-origin-green) 65%, var(--qrk-origin-text));
}

.qrk-origin-menu .qrk-origin-group-picker-controls { display: flex; gap: 16px; margin-bottom: 12px; font-size: 11px; }
.qrk-origin-menu .qrk-origin-group-picker-controls a { color: var(--qrk-origin-green); text-decoration: none; }
.qrk-origin-menu .qrk-origin-group-picker-controls a:hover { text-decoration: underline; }
.qrk-origin-menu .qrk-origin-group-picker-choices { max-height: 45vh; overflow-y: auto; }
.qrk-origin-menu .qrk-origin-group-dialog .qrk-origin-group-picker-row { display: flex; align-items: flex-start; gap: 10px; padding: 10px 0; cursor: pointer; }
.qrk-origin-menu .qrk-origin-group-picker-row input[type="checkbox"] { margin-top: 2px; }
.qrk-origin-menu .qrk-origin-group-picker-name { display: block; }
.qrk-origin-menu .qrk-origin-group-picker-impact { display: block; margin-top: 3px; font-size: 11px; color: var(--qrk-origin-muted); }
.qrk-origin-menu .qrk-origin-group-picker-row:has(input:checked) .qrk-origin-group-picker-impact { color: var(--qrk-origin-green); }

/* Respond to each card's width, including when the Places/refinement panes are open. */
.qrk-origin-menu .qrk-origin-navigator-item { container: qrk-origin-navigator-card / inline-size; }
/* At one column, use the same 247px threshold as the column breaks. */
@container qrk-origin-navigator-results (max-width: 247px) {
 .qrk-origin-menu .qrk-origin-navigator-status-type > .qrk-origin-navigator-type-label,
 .qrk-origin-menu .qrk-origin-navigator-status-name { display: none; }
 .qrk-origin-menu .qrk-origin-navigator-status-type { gap: 0; }
 .qrk-origin-menu .qrk-origin-navigator-metadata > .qrk-origin-navigator-meta { grid-template-columns: minmax(0, 1fr); row-gap: 6px; }
 .qrk-origin-menu .qrk-origin-navigator-metadata > .qrk-origin-navigator-order-row { margin-top: 6px; }
 .qrk-origin-menu .qrk-origin-navigator-metadata .qrk-origin-navigator-dates { margin-left: 0; text-align: left; justify-self: start; }
 .qrk-origin-menu .qrk-origin-navigator-links { grid-template-columns: repeat(3, max-content); justify-content: center; column-gap: 12px; row-gap: 14px; }
 .qrk-origin-menu .qrk-origin-navigator-links > .qrk-origin-card-toggles { grid-column: 1 / -1; grid-row: 2; justify-self: center; }
}

.qrk-origin-menu .qrk-origin-navigator-sort > .qrk-origin-sort-trigger { display: none; }
.qrk-origin-menu .qrk-origin-sort-compact .qrk-origin-navigator-sort { flex-wrap: nowrap; white-space: nowrap; }
.qrk-origin-menu .qrk-origin-sort-compact .qrk-origin-navigator-sort > [data-qrk-origin-sort] { display: none; }
.qrk-origin-menu .qrk-origin-sort-compact .qrk-origin-navigator-sort > .qrk-origin-sort-trigger {
 display: block; color: var(--qrk-origin-green); width: auto; padding: 1px 2px;
}
.qrk-origin-menu .qrk-origin-sort-compact :is(.qrk-origin-navigator-recap, .qrk-origin-navigator-search-header) { grid-template-columns: minmax(0, 1fr) max-content max-content; }
.qrk-origin-menu .qrk-origin-sort-compact :is(.qrk-origin-navigator-summary, .qrk-origin-navigator-search-context) { overflow-wrap: normal; }
.qrk-origin-menu .qrk-origin-sort-narrow :is(.qrk-origin-navigator-recap, .qrk-origin-navigator-search-header) { grid-template-columns: minmax(0, 1fr) max-content; padding-right: 0; scrollbar-gutter: auto; }
.qrk-origin-menu .qrk-origin-sort-narrow :is(.qrk-origin-navigator-summary, .qrk-origin-navigator-search-context) { grid-column: 1 / -1; grid-row: 1; }
.qrk-origin-menu .qrk-origin-sort-narrow :is(.qrk-origin-navigator-recap, .qrk-origin-navigator-search-header)::before {
 grid-column: 1 / -1; grid-row: 2; justify-self: stretch; margin-left: 0;
 border-left: 0; border-top: 1px solid var(--qrk-origin-line);
}
.qrk-origin-menu .qrk-origin-sort-narrow :is(.qrk-origin-navigator-recap, .qrk-origin-navigator-search-header) > .qrk-origin-navigator-sort { grid-column: 1; grid-row: 3; align-self: center; margin-left: 0; padding-left: 0; }
.qrk-origin-menu .qrk-origin-sort-narrow :is(.qrk-origin-navigator-recap, .qrk-origin-navigator-search-header) > .qrk-origin-navigator-search-action { grid-column: 2; grid-row: 3; align-self: center; }
.qrk-origin-menu .qrk-origin-sort-overlay {
 position: fixed; inset: auto; margin: 0; padding: 32px 8px 8px; min-width: 160px; max-width: calc(100vw - 16px); max-height: calc(100vh - 16px); overflow-y: auto;
 box-sizing: border-box; border: 1px solid var(--qrk-origin-line); border-radius: 8px;
 background: var(--qrk-origin-surface); color: var(--qrk-origin-text); box-shadow: 0 8px 24px #0005;
}
.qrk-origin-menu .qrk-origin-sort-overlay > button[data-qrk-origin-sort] { display: block; width: 100%; padding: 6px 10px; text-align: left; color: var(--qrk-origin-text); font: 11px/1.4 var(--qrk-origin-font); border: 0; border-radius: 5px; background: transparent; }
.qrk-origin-menu .qrk-origin-sort-overlay > button[aria-pressed="true"] { color: var(--qrk-origin-green); background: var(--qrk-origin-selected); }
.qrk-origin-menu .qrk-origin-sort-overlay > button[data-qrk-origin-sort]:hover { background: var(--qrk-origin-selected); }
.qrk-origin-menu .qrk-origin-sort-overlay > button[data-qrk-origin-sort]:focus-visible { background: var(--qrk-origin-selected); outline: 1px solid var(--qrk-origin-muted) !important; }
.qrk-origin-menu .qrk-origin-sort-close { position: absolute; top: 5px; right: 6px; display: flex; align-items: center; justify-content: center; padding: 0; width: 22px; height: 22px; font-size: 14px; border: 0; background: transparent; color: var(--qrk-origin-muted); }
.qrk-origin-menu .qrk-origin-sort-close:hover { color: var(--qrk-origin-text); }

.qrk-origin-menu .qrk-origin-navigator-sort > .qrk-origin-sort-trigger,
.qrk-origin-menu .qrk-origin-navigator-sort > .qrk-origin-sort-trigger:is(:hover, :focus, :focus-visible, :active) {
 outline: none !important; box-shadow: none !important;
}

.qrk-origin-menu .qrk-origin-search-ignored-count { color: var(--qrk-origin-muted); font-size: .9em; }

.qrk-origin-menu a.qrk-origin-search-count-link,
.qrk-origin-menu a.qrk-origin-search-count-link:is(:hover, :focus-visible) { color: inherit; text-decoration: none; }
.qrk-origin-menu a.qrk-origin-search-count-link:is(:hover, :focus-visible) { text-decoration: underline; }
.qrk-origin-menu .qrk-origin-search-ignored-results { margin-top: 14px; }
.qrk-origin-menu a.qrk-origin-search-ignored-reveal,
.qrk-origin-menu a.qrk-origin-search-ignored-reveal:is(:hover, :focus-visible),
.qrk-origin-menu .qrk-origin-search-ignored-heading { color: var(--qrk-origin-muted); font-size: 11px; }
.qrk-origin-menu a.qrk-origin-search-ignored-reveal { opacity: .65; text-decoration: none; }
.qrk-origin-menu a.qrk-origin-search-ignored-reveal:is(:hover, :focus-visible) { text-decoration: underline; }
.qrk-origin-menu .qrk-origin-search-ignored-heading { margin-bottom: 12px; }

.qrk-origin-menu .qrk-origin-search-remote-token > .qrk-origin-navigator-icon { margin-right: .2em; }
.qrk-origin-menu .qrk-origin-search-remote-scope-token > .qrk-origin-navigator-icon { margin-right: .1em; }

.qrk-origin-menu .qrk-origin-search-remote-scope-token { color: #c098ff; }

.qrk-origin-menu .qrk-origin-search-local-token > .qrk-origin-navigator-icon { margin-right: .3em; }

.qrk-origin-menu .qrk-origin-search-remote-token { color: #ffa8f5; }

.qrk-origin-menu a.qrk-origin-search-count-link,
.qrk-origin-menu a.qrk-origin-search-count-link:is(:hover, :focus, :focus-visible, :active) { outline: none !important; box-shadow: none !important; }




.qrk-origin-menu .qrk-origin-navigator-top-row { grid-column: 1 / -1; margin-bottom: 0; justify-content: flex-start; gap: 12px; }
.qrk-origin-menu .qrk-origin-navigator-top-row > .qrk-origin-navigator-icon { margin: 0; font-size: 16px; }

.qrk-origin-menu .qrk-origin-navigator-top-row > .qrk-origin-navigator-refresh { width: auto; padding: 0; border: 0; background: transparent; color: var(--qrk-origin-ink); }
.qrk-origin-menu .qrk-origin-navigator-refresh > .qrk-origin-navigator-icon { margin: 0; font-size: 16px; }
.qrk-origin-menu .qrk-origin-navigator-refresh-status { color: var(--qrk-origin-muted); font-size: 11px; }
.qrk-origin-menu .qrk-origin-navigator-layout[aria-busy="true"] { pointer-events: none; }

/* Temporary reveal mode changes only the Origin overlay, never page layout. */
.qrk-origin-menu.qrk-origin-ghost-mode {
    opacity: var(--qrk-origin-ghost-opacity, .25) !important;
}
.qrk-origin-menu.qrk-origin-ghost-mode,
.qrk-origin-menu.qrk-origin-ghost-mode * {
    pointer-events: none !important;
}

/* Reserve the status bar's right edge for Origin window visual toggles.
   The ghost escape hatch is aligned here from its own top layer, outside the inert panel. */
.qrk-origin-menu .qrk-origin-status-bar {
	padding-right: 48px;
	min-width: 0;
	max-width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	overscroll-behavior: contain;

	background: color-mix(in srgb, var(--qrk-color-brand, #43c5ca) 40%, #29384b);
	background: color-mix(in srgb, #43c5ca80 40%, #29384b);
	background: color-mix(in srgb, #00f6ffa3 40%, #29384b);
}
.qrk-origin-ghost-toggle { position:fixed!important; inset:auto; margin:0!important; padding:0!important; display:flex; align-items:center; justify-content:center; border:0!important; border-radius:5px; background:transparent; color:var(--qrk-origin-text); font-size:18px; line-height:1; opacity:1!important; pointer-events:auto!important; z-index:2147483647; cursor:pointer; }
/* Shared treatment for current and future status-bar toggles, including the detached ghost button. */
.qrk-origin-menu .qrk-origin-status-bar .qrk-origin-status-toggle,
.qrk-origin-status-toggle.qrk-origin-ghost-toggle { color: var(--qrk-origin-text); border-radius: 5px; }
.qrk-origin-menu .qrk-origin-status-bar .qrk-origin-status-toggle:is(:hover, :focus-visible),
.qrk-origin-status-toggle.qrk-origin-ghost-toggle:is(:hover, :focus-visible, [aria-pressed="true"]) { color: #6ddde3; background: #305466; }
/* Suppress focus rings on controls only; preserve decorative outlines and shadows. */
.qrk-origin-menu .qrk-origin-status-bar :is(button, a, input, select, textarea, [tabindex]):not(.qrk-badge):is(:focus, :focus-visible),
.qrk-origin-status-toggle.qrk-origin-ghost-toggle:is(:focus, :focus-visible) { outline: none !important; box-shadow: none !important; }
/* Pointer hover keeps the teal ring; keyboard focus alone stays outline-free. */
.qrk-origin-menu .qrk-origin-status-bar .qrk-origin-status-toggle:hover,
.qrk-origin-status-toggle.qrk-origin-ghost-toggle:is(:hover, [aria-pressed="true"]) { outline: 1px solid #6ddde3 !important; outline-offset: 0 !important; }
.qrk-origin-menu .qrk-origin-theme-toggle { position: relative; }
.qrk-origin-menu .qrk-origin-theme-toggle::after { content: ""; position: absolute; right: -5px; top: 5px; height: 16px; border-right: 1px solid color-mix(in srgb, var(--qrk-origin-muted) 30%, transparent); pointer-events: none; }
.qrk-origin-ghost-toggle .qrk-ui-icon { width:18px; height:18px; pointer-events:none; }


/* Detached opaque opacity editor; its slider deliberately has no focus outline. */
.qrk-origin-ghost-opacity { position: fixed !important; inset: auto; margin: 0 !important; box-sizing: border-box; width: 94px; padding: 12px 14px 20px; border: 1px solid #6ddde366; border-radius: 9px; background: #243846; color: #edf1f5; opacity: 1 !important; pointer-events: auto !important; z-index: 2147483647; font: 12px/1.4 system-ui, sans-serif; }
.qrk-origin-ghost-opacity, .qrk-origin-ghost-opacity * { outline: none !important; box-shadow: none !important; }
.qrk-origin-ghost-opacity output { display: block; text-align: center; margin-bottom: 16px; font-weight: 600; font-variant-numeric: tabular-nums; }
.qrk-origin-ghost-opacity-slider { position: relative; height: min(180px, 45vh); width: 100%; padding: 0; border: 0; background: transparent; touch-action: none; user-select: none; cursor: ns-resize; }
.qrk-origin-ghost-opacity-track { position: absolute; left: 17px; top: 0; bottom: 0; width: 4px; border-radius: 2px; background: #6ddde344; pointer-events: none; }
.qrk-origin-ghost-opacity-thumb { position: absolute; left: 11px; bottom: var(--qrk-origin-ghost-level, 28.5714%); width: 16px; height: 16px; border-radius: 50%; background: #6ddde3; transform: translateY(50%); pointer-events: none; z-index: 1; }
.qrk-origin-ghost-opacity-notch { position: absolute; left: 28px; transform: translateY(50%); font-size: 10px; color: #c4d0dc; pointer-events: none; }
.qrk-origin-ghost-opacity-notch::before { content: ""; position: absolute; right: calc(100% + 3px); top: 50%; width: 12px; border-top: 1px solid #c4d0dc80; }

.qrk-origin-menu .qrk-origin-status-bar > * { flex-shrink: 0; }

body.wp-admin.qrk-origin #wpwrap {
	padding-bottom: 52px;
}

.qrk-origin-menu .qrk-ui-alert.qrk-origin-group-dialog select {
 appearance: none; -webkit-appearance: none;
 min-height: 40px; padding-right: 40px; line-height: 1.4;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%2394a7b7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 background-repeat: no-repeat; background-position: right 14px center; background-size: 12px 8px;
 box-shadow: none;
}
.qrk-origin-menu .qrk-ui-alert.qrk-origin-group-dialog select:focus-visible {
 border-color: var(--qrk-origin-green, #167b76);
 outline: 1px solid var(--qrk-origin-green, #167b76) !important; outline-offset: 0 !important;
 box-shadow: none;
}

/* Selection stays teal; keyboard navigation previews another tab with a thinner teal outline. */
.qrk-origin-menu .qrk-origin-tab[aria-selected="true"] {
    outline: 2px solid #6ddde3 !important;
    outline-offset: -2px !important;
}
.qrk-origin-menu .qrk-origin-tab[aria-selected="false"]:focus-visible:not(.qrk-origin-pointer-focus) {
    background: #314556;
    outline: 1px solid #57aab4 !important;
    outline-offset: -1px !important;
}

/* Playground headings are focus landing points, not outlined controls. */
.qrk-origin-menu .qrk-origin-playground .qrk-origin-heading:is(:focus, :focus-visible) {
    outline: none !important;
    box-shadow: none !important;
}

/* Playground-only output can be shown alone or beneath Rendered / Source. */
.qrk-origin-menu .qrk-origin-playground-console { display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;border-top:1px solid var(--qrk-origin-line);background:var(--qrk-origin-surface); }
.qrk-origin-menu .qrk-origin-console-widget .qrk-origin-console-widget-header { display:flex;align-items:center;justify-content:space-between;padding:4px 10px; }
.qrk-origin-menu .qrk-origin-console-widget .qrk-origin-button { width:auto; }
.qrk-origin-menu .qrk-origin-console-widget-output { overflow:auto;flex:1;min-height:0;padding:8px 12px; }
.qrk-origin-menu .qrk-origin-console-widget-output pre { margin:0;padding:5px 0;white-space:pre-wrap;overflow-wrap:anywhere;border-bottom:1px solid var(--qrk-origin-line);font:10px/1.5 var(--qrk-origin-mono);color:var(--qrk-origin-text); }
.qrk-origin-menu .qrk-origin-console-widget-output pre[data-level="error"],.qrk-origin-menu .qrk-origin-console-widget-output pre[data-level="assert"] { color:#ff9b9b; }
.qrk-origin-menu .qrk-origin-console-widget-output pre[data-level="warn"] { color:#f0cd83; }
.qrk-origin-menu .qrk-origin-playground-stage.qrk-origin-playground-with-console { display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,calc(var(--qrk-origin-playground-console-split,60%) - 5px)) 10px minmax(0,1fr); }
.qrk-origin-menu .qrk-origin-playground-stage.qrk-origin-playground-with-console.qrk-origin-playground-both { grid-template-columns:minmax(0,var(--qrk-origin-playground-preview-split,50%)) 10px minmax(0,1fr); }
.qrk-origin-menu .qrk-origin-playground-with-console > .qrk-origin-playground-console { grid-column:1 / -1;grid-row:3;border-top:0; }

.qrk-origin-menu .qrk-origin-playground-console-divider { grid-column:1 / -1;grid-row:2;cursor:row-resize; }

/* The rendered preview is a focusable viewport, not an outlined control. */
.qrk-origin-menu .qrk-origin-playground .qrk-origin-playground-rendered:is(:focus, :focus-visible) {
    outline: none !important;
    box-shadow: none !important;
}

.qrk-origin-menu .qrk-origin-playground-junction,
.qrk-origin-menu .qrk-origin-playground-junction * { cursor: move !important; }

.qrk-origin-menu .qrk-origin-console-widget-command { display:flex;flex:none;gap:8px;padding:8px 12px;border-top:1px solid var(--qrk-origin-line);background:var(--qrk-origin-surface); }
.qrk-origin-menu .qrk-origin-console-widget-command textarea { flex:1;min-width:0;min-height:40px;max-height:140px;resize:vertical;margin:0;padding:5px 8px;border:0;border-radius:0;background:var(--qrk-origin-content-background);color:var(--qrk-origin-text);font:10px/1.5 var(--qrk-origin-mono); }
.qrk-origin-menu .qrk-origin-console-widget-command .qrk-origin-button { align-self:flex-start;width:auto; }
.qrk-origin-menu .qrk-origin-console-widget-output pre[data-level="command"] { color:var(--qrk-origin-muted); }
/* Optical alignment: prompt glyphs have a left bearing unlike disclosure markers. */
.qrk-origin-menu .qrk-origin-console-widget-inline .qrk-origin-console-widget-output pre[data-level="command"] { position:relative;left:-1px; }

.qrk-origin-menu .qrk-origin-console-widget { display:flex;flex-direction:column;min-height:0;min-width:0; }

/* Playground uses a continuous transcript with its prompt immediately after output. */

.qrk-origin-menu .qrk-origin-console-widget-inline .qrk-origin-console-widget-transcript { flex:1;min-height:0;overflow:auto;padding:8px 12px; }
.qrk-origin-menu .qrk-origin-console-widget-inline .qrk-origin-console-widget-output { overflow:visible;flex:none;padding:0; }
.qrk-origin-menu .qrk-origin-console-widget-inline .qrk-origin-console-widget-output pre { border:0; }
.qrk-origin-menu .qrk-origin-console-widget-inline .qrk-origin-console-widget-command { position:relative;left:-1px;border:0;background:transparent;padding:5px 0;align-items:flex-start;font:12px/1.5 var(--qrk-origin-mono); }
.qrk-origin-menu .qrk-origin-console-widget-inline .qrk-origin-console-widget-command > [data-qrk-icon="fas-chevron-right"] { position:relative;top:-0.5px;font-size:12px;flex:none; }
.qrk-origin-menu .qrk-origin-console-widget-inline .qrk-origin-console-widget-command > [data-qrk-icon="fas-chevron-right"] > .qrk-ui-icon { width:auto;min-width:0;margin:0;padding:0;text-align:left;-webkit-text-stroke:1px currentColor; }
.qrk-origin-menu .qrk-origin-console-widget-inline .qrk-origin-console-widget-command textarea { min-height:18px;font-size:12px;max-height:none;overflow:hidden;box-sizing:border-box;padding:0;background:transparent;resize:none;box-shadow:none!important;outline:none!important; }

.qrk-origin-menu .qrk-origin-playground-console {
    background: #030a13e8 !important;
}

.qrk-origin-menu .qrk-origin-console-widget-output details { padding:5px 0;font:10px/1.5 var(--qrk-origin-mono);color:#ff9b9b; }
.qrk-origin-menu .qrk-origin-console-widget-output details > summary { cursor:pointer;white-space:pre-wrap;overflow-wrap:anywhere; }
.qrk-origin-menu .qrk-origin-console-widget-output details > pre { padding-left:16px;color:inherit; }

.qrk-origin-menu .qrk-origin-playground-play { display:inline-flex;align-items:center;gap:5px; }
.qrk-origin-menu .qrk-origin-playground-console .qrk-origin-console-widget-clear { margin-left:auto;opacity:.45; }
.qrk-origin-menu .qrk-origin-playground-console .qrk-origin-console-widget-clear:is(:hover,:focus-visible) { opacity:1; }
.qrk-origin-menu .qrk-origin-console-widget-output .qrk-copyable { padding-right:28px; }


/* Clear floats above the transcript instead of reserving a header row. */
.qrk-origin-menu .qrk-origin-playground-console { position:relative; }
.qrk-origin-menu .qrk-origin-playground-console > .qrk-origin-console-widget-header { position:absolute;top:0;right:8px;z-index:2;padding:4px 0; }
.qrk-origin-menu .qrk-origin-playground-console > .qrk-origin-console-widget-transcript { padding-top:4px;padding-right:72px; }

/* Shared text-action states: muted at rest, teal when selected, brighter on hover. */
.qrk-origin-menu .qrk-origin-navigator-statuses .qrk-origin-button,
.qrk-origin-menu .qrk-origin-text-action { transition: color .25s ease; }
.qrk-origin-menu .qrk-origin-navigator-statuses .qrk-origin-button:is(:hover, :focus-visible),
.qrk-origin-menu .qrk-origin-text-action:is(:hover, :focus-visible) { color: var(--qrk-origin-ink); }
.qrk-origin-menu .qrk-origin-navigator-statuses .qrk-origin-button[aria-pressed="true"]:is(:hover, :focus-visible),
.qrk-origin-menu .qrk-origin-text-action:is([aria-checked="true"], [aria-pressed="true"]):is(:hover, :focus-visible) { color: color-mix(in srgb, var(--qrk-origin-green) 65%, #fff); }
.qrk-origin-menu .qrk-origin-btn:focus-visible { outline: 1px solid var(--qrk-origin-green) !important; outline-offset: 2px !important; box-shadow: none; }
.qrk-origin-menu .qrk-origin-btn:active:not(:disabled):not([aria-disabled="true"]) { background: color-mix(in srgb, var(--qrk-origin-green) 32%, var(--qrk-origin-surface)); }
@media (prefers-reduced-motion: reduce) {
 .qrk-origin-menu .qrk-origin-navigator-statuses .qrk-origin-button,
 .qrk-origin-menu .qrk-origin-text-action { transition: none; }
}

/* Sort direction is a reusable control trait, independent of its tab or layout.
   Keep square edges even when composed with rounded button/overlay styles. */
.qrk-origin-menu .qrk-origin-sort-identifier { border-radius: 0 !important; border-block: 1px solid transparent; }
.qrk-origin-menu .qrk-origin-sort-identifier[data-qrk-origin-direction="ascending"] { border-bottom: 1px solid color-mix(in srgb, var(--qrk-origin-green) 45%, transparent); }
.qrk-origin-menu .qrk-origin-sort-identifier[data-qrk-origin-direction="descending"] { border-top: 1px solid color-mix(in srgb, var(--qrk-origin-green) 45%, transparent); }

/* Origin scaffolding: rows own their divider; containers own external spacing. */
.qrk-origin-menu :is(.qrk-origin-row, .qrk-origin-toolbar) {
 box-sizing: border-box; flex: none; min-width: 0;
 height: var(--qrk-origin-row-height); min-height: var(--qrk-origin-row-height);
 margin-block: 0; padding-block: 0; align-items: center;
 border-bottom: 1px solid var(--qrk-origin-line);
}
.qrk-origin-menu .qrk-origin-row-wrap { height: auto; }
.qrk-origin-menu .qrk-origin-stack {
 display: flex; flex-direction: column; min-width: 0; min-height: 0;
 gap: var(--qrk-origin-stack-gap, 0px);
}
.qrk-origin-menu .qrk-origin-navigator-sidebar,
.qrk-origin-menu .qrk-origin-navigator-term-section { --qrk-origin-stack-gap: var(--qrk-origin-space-small); }
.qrk-origin-menu .qrk-origin-favorite-group { --qrk-origin-stack-gap: var(--qrk-origin-space-content); }
.qrk-origin-menu .qrk-origin-favorite-group[data-qrk-origin-collapsed="true"]:not([data-qrk-origin-animating="true"]) { --qrk-origin-stack-gap: 0px; }

/* Text-action focus/selection is identical in every host, including button hosts. */
.qrk-origin-menu .qrk-origin-text-action:is([aria-checked="true"], [aria-pressed="true"]) { background: transparent; }
.qrk-origin-menu .qrk-origin-text-action,
.qrk-origin-menu .qrk-origin-text-action:is(:hover, :focus, :focus-visible, :active) { border-radius: 0; outline: none !important; box-shadow: none !important; }

/* Every Origin tab starts flush: rows and content stacks own vertical spacing. */
.qrk-origin-menu .qrk-origin-tab-content { padding: 0 var(--qrk-origin-content-inset); border: 0; }

/* Decorative vertical separators share equal end insets across Origin. */
.qrk-origin-menu .qrk-origin-separator-edge,
.qrk-origin-menu .qrk-origin-separator-before::before {
 border-image-source: linear-gradient(to bottom, transparent var(--qrk-origin-separator-inset), var(--qrk-origin-separator-color, var(--qrk-origin-line)) var(--qrk-origin-separator-inset), var(--qrk-origin-separator-color, var(--qrk-origin-line)) calc(100% - var(--qrk-origin-separator-inset)), transparent calc(100% - var(--qrk-origin-separator-inset)));
 border-image-slice: 1;
}
.qrk-origin-menu .qrk-origin-navigator-status-type { --qrk-origin-separator-color: color-mix(in srgb, var(--qrk-origin-card-status-ink) 35%, transparent); }
.qrk-origin-menu .qrk-origin-selection-undo { --qrk-origin-separator-color: var(--qrk-origin-muted); }
/* The responsive scope divider becomes horizontal, so it has no vertical end inset. */
.qrk-origin-menu .qrk-origin-sort-narrow .qrk-origin-separator-before::before { border-image: none; }

/* A shared row rail aligns controls with scrollable content in every tab. */
.qrk-origin-menu :is(.qrk-origin-row, .qrk-origin-toolbar) {
 padding-inline: var(--qrk-origin-row-inset);
 overflow-y: hidden;
 scrollbar-gutter: stable;
}

/* Explicit right rail: never depend on native scrollbar width for toolbar alignment. */
.qrk-origin-menu :is(.qrk-origin-row, .qrk-origin-toolbar) {
 padding-right: calc(var(--qrk-origin-row-inset) + var(--qrk-origin-scrollbar-reserve));
 scrollbar-gutter: auto;
}

/* Independently painted panes still need a painted shared outer inset.
   Keep the center transparent so editor/console translucency does not stack. */
.qrk-origin-menu .qrk-origin-tab-content.qrk-origin-pane-surfaces {
 background: linear-gradient(to right,
  var(--qrk-origin-glass) 0 var(--qrk-origin-content-inset-start, var(--qrk-origin-content-inset)),
  transparent var(--qrk-origin-content-inset-start, var(--qrk-origin-content-inset)) calc(100% - var(--qrk-origin-content-inset)),
  var(--qrk-origin-glass) calc(100% - var(--qrk-origin-content-inset)) 100%);
}

/* Opt-in flush rendering for any container, without tab-specific overrides. */
.qrk-origin-menu .qrk-origin-flush-start {
 --qrk-origin-content-inset-start: 0px;
 padding-inline-start: 0 !important;
}

/* Lazy object inspection shared by all Origin console hosts. */
.qrk-origin-menu .qrk-origin-console-widget-output .qrk-origin-console-object { color: inherit; padding: 0; display: inline-block; vertical-align: top; }
.qrk-origin-menu .qrk-origin-console-values { padding: 5px 0; font: 10px/1.5 var(--qrk-origin-mono); overflow-wrap: anywhere; }
.qrk-origin-menu .qrk-origin-console-property { padding-left: 16px; }
.qrk-origin-menu .qrk-origin-console-inspect { display: inline; width: auto; padding: 0 3px; border: 0; background: transparent; color: var(--qrk-origin-green); font: inherit; cursor: pointer; }

/* Dim the entire execution workspace without changing individual surface colors.
   The status is raised above the scrim; inert on the root blocks all interaction. */
.qrk-origin-menu .qrk-origin-playground { position: relative; isolation: isolate; }
.qrk-origin-menu .qrk-origin-playground[aria-busy="true"]::after {
 content: ""; position: absolute; inset: 0; z-index: 20;
 background: #34405094;
 /* background: #3a485a94; */
 /* Block immediately; paint only if this execution is still busy after 1s.
    Removing aria-busy removes the pseudo-element and cancels its delay. */
 pointer-events: auto;
 opacity: 0;
 animation: qrk-origin-busy-dim .25s ease 1s forwards;
}
@keyframes qrk-origin-busy-dim { to { opacity: 1; } }
.qrk-origin-menu .qrk-origin-playground[aria-busy="true"] .qrk-origin-playground-status {
 position: relative; z-index: 21;
}

.qrk-origin-menu .qrk-origin-playground-error-page { display:block;width:100%;min-height:300px;height:100%;border:0;background:#fff; }
.qrk-origin-menu .qrk-playground-output:has(> .qrk-origin-playground-error-page) { height:100%;padding:0; }

.qrk-origin-menu .qrk-origin-playground-request { min-width:0;min-height:0;overflow:auto;padding:8px 12px;background:var(--qrk-origin-glass);color:var(--qrk-origin-text);font:11px/1.5 var(--qrk-origin-mono); }
.qrk-origin-menu .qrk-origin-playground-request dl { display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 12px;margin:0; }
.qrk-origin-menu .qrk-origin-playground-request dt { color:var(--qrk-origin-ink); }
.qrk-origin-menu .qrk-origin-playground-request dd { margin:0;overflow-wrap:anywhere; }
.qrk-origin-menu .qrk-origin-playground-request[data-empty]::before { content:attr(data-empty);color:var(--qrk-origin-muted); }

/* The vertical track owns the crossing; cut that square out of the horizontal
   track so translucency is painted once and vertical hover stays continuous. */
.qrk-origin-menu .qrk-origin-playground-stage:has(> .qrk-origin-playground-divider-crossing) > .qrk-origin-playground-console-divider {
 background-color: transparent;
 background-image: linear-gradient(to right,
  var(--qrk-origin-resize-fill) 0 calc(var(--qrk-origin-playground-preview-split,50%) - 5px),
  transparent calc(var(--qrk-origin-playground-preview-split,50%) - 5px) calc(var(--qrk-origin-playground-preview-split,50%) + 5px),
  var(--qrk-origin-resize-fill) calc(var(--qrk-origin-playground-preview-split,50%) + 5px) 100%);
}
.qrk-origin-menu .qrk-origin-playground-stage:has(> .qrk-origin-playground-console-divider:is(:hover, :focus-visible, .is-resize-active)) > .qrk-origin-playground-divider-crossing {
 background-color: transparent;
 background-image: linear-gradient(to bottom,
  var(--qrk-origin-resize-fill) 0 calc(var(--qrk-origin-playground-console-split,60%) - 5px),
  var(--qrk-origin-bar) calc(var(--qrk-origin-playground-console-split,60%) - 5px) calc(var(--qrk-origin-playground-console-split,60%) + 5px),
  var(--qrk-origin-resize-fill) calc(var(--qrk-origin-playground-console-split,60%) + 5px) 100%);
}

/* Compact response feedback shared by Origin request actions. */
.qrk-origin-menu .qrk-origin-response-status { --qrk-origin-response-dot:#f9555f;display:inline-flex;align-items:center;gap:6px;flex:none;color:var(--qrk-origin-text);font-size:11px;white-space:nowrap; }
.qrk-origin-menu .qrk-origin-response-status::before { content:"";width:10px;height:10px;flex:none;border-radius:50%;background:var(--qrk-origin-response-dot); }
.qrk-origin-menu .qrk-origin-response-status[data-success="true"] { --qrk-origin-response-dot:#36ffc2; }

/* Automatic ghost mode uses the ghost toggle's active palette. */
.qrk-origin-ghost-auto { display: block; width: 100%; margin: 0 0 12px; padding: 5px 0; border: 1px solid transparent; border-radius: 5px; background: transparent; color: #c4d0dc; font: 600 11px/1.4 system-ui, sans-serif; letter-spacing: .08em; cursor: pointer; }
.qrk-origin-ghost-auto[aria-pressed="true"] { color: #6ddde3; background: #305466; border-color: #6ddde3; }
.qrk-origin-ghost-auto:is(:hover, :focus-visible) { color: #edf1f5; background: #3b6073; }
.qrk-origin-ghost-opacity-slider:focus-visible .qrk-origin-ghost-opacity-thumb { background: #edf1f5; }