/* EDIT TOOLS — SuperSplat(MIT) 기반 편집기를 사이트 머리줄 아래 화면 가득 (edit-tools.html) */
html.mse-edit, html.mse-edit body { height: 100%; overflow: hidden; }
html.mse-edit body { background: var(--bg, #050607); }
/* 편집기가 단축키를 받으려고 body 에 초점을 둔다 (편집기 src/ui/editor.ts) — 사이트의 초점 테두리가 화면 전체에 그려지지 않게 */
html.mse-edit body:focus, html.mse-edit body:focus-visible { outline: none; }
.edit-shell { position: fixed; left: 0; right: 0; bottom: 0; top: var(--edit-top, 92px); margin: 0; padding: 0; animation: none; background: #050607; }
.edit-wait { position: absolute; inset: 0; display: grid; place-items: center; color: var(--muted, #8a8f98); font-size: 14px; pointer-events: none; }
.edit-wait.is-error { color: var(--danger, #ff6b81); }
.edit-shell.is-ready .edit-wait:not(.is-error) { display: none; }

/* v2.7.15 iframe 없이 이 페이지 안에서 연다 (assets/edit/edit-tools.js). 편집기 칸(.mse-edit-app)의 편집기 CSS 는 빌드가 그 칸 안으로만 좁혔고
   (edit-src/scope-css.mjs), 여기서는 거꾸로 사이트 공통 CSS(mse.css)의 html · body · * · 요소 규칙이 칸 안에 새지 않게 브라우저 기본값으로 되돌린다
   (iframe 때는 사이트 CSS 가 없었다). 점수(:where)를 사이트 규칙과 같게 두고 뒤에 오게 해 이기고, 편집기 규칙(.mse-edit-app 로 시작)에는 진다.
   mse.css 에 이런 전체 규칙을 더하면 여기도 함께 더한다. */
:where(.mse-edit-app) { color-scheme: normal; color: CanvasText; line-height: normal; -webkit-font-smoothing: auto; word-break: normal; }
:where(.mse-edit-app, .mse-edit-app *) { box-sizing: revert; }
:where(.mse-edit-app) :is(button, input, select, textarea) { font: revert; color: revert; }
:where(.mse-edit-app) a { color: revert; text-decoration: revert; }
:where(.mse-edit-app) ::selection { color: revert; background: revert; }
:where(.mse-edit-app) :focus-visible { outline: revert; outline-offset: revert; }
:where(.mse-edit-app) :is(button, select, input, textarea):disabled, :where(.mse-edit-app) [aria-disabled="true"] { cursor: revert; }
:where(.mse-edit-app) input[type=range] { width: revert; accent-color: revert; height: revert; margin: revert; }
:where(.mse-edit-app) code { font-family: revert; font-size: revert; padding: revert; border-radius: revert; background: revert; color: revert; }
/* 이름이 같은 사이트 클래스 (mse.css 의 .field · .bar · .dim · .step · .switch — PCUI 색 고르기 칸 field, 편집기 대화 상자의 bar · dim) */
:where(.mse-edit-app) .field { width: revert; min-width: revert; height: revert; padding: revert; background: revert; border: revert; border-radius: revert; transition: revert; outline: revert; outline-offset: revert; }
:where(.mse-edit-app) textarea.field { height: revert; min-height: revert; padding: revert; resize: revert; line-height: revert; }
:where(.mse-edit-app) select.field { padding-right: revert; }
:where(.mse-edit-app) .field:focus { border-color: revert; outline-color: revert; }
:where(.mse-edit-app) .field::placeholder { color: revert; }
:where(.mse-edit-app) .field[aria-invalid="true"] { border-color: revert; }
:where(.mse-edit-app) .bar { height: revert; border-radius: revert; background: revert; overflow: revert; }
:where(.mse-edit-app) .bar span { display: revert; height: revert; width: revert; background: revert; transition: revert; }
:where(.mse-edit-app) .bar.big { height: revert; border-radius: revert; }
:where(.mse-edit-app) .dim { color: revert; }
:where(.mse-edit-app) .step { border: revert; border-radius: revert; padding: revert; margin-top: revert; background: revert; }
:where(.mse-edit-app) .switch { position: revert; display: revert; width: revert; height: revert; flex: revert; }