/* In-place editing controls. Last updated: October 14, 2026. */
.lki-ds-editor-toolbar {
	background: var(--bg);
	border-bottom: 1px solid var(--border);
	font-family: var(--font-sans);
	font-size: .875rem;
	line-height: 1.4;
	color: var(--fg);
}
body.lki-ds-preview .lki-ds-editor-toolbar .lki-ds-editor-toolbar__content {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--sp-16);
	padding-block: var(--sp-16);
}
.lki-ds-editor-toolbar__status:empty { display: none; }
.lki-ds-editor-toolbar__status { flex: 1 1 16rem; }
body.lki-ds-preview .lki-ds-editor-toolbar .lki-ds-login-form { align-items: flex-end; }
.lki-ds-login-form > label { display: flex; flex: 0 1 18rem; flex-direction: column; gap: var(--sp-8); min-width: 0; }
body.lki-ds-preview .lki-ds-login-form input:not([type="hidden"]) {
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	min-height: 44px;
	padding: var(--sp-8) var(--sp-12);
	border: 1px solid var(--border-strong);
	border-radius: var(--radius-sm);
	background: var(--bg);
	color: var(--fg);
	font: inherit;
}
.lki-ds-login-error { flex-basis: 100%; margin: 0; color: var(--fg); }
.lki-ds-login-form input:focus-visible { outline: 2px solid var(--fg); outline-offset: 4px; }
@media (max-width: 640px) {
	.lki-ds-login-form > label { flex-basis: 100%; }
}
.lki-ds-editor-approval { margin-left: auto; display: flex; align-items: center; gap: var(--sp-8); min-height: 44px; cursor: pointer; }
body.lki-ds-preview .lki-ds-editor-approval input { width: auto; margin: 0; accent-color: var(--fg); }
.lki-ds-mode-control { display: none !important; }
.lki-ds-edit-mode .lki-ds-mode-control { display: inline-flex !important; }
.lki-ds-edit-mode [data-ds-editable] {
	outline: 1px dashed var(--border-strong);
	outline-offset: 4px;
	cursor: pointer;
}
.lki-ds-edit-mode [data-ds-editable]:hover { outline-color: var(--fg); }
body.lki-ds-preview.lki-ds-edit-mode .sec > .container > p.body-copy[data-ds-editable] {
	padding: var(--sp-12) var(--sp-16);
}
.lki-ds-edit-mode .hex { overflow-wrap: anywhere; }
.lki-ds-inline-form {
	box-sizing: border-box;
	width: 100%;
	max-width: var(--dg-description-width);
	margin-block: var(--sp-16);
	padding: var(--sp-16);
	background: var(--bg);
	color: var(--fg);
	border: 1px solid var(--border-strong);
	border-radius: var(--radius-sm);
	font-family: var(--font-sans);
	font-size: 1rem;
}
.lki-ds-inline-controls { display: flex; flex-wrap: wrap; gap: var(--sp-12); margin-top: var(--sp-12); }
.lki-ds-inline-controls > label { display: flex; flex-direction: column; flex: 1 1 12rem; gap: var(--sp-8); min-width: 0; }
body.lki-ds-preview .lki-ds-inline-form input,
body.lki-ds-preview .lki-ds-inline-form textarea,
body.lki-ds-preview .lki-ds-inline-form select {
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	min-height: 44px;
	padding: var(--sp-12);
	background: var(--bg);
	color: var(--fg);
	border: 1px solid var(--border-strong);
	border-radius: var(--radius-sm);
	font: inherit;
}
.lki-ds-inline-form textarea { resize: vertical; }
.lki-ds-inline-form [hidden] { display: none !important; }
body.lki-ds-preview .lki-ds-inline-form input[type="checkbox"] { width: auto; min-height: auto; }
.lki-ds-inline-status { margin: var(--sp-12) 0 0; font-size: .875rem; overflow-wrap: anywhere; }
body.lki-ds-preview .lki-ds-editor-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: var(--sp-8) var(--sp-16);
	background: var(--bg);
	color: var(--fg);
	border: 1px solid var(--border-strong);
	border-radius: var(--radius-sm);
	font: inherit;
	text-decoration: none;
	cursor: pointer;
}
body.lki-ds-preview .lki-ds-editor-button:hover,
body.lki-ds-preview .lki-ds-editor-button:focus-visible { background: var(--editor-hover-bg); color: var(--editor-hover-fg); }
body.lki-ds-preview .lki-ds-editor-button:disabled { color: var(--fg-muted); background: var(--fill-subtle); cursor: wait; }
.lki-ds-editor-button:focus-visible,
.lki-ds-inline-form :focus-visible,
.lki-ds-edit-mode [data-ds-editable]:focus-visible {
	outline: 2px solid var(--fg);
	outline-offset: 4px;
}