@burger-editor/client 4.0.0-alpha.1

package/dist/client.css

@@ -0,0 +1,764 @@
+@charset "UTF-8";
+	dl.svelte-s2t554 {
+		padding: 0;
+		margin: 0;
+	}
+
+	dt.svelte-s2t554 {
+		margin-block-end: 10px;
+		font-size: 1.1em;
+		font-weight: bold;
+		color: #333;
+		border-block-end: 1px #565a49 dotted;
+	}
+
+	dl.svelte-s2t554 > div:where(.svelte-s2t554) {
+		display: grid;
+		grid-template-columns: repeat(auto-fill, minmax(6em, 1fr));
+		gap: 0.5em;
+	}
+
+	dd.svelte-s2t554 {
+		padding: 0;
+		margin: 0;
+	}
+
+	button.svelte-s2t554 {
+		display: flex;
+		align-items: start;
+		inline-size: 100%;
+		block-size: 100%;
+		padding: 0.5em 0.5em;
+		margin: 0;
+		appearance: none;
+	}
+
+	figure.svelte-s2t554 {
+		margin: 0 auto;
+	}
+
+	.img.svelte-s2t554 > :where(.svelte-s2t554) {
+		display: block;
+		inline-size: 71px;
+		block-size: 56px;
+		margin: 0 auto;
+		background-repeat: no-repeat;
+		border-radius: 10px;
+	}
+
+	figcaption.svelte-s2t554 {
+		padding-block-start: 0.5em;
+		font-size: 0.6em;
+		font-weight: bold;
+		text-align: center;
+	}
+
+	button.svelte-1m6pw9u {
+		anchor-name: var(--name);
+		display: block;
+		padding: 0.2em 0.5em;
+		font-size: 1.5em;
+		color: var(--bge-lightest-color);
+		pointer-events: all;
+		background: var(--bge-ui-primary-color);
+		border: none;
+	}
+
+	div.svelte-1m6pw9u:is(:where(.svelte-1m6pw9u):hover, :where(.svelte-1m6pw9u):focus-within) button:where(.svelte-1m6pw9u) {
+		background-color: color-mix(
+			in srgb,
+			var(--bge-ui-primary-color) 70%,
+			var(--bge-darkest-color) 30%
+		);
+	}
+
+	span.svelte-1m6pw9u {
+		position: absolute;
+		z-index: 1000;
+		display: none;
+		position-anchor: var(--name);
+		inline-size: calc(anchor-size(inline-size) * 2);
+		padding-block: 0.2em;
+		padding-inline: 0.6em;
+		margin: 0.2em;
+		position-area: block-end;
+		font-size: 0.8em;
+		color: var(--bge-lightest-color);
+		background: var(--bge-tooltip-background-color);
+		border-radius: 0.6em;
+	}
+
+	div.svelte-1m6pw9u:is(:where(.svelte-1m6pw9u):hover, :where(.svelte-1m6pw9u):focus-within) span:where(.svelte-1m6pw9u) {
+		display: block;
+	}
+
+	.bge-menu-base.svelte-15fci6 {
+		position: absolute;
+		inset-block-start: var(--y);
+		inset-inline-start: var(--x);
+		inline-size: var(--width);
+		block-size: calc(var(--height) + var(--margin-block-end));
+		pointer-events: none;
+	}
+
+	.bge-menu-margin.svelte-15fci6 {
+		--_line-color: rgb(from var(--bge-ui-primary-color) r g b / 10%);
+		container: margin-view / size;
+		position: absolute;
+		inset-block-end: 0;
+		inset-inline-start: 0;
+		z-index: 100;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		inline-size: 100%;
+		block-size: var(--margin-block-end);
+		font-size: 0.8em;
+		font-weight: bold;
+		color: var(--bge-ui-primary-color);
+		pointer-events: none;
+		background: repeating-linear-gradient(
+			45deg,
+			transparent,
+			transparent 4px,
+			var(--_line-color) 4px,
+			var(--_line-color) 8px
+		);
+	}
+
+	@container margin-view (height < 1em) {
+		.bge-menu-margin.svelte-15fci6 {
+			span:where(.svelte-15fci6) {
+				padding: 0.2em 0.4em;
+				color: var(--bge-lightest-color);
+				background: var(--bge-ui-primary-color);
+				border-radius: 0.2em;
+			}
+		}
+	}
+
+	.bge-menu.svelte-15fci6 {
+		--gap: 0.2em;
+		display: flex;
+		align-items: start;
+		justify-content: space-between;
+		inline-size: 100%;
+		block-size: 100%;
+		min-block-size: max-content;
+		pointer-events: none;
+		outline: 4px solid var(--bge-ui-primary-color);
+	}
+
+	.bge-move-group.svelte-15fci6,
+	.bge-standard-group.svelte-15fci6 {
+		inset-block-start: 0;
+		display: flex;
+		gap: var(--gap);
+		justify-content: center;
+		padding: var(--gap);
+	}
+
+	.draft-btn.svelte-1t1s8gh {
+		display: flex;
+		justify-content: space-between;
+	}
+
+	button.svelte-1t1s8gh {
+		display: block;
+		padding: 3px 5px;
+		color: #333;
+		text-decoration: none;
+		background-color: var(--bge-background-color01);
+		border: var(--bge-border-primary-color) solid 1px;
+	}
+
+	.draft-tab-btn.svelte-1t1s8gh {
+		display: flex;
+	}
+
+	/* stylelint-disable declaration-no-important */
+	.draft-tab-btn.svelte-1t1s8gh button[aria-pressed='true']:where(.svelte-1t1s8gh) {
+		color: var(--bge-lightest-color) !important;
+		background-color: var(--bge-background-color02) !important;
+		border-color: var(--bge-background-color02) !important;
+	}
+	/* stylelint-enable declaration-no-important */
+
+	.draft-tab-btn.svelte-1t1s8gh button:where(.svelte-1t1s8gh):hover {
+		cursor: pointer;
+		background-color: var(--bge-border-primary-color);
+	}
+
+	.draft-tab-btn.svelte-1t1s8gh button:where(.svelte-1t1s8gh) span:where(.svelte-1t1s8gh) {
+		margin-inline-start: 0.5em;
+		font-size: 0.8em;
+	}
+
+	.draft-tab-btn.svelte-1t1s8gh button:where(.svelte-1t1s8gh) span:where(.svelte-1t1s8gh)::before {
+		content: '(';
+	}
+
+	.draft-tab-btn.svelte-1t1s8gh button:where(.svelte-1t1s8gh) span:where(.svelte-1t1s8gh)::after {
+		content: ')';
+	}
+
+	.draft-copy-btn.svelte-1t1s8gh {
+		display: flex;
+	}
+
+	.draft-copy-btn.svelte-1t1s8gh button:where(.svelte-1t1s8gh):hover {
+		cursor: pointer;
+		background-color: var(--bge-border-primary-color);
+	}
+
+	span.svelte-1zu56m {
+		display: block;
+		inline-size: 100%;
+		block-size: 100%;
+	}
+
+	img.svelte-1zu56m,
+	video.svelte-1zu56m {
+		display: block;
+		inline-size: 100%;
+		block-size: 100%;
+		object-fit: cover;
+		transition: opacity 300ms linear;
+	}
+
+	[data-loaded='false'].svelte-1zu56m img:where(.svelte-1zu56m) {
+		opacity: 0;
+	}
+
+	[data-loaded='true'].svelte-1zu56m img:where(.svelte-1zu56m) {
+		opacity: 1;
+	}
+
+	.ctrl.svelte-15rcfwg {
+		display: flex;
+		gap: 2em;
+		margin-block-end: 1em;
+	}
+
+	.pagination.svelte-15rcfwg {
+		display: flex;
+		flex: 1 0 auto;
+		gap: 1em;
+		align-items: center;
+		justify-content: center;
+
+		button:where(.svelte-15rcfwg) {
+			user-select: none;
+		}
+	}
+
+	.page.svelte-15rcfwg {
+		display: flex;
+		gap: 0.5em;
+		align-items: center;
+	}
+
+	.list.svelte-15rcfwg {
+		display: flex;
+		flex-direction: column;
+		gap: 0.5em;
+		padding: 0;
+		margin: 0;
+	}
+
+	.list.svelte-15rcfwg li:where(.svelte-15rcfwg) {
+		position: relative;
+		padding: 0;
+		margin: 0;
+		list-style: none;
+	}
+
+	.file.svelte-15rcfwg {
+		z-index: 0;
+		display: flex;
+		gap: 1em;
+		align-items: center;
+		inline-size: 100%;
+		padding: 0.5em;
+		text-align: start;
+		border: none;
+	}
+
+	.file.svelte-15rcfwg > span:where(.svelte-15rcfwg) {
+		display: block;
+	}
+
+	.file.svelte-15rcfwg > span.thumbnail:where(.svelte-15rcfwg) {
+		display: block;
+		flex: 0 0 7em;
+		inline-size: 7em;
+		block-size: 7em;
+	}
+
+	.file.svelte-15rcfwg > span.attr:where(.svelte-15rcfwg) {
+		display: grid;
+		grid-template-columns: max-content 1fr;
+		gap: 0.2em 1em;
+		align-items: baseline;
+	}
+
+	.file.svelte-15rcfwg > span.attr:where(.svelte-15rcfwg) > span:where(.svelte-15rcfwg):nth-child(odd)::after {
+		content: ':';
+	}
+
+	.delete.svelte-15rcfwg {
+		position: absolute;
+		inset-block-end: 0.7em;
+		inset-inline-end: 0.7em;
+		display: block;
+		padding: 0.5em;
+		font-size: 0.8em;
+		text-align: center;
+		opacity: 0;
+
+		&:hover {
+			--bge-border-color: var(--bge-ui-primary-color);
+		}
+	}
+
+	.file[aria-pressed='true'].svelte-15rcfwg + .delete:where(.svelte-15rcfwg) {
+		--bge-outline-color: #fff;
+		--bge-border-color: #fff;
+		color: #fff;
+		background-color: var(--bge-ui-primary-color);
+	}
+
+	li.svelte-15rcfwg:is(:where(.svelte-15rcfwg):focus-within:has(:where(.svelte-15rcfwg):focus-visible), :where(.svelte-15rcfwg):hover) .delete:where(.svelte-15rcfwg) {
+		opacity: 1;
+	}
+
+	input[type='file'].svelte-1kuhunj {
+		display: none;
+	}
+
+	.img.svelte-1ie51m5 {
+		position: relative;
+		overflow: hidden;
+
+		img:where(.svelte-1ie51m5),
+		video:where(.svelte-1ie51m5),
+		audio:where(.svelte-1ie51m5),
+		object:where(.svelte-1ie51m5),
+		p:where(.svelte-1ie51m5) {
+			position: relative;
+			z-index: 0;
+			display: block;
+			inline-size: 100%;
+			aspect-ratio: 16 / 9;
+			margin: 0;
+			object-fit: contain;
+		}
+
+		p:where(.svelte-1ie51m5) {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			background: rgb(0 0 0 / 10%);
+		}
+
+		&.uploading img:where(.svelte-1ie51m5) {
+			object-fit: cover;
+		}
+
+		.progress:where(.svelte-1ie51m5) {
+			position: absolute;
+			inset-block-start: 0;
+			z-index: 10;
+			inline-size: 100%;
+			block-size: 100%;
+			background: rgb(0 0 0 / 50%);
+		}
+	}
+
+	ul.svelte-1ie51m5 {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 0.3em;
+		justify-content: center;
+		padding: 0;
+		padding-block-end: 1em;
+		margin: 0;
+		margin-block-start: 0.5em;
+		font-family: monospace;
+		font-size: calc(12 / 16 * 1em);
+		opacity: 0.7;
+	}
+
+	li.svelte-1ie51m5 {
+		display: block;
+		padding: 0;
+		margin: 0;
+		list-style: none;
+	}
+
+	.path.svelte-1ie51m5 {
+		word-break: break-all;
+
+		a:where(.svelte-1ie51m5) {
+			color: inherit;
+		}
+	}
+
+	.upload.svelte-1ie51m5 .progress:where(.svelte-1ie51m5) {
+		font-style: italic;
+	}
+
+	.dimension.svelte-1ie51m5 {
+		&::before {
+			content: '(';
+		}
+
+		&::after {
+			content: ')';
+		}
+	}
+
+	.table.svelte-37o4yi {
+		display: grid;
+		grid-template-columns: minmax(1em, 1fr) minmax(1em, 1fr) auto;
+		gap: 0.5em 1em;
+	}
+
+	.row.svelte-37o4yi {
+		display: grid;
+		grid-template-columns: subgrid;
+		grid-column: span 3;
+		align-items: center;
+	}
+
+	textarea.svelte-37o4yi {
+		inline-size: 100%;
+		resize: vertical;
+	}
+
+	.btn.svelte-37o4yi ul:where(.svelte-37o4yi) {
+		display: flex;
+		gap: 0.3em;
+		padding: 0;
+		margin: 0;
+	}
+
+	.btn.svelte-37o4yi li:where(.svelte-37o4yi) {
+		padding: 0;
+		margin: 0;
+		list-style: none;
+	}
+
+:root {
+  --bge-lightest-color: #fff;
+  --bge-darkest-color: #000;
+  --bge-border-primary-color: #cfd1cf;
+  --bge-background-color01: #f5f5f5;
+  --bge-background-color02: #555;
+  --bge-border-color: #c6c6d8;
+  --bge-ui-primary-color: #0c7e9e;
+  --bge-ui-background-color: #eaedf0;
+  --bge-button-background-color: var(--bge-lightest-color);
+  --bge-dialog-font-color: #0f1533;
+  --bge-dialog-background-color: var(--bge-ui-background-color);
+  --bge-focus-outline-width: 2px;
+  --bge-tooltip-background-color: rgba(0 0 0 / 60%);
+}
+
+:where(body:has(dialog[open])) {
+  overflow: hidden;
+}
+
+:where(dialog[open]) {
+  --dialog-margin: 40px;
+  --dialog-margin-inline: var(--dialog-margin);
+  --dialog-margin-block: var(--dialog-margin);
+  --border-radius: 0.5em;
+  display: grid;
+  grid-template-rows: minmax(0, 1fr) auto;
+  inline-size: calc(100vw - var(--dialog-margin-inline) * 2);
+  max-inline-size: 40em;
+  max-block-size: calc(100vh - var(--dialog-margin-block) * 2);
+  padding: 0;
+  padding-block: 1em;
+  overscroll-behavior: contain;
+  color: var(--bge-dialog-font-color);
+  resize: both;
+  background: var(--bge-dialog-background-color);
+  border: none;
+  border-radius: var(--border-radius);
+}
+:where(:where(dialog[open]) *) {
+  box-sizing: border-box;
+}
+:where(dialog[open])::backdrop {
+  background: rgba(0, 0, 1, 0.6);
+}
+:where(dialog[open]):has([data-bge-dialog="2col"]), :where(dialog[open]):has([data-bge-dialog=wide]) {
+  max-inline-size: 80em;
+}
+:where(dialog[open])[style*="width:"] {
+  max-inline-size: none;
+}
+:where(dialog[open]) > div {
+  --padding-block: 0em;
+  --padding-inline: 1em;
+  padding-block: calc(var(--padding-block) + var(--bge-focus-outline-width));
+  padding-inline: calc(var(--padding-inline) + var(--bge-focus-outline-width));
+  overflow: auto;
+  outline: none;
+}
+:where(dialog[open]) > div > form {
+  block-size: max-content;
+  margin: 0;
+}
+:where(dialog[open]) > footer {
+  --padding-block: 1em;
+  --padding-inline: 1em;
+  display: flex;
+  gap: 0.5em;
+  justify-content: flex-end;
+  padding-block-start: calc(var(--padding-block) + var(--bge-focus-outline-width));
+  padding-inline: calc(var(--padding-inline) + var(--bge-focus-outline-width));
+  background: var(--bge-dialog-background-color);
+}
+:where(dialog[open]) [data-bge-dialog="2col"] {
+  display: flex;
+  gap: 2em;
+  align-items: flex-start;
+}
+:where(dialog[open]) [data-bge-dialog="2col"] > div {
+  flex: 0 0 calc(50% - 1em);
+}
+:where(dialog[open]) [data-bge-dialog-ui*=sticky] {
+  position: sticky;
+  inset-block-start: 0;
+  z-index: 1;
+  background: var(--bge-dialog-background-color);
+}
+
+:where(dialog[open], [data-bge-component=block-menu]) :where(input:is(:not([type]),
+[type=text],
+[type=number],
+[type=password],
+[type=email],
+[type=url],
+[type=tel],
+[type=search],
+[type=color],
+[type=date],
+[type=time],
+[type=datetime-local],
+[type=month],
+[type=week]),
+select,
+textarea) {
+  inline-size: 100%;
+  padding: 0.5em 0.7em;
+  font-size: inherit;
+  line-height: 1.1;
+  border: 1px solid var(--bge-border-color);
+  border-radius: var(--border-radius);
+}
+:where(dialog[open], [data-bge-component=block-menu]) :where(input:not([type=radio], [type=checkbox], [type=range]),
+select,
+textarea,
+[contenteditable]) {
+  background: var(--bge-lightest-color);
+}
+:where(dialog[open], [data-bge-component=block-menu]) :where(input:not([type=radio], [type=checkbox], [type=range]),
+select,
+textarea,
+[contenteditable]):disabled {
+  background: initial;
+}
+:where(dialog[open], [data-bge-component=block-menu]) :where(input, textarea, select, button, [contenteditable]):focus-visible {
+  --bge-border-color: var(--bge-ui-primary-color);
+  --bge-outline-color: var(--bge-ui-primary-color);
+  --allow-color: var(--bge-ui-primary-color);
+  outline: var(--bge-focus-outline-width) solid var(--bge-outline-color);
+}
+:where(dialog[open], [data-bge-component=block-menu]) :where(select) {
+  --allow-size: 0.4em;
+  --allow-padding: 0.5em;
+  --allow-color: currentColor;
+  --separator-width: 1px;
+  --separator-height: calc(100% - 4px * 2);
+  --separator-color: var(--bge-border-color);
+  appearance: none;
+  background-image: linear-gradient(45deg, transparent 50%, var(--allow-color) 50%), linear-gradient(135deg, var(--allow-color) 50%, transparent 50%), linear-gradient(to right, var(--separator-color), var(--separator-color));
+  background-repeat: no-repeat;
+  background-position: right calc(var(--allow-padding) + var(--allow-size) * 2) center, right calc(var(--allow-padding) + var(--allow-size) * 1 + 1px) center, right calc(var(--allow-padding) * 2 + var(--allow-size) * 4) center;
+  background-size: var(--allow-size) var(--allow-size), var(--allow-size) var(--allow-size), var(--separator-width) var(--separator-height);
+}
+:where(dialog[open], [data-bge-component=block-menu]) :where(textarea) {
+  field-sizing: content;
+  max-block-size: 50vh;
+}
+:where(dialog[open], [data-bge-component=block-menu]) :where(button) {
+  padding: 0.5em 1em;
+  font-size: inherit;
+  line-height: 1.1;
+  appearance: none;
+  cursor: pointer;
+  background: var(--bge-button-background-color);
+  border: 1px solid var(--bge-border-color);
+  border-radius: 0.5em;
+}
+:where(dialog[open], [data-bge-component=block-menu]) :where(button)[aria-pressed=true] {
+  color: #fff;
+  background-color: var(--bge-ui-primary-color);
+}
+:where(dialog[open], [data-bge-component=block-menu]) :where(button)[aria-pressed=true]:focus-visible {
+  box-shadow: 0 0 0 2px #fff inset;
+}
+:where(dialog[open], [data-bge-component=block-menu]) :where(input:is([type=checkbox], [type=radio], [type=range])) {
+  inline-size: 1.5em;
+  block-size: 1.5em;
+  margin: 0;
+  accent-color: var(--bge-ui-primary-color);
+}
+:where(dialog[open], [data-bge-component=block-menu]) :where(input:is([type=range])) {
+  inline-size: 100%;
+}
+:where(dialog[open], [data-bge-component=block-menu]) :where(label:not([for], :has(+ button))):last-of-type {
+  padding-block-end: 0;
+  border-block-end: none;
+}
+:where(dialog[open], [data-bge-component=block-menu]) :where(label:not([for], :has(+ button))):has(+ small[id]):has(input[aria-describedby]) {
+  margin-block-end: 0.3em;
+}
+:where(dialog[open], [data-bge-component=block-menu]) :where(label:not([for])) {
+  display: block;
+}
+:where(dialog[open], [data-bge-component=block-menu]) :where(:is(label:not([for]), small[id]) + :is(label:not([for], :has([type=checkbox], [type=radio], [type=range])))) {
+  padding-block-start: 1em;
+  margin-block-start: 1em;
+  border-block-start: 1px solid var(--bge-border-color);
+}
+:where(dialog[open], [data-bge-component=block-menu]) :where(:is(label:not([for]), small[id]) + fieldset) {
+  margin-block-start: 1em;
+}
+:where(dialog[open], [data-bge-component=block-menu]) :where(label:not([for]) > span:has(+ input, + select, + textarea)) {
+  display: block;
+  margin-block-end: 0.3em;
+}
+:where(dialog[open], [data-bge-component=block-menu]) :where(label:not([for]):has(input:is([type=checkbox], [type=radio]))) {
+  display: flex;
+  gap: 0.3em;
+  align-items: center;
+}
+:where(dialog[open], [data-bge-component=block-menu]) :where(fieldset) {
+  padding: 1em;
+  margin-block-end: 1em;
+  border: 1px solid var(--bge-border-color);
+  border-radius: 0.5em;
+}
+:where(dialog[open], [data-bge-component=block-menu]) :where([role=radiogroup]) {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1em;
+  margin-block: 0.3em;
+}
+:where(dialog[open], [data-bge-component=block-menu]) :where([role=radiogroup]) > :not(label):first-child::after {
+  content: ":";
+}
+:where(dialog[open], [data-bge-component=block-menu]) :where([role=radiogroup]) > label {
+  padding: 0;
+  margin: 0;
+  border: none;
+}
+:where(dialog[open], [data-bge-component=block-menu]) :where(hr) {
+  block-size: 1px;
+  margin-block: 1em;
+  background: var(--bge-border-color);
+  border: none;
+}
+:where(dialog[open], [data-bge-component=block-menu]) :where(div:has(input):has(> button:last-child)) {
+  display: flex;
+  gap: 0.5em;
+  align-items: center;
+  justify-content: flex-end;
+}
+:where(dialog[open], [data-bge-component=block-menu]) :where(div:has(input):has(> button:last-child)):has(> label) {
+  align-items: flex-end;
+}
+:where(dialog[open], [data-bge-component=block-menu]) :where(div:has(input):has(> button:last-child)):has(> label) > label {
+  flex-grow: 1;
+}
+:where(dialog[open], [data-bge-component=block-menu]) :where(iframe) {
+  display: block;
+  inline-size: 100%;
+  border: none;
+}
+:where(dialog[open], [data-bge-component=block-menu]) :where(code) {
+  display: inline-block;
+  padding: 0.1em 0.3em;
+  font-weight: bold;
+  vertical-align: middle;
+  color: color-mix(in srgb, currentcolor 80%, var(--bge-lightest-color) 20%);
+  background: color-mix(in srgb, var(--bge-dialog-background-color) 80%, var(--bge-lightest-color) 20%);
+  border: 1px solid color-mix(in srgb, var(--bge-border-color) 80%, var(--bge-lightest-color) 20%);
+  border-radius: 0.3em;
+}
+:where(dialog[open], [data-bge-component=block-menu]) :where([data-bge-editor-ui]) {
+  margin-block-start: 1em;
+}
+:where(dialog[open], [data-bge-component=block-menu]) :where([data-bge-editor-ui]):first-child {
+  margin-block-start: 0;
+}
+
+[data-bge-component$=-editable-area][data-bge-component-mode=visual] iframe {
+  display: block;
+  margin: 0 auto;
+  overflow: hidden;
+  border: none;
+}
+[data-bge-component$=-editable-area][data-bge-component-mode=visual] textarea {
+  display: none;
+}
+[data-bge-component$=-editable-area][data-bge-component-mode=source] iframe {
+  display: none;
+}
+
+[data-bgi] {
+  min-inline-size: 20px;
+  min-block-size: 20px;
+  outline: 1px #a6a6a6 dotted;
+}
+[data-bgi]:hover {
+  cursor: pointer;
+  outline: 1px solid var(--bge-ui-primary-color);
+  background-color: var(--bge-ui-background-color);
+}
+[data-bgi]:hover img {
+  filter: brightness(90%);
+}
+[data-bgi] a,
+[data-bgi] area,
+[data-bgi] button,
+[data-bgi] input,
+[data-bgi] label,
+[data-bgi] select,
+[data-bgi] summary,
+[data-bgi] textarea,
+[data-bgi] iframe {
+  pointer-events: none;
+}
+
+button svg.tabler-icon {
+  inline-size: auto;
+  block-size: 1em;
+}
+
+[data-bge-editor-ui-component=thumbnail] svg.tabler-icon {
+  inline-size: 100%;
+  block-size: 100%;
+}
+
+label:has(input[type=radio][name=bge-scale-type][value=container]) > span::before {
+  content: "コンテナ";
+}
+label:has(input[type=radio][name=bge-scale-type][value=container]) > span:is([data-bge-container^="grid:"] *, [data-bge-container=grid] *)::before {
+  content: "グリッド";
+}