/* The build-mode frame shared by every walkable space (the arcade room, the
   farm): a toolbar on top (views, undo, save, done), an icon rail and a wide
   catalog drawer on the left, the inspector for the selected item floating on
   the right, and a status bar along the bottom. The root (.space-editor)
   covers the viewport but lets pointer events through to the canvas everywhere
   a block is not drawn. Also the widget vocabulary the drawer and inspector are
   built from: swatches, category chips, catalog cards, placed-item rows, the
   number/text fields and the inline colour picker.

   A space adds only what is its own on top (the room: cabinet catalog, avatar
   tab, swatch patterns; the farm: nothing yet). Class names are generic on
   purpose — a rule that mentions a cabinet or a wall does not belong here. */

/* — Surfaces — */
.surface-section[hidden] { display: none; }
.surface-section__title { margin: 0 0 6px; font: 900 15px/1 "Arial Black", sans-serif; letter-spacing: -.02em; text-transform: uppercase; }
.surface-section__group { display: block; margin: 8px 0 5px; color: #70e8ff; font: 800 9px/1 ui-monospace, monospace; letter-spacing: .14em; text-transform: uppercase; }
.swatch-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
.swatch { display: grid; gap: 4px; padding: 4px; border: 1px solid rgba(255,255,255,.12); border-radius: 9px; background: rgba(255,255,255,.04); color: #b8cada; cursor: pointer; }
.swatch:hover { border-color: rgba(112, 232, 255, .6); color: #fff; }
.swatch[aria-pressed="true"] { border-color: #ffd33d; box-shadow: 0 0 0 1px #ffd33d; color: #fff; }
.swatch:disabled { opacity: .35; cursor: not-allowed; }
.swatch__chip { display: block; height: 44px; border-radius: 6px; background: linear-gradient(135deg, var(--swatch-a) 0 50%, var(--swatch-b) 50% 100%); box-shadow: inset 0 0 0 1px rgba(0,0,0,.35); }
.swatch__label { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font: 700 9px/1.25 ui-monospace, monospace; text-align: center; }

/* — Decor — */
.category-chips { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 10px; }
.ticket-shop-balance { display: block; margin: 0 0 8px; color: #f3c951; font: 800 10px/1.3 ui-monospace, monospace; letter-spacing: .05em; text-transform: uppercase; }
.category-chip { padding: 6px 10px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; background: rgba(255,255,255,.05); color: #b8cada; font: 800 10px/1 ui-monospace, monospace; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; }
.category-chip:hover { border-color: rgba(112, 232, 255, .6); color: #fff; }
.category-chip[aria-pressed="true"] { border-color: #70e8ff; background: rgba(112, 232, 255, .16); color: #fff; }
.decor-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.decor-card { position: relative; display: grid; gap: 4px; padding: 6px; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; background: rgba(255,255,255,.04); color: #e6f0f8; text-align: center; cursor: pointer; }
.decor-card:hover { border-color: #70e8ff; background: rgba(112, 232, 255, .1); }
.decor-card:active { transform: scale(.97); }
.decor-card:disabled { opacity: .35; cursor: not-allowed; }
.decor-card__icon { display: grid; place-items: center; height: 86px; border-radius: 7px; background: rgba(0,0,0,.35); color: var(--decor-tint); font: 900 18px/1 "Arial Black", sans-serif; text-shadow: 0 0 10px var(--decor-tint); overflow: hidden; }
.decor-card__icon img { width: 100%; height: 100%; object-fit: cover; }
.decor-card__title { font: 800 10px/1.2 ui-monospace, monospace; }
.decor-card__meta { color: #71899a; font: 700 8px/1 ui-monospace, monospace; letter-spacing: .06em; text-transform: uppercase; }
.decor-card.is-interactive { border-color: rgba(255, 211, 61, .55); }
.decor-card__badge { position: absolute; top: 6px; left: 6px; padding: 3px 5px; border-radius: 4px; background: #ffd33d; color: #1a1400; font: 900 7px/1 ui-monospace, monospace; letter-spacing: .1em; box-shadow: 0 2px 8px rgba(0,0,0,.5); }

.inspector[hidden] { display: none; }
.inspector__heading { position: relative; display: grid; gap: 2px; margin-bottom: 8px; padding-right: 30px; }
.inspector__close { position: absolute; top: -2px; right: -2px; width: 26px; height: 26px; border: 1px solid rgba(255,255,255,.16); border-radius: 7px; background: rgba(255,255,255,.05); color: #b8cada; font: 700 16px/1 ui-monospace, monospace; cursor: pointer; }
.inspector__close:hover { border-color: #fff; color: #fff; }
.inspector__heading strong { font-size: 16px; }
.inspector__heading small { color: #9fb2c2; font: 700 10px/1.3 ui-monospace, monospace; }
.inspector__row { display: grid; gap: 5px; margin-top: 8px; }
.inspector__label { color: #ffd76b; font: 800 9px/1 ui-monospace, monospace; letter-spacing: .12em; text-transform: uppercase; }
.inspector__choices { display: flex; gap: 5px; }
.inspector__choice { flex: 1; padding: 7px 0; border: 1px solid rgba(255,255,255,.14); border-radius: 7px; background: rgba(255,255,255,.05); color: #b8cada; font: 800 10px/1 ui-monospace, monospace; text-transform: uppercase; cursor: pointer; }
.inspector__choice[aria-pressed="true"] { border-color: #ffd33d; background: rgba(255, 211, 61, .18); color: #fff; }
.tint-grid { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.tint { width: 26px; height: 26px; border: 2px solid transparent; border-radius: 50%; background: var(--tint); box-shadow: 0 0 10px var(--tint); cursor: pointer; }
.tint[aria-pressed="true"] { border-color: #fff; }
.inspector__number { display: inline-flex; align-items: center; gap: 6px; width: max-content; padding: 0 10px 0 0; border: 1px solid rgba(255,255,255,.14); border-radius: 7px; background: rgba(255,255,255,.05); }
.inspector__number:focus-within { border-color: #ffd33d; }
.inspector__number-input { width: 72px; padding: 7px 8px; border: 0; background: transparent; color: #fff; font: 800 13px/1 ui-monospace, monospace; outline: none; }
.inspector__unit { color: #9fb2c2; font: 700 11px/1 ui-monospace, monospace; }
.inspector__hint { color: #8fa3b8; font: 600 10px/1.35 ui-monospace, monospace; }
/* The words on a custom sign: a plain field styled like the number box, full width for a whole line. */
.inspector__text { width: 100%; box-sizing: border-box; padding: 8px 10px; border: 1px solid rgba(255,255,255,.14); border-radius: 7px; background: rgba(255,255,255,.05); color: #fff; font: 800 13px/1 ui-monospace, monospace; letter-spacing: .04em; outline: none; }
.inspector__text:focus { border-color: #ffd33d; }
.inspector__text::placeholder { color: #6f8398; }
.inspector__tool[hidden] { display: none; }

/* — Surface paint: the chosen finish's colour slots under its swatches, and the picker for the pressed one — */
.surface-paint { display: grid; gap: 6px; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,.08); }
.surface-paint:empty { display: none; }
.surface-paint__slots { display: flex; flex-wrap: wrap; gap: 6px; }
.surface-paint__slot { display: grid; gap: 3px; justify-items: center; min-width: 52px; padding: 4px 6px 5px; border: 1px solid rgba(255,255,255,.14); border-radius: 8px; background: rgba(255,255,255,.04); color: #b8cada; cursor: pointer; }
.surface-paint__slot:hover { border-color: rgba(112, 232, 255, .6); color: #fff; }
.surface-paint__slot[aria-pressed="true"] { border-color: #ffd33d; box-shadow: 0 0 0 1px #ffd33d; color: #fff; }
.surface-paint__chip { display: block; width: 34px; height: 22px; border-radius: 5px; background: var(--swatch); box-shadow: inset 0 0 0 1px rgba(0,0,0,.35); }
.surface-paint__name { font: 700 9px/1 ui-monospace, monospace; letter-spacing: .06em; text-transform: uppercase; }
.surface-paint__reset { width: max-content; padding: 6px 10px; font: 800 10px ui-monospace, monospace; letter-spacing: .06em; text-transform: uppercase; }
.surface-paint__reset[hidden] { display: none; }

/* — Colour picker: an inline pad + hue strip, never a popup that a re-render can close — */
.color-picker { display: grid; gap: 8px; --picker-hue: 0; --picker-color: #ff2d95; }
.color-picker__pad,
.color-picker__hue { position: relative; border-radius: 8px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); cursor: crosshair; touch-action: none; user-select: none; outline: none; }
.color-picker__pad { height: 96px; background: linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, hsl(calc(var(--picker-hue) * 1deg) 100% 50%)); }
.color-picker__hue { height: 28px; background: linear-gradient(to right, #f00 0%, #ff0 16.7%, #0f0 33.3%, #0ff 50%, #00f 66.7%, #f0f 83.3%, #f00 100%); cursor: ew-resize; }
.color-picker__pad:focus-visible,
.color-picker__hue:focus-visible { box-shadow: inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 2px #70e8ff; }
.color-picker__thumb { position: absolute; left: 0; top: 50%; width: 16px; height: 16px; border: 2px solid #fff; border-radius: 50%; background: var(--picker-color); box-shadow: 0 0 0 1px rgba(0,0,0,.6), 0 2px 6px rgba(0,0,0,.5); transform: translate(-50%, -50%); pointer-events: none; }
.color-picker__pad:active .color-picker__thumb,
.color-picker__hue:active .color-picker__thumb { transform: translate(-50%, -50%) scale(1.25); }
.color-picker__row { display: grid; grid-template-columns: 28px 1fr 84px; gap: 8px; align-items: center; }
.color-picker__swatch { display: block; height: 28px; border-radius: 7px; background: var(--picker-color); box-shadow: 0 0 14px var(--picker-color), inset 0 0 0 1px rgba(255,255,255,.25); }
.color-picker__hex { min-width: 0; padding: 7px 8px; border: 1px solid rgba(255,255,255,.18); border-radius: 7px; background: rgba(0,0,0,.35); color: #fff; font: 700 12px/1 ui-monospace, monospace; letter-spacing: .06em; text-transform: lowercase; }
.color-picker__hex:focus { outline: none; border-color: #70e8ff; }
.color-picker__hex[aria-invalid="true"] { border-color: #ff8d91; color: #ff8d91; }
.inspector__tools { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-top: 10px; }
.inspector__tool { padding: 8px; border: 1px solid rgba(255,255,255,.16); border-radius: 8px; background: rgba(255,255,255,.06); color: #fff; font-weight: 800; cursor: pointer; }
.inspector__tool:hover { border-color: #70e8ff; }
.inspector__tool--danger { border-color: rgba(255, 141, 145, .4); color: #ff8d91; }
.inspector__tool--danger:hover { border-color: #ff8d91; background: rgba(255, 141, 145, .12); }

.placed-list { margin-top: 14px; padding-top: 10px; border-top: 1px solid rgba(255,255,255,.08); }
.placed-list__row { display: grid; grid-template-columns: 1fr auto; gap: 5px; margin-top: 5px; }
.placed-list__item { display: grid; grid-template-columns: 14px 1fr; gap: 9px; align-items: center; padding: 7px 9px; border: 1px solid rgba(255,255,255,.1); border-radius: 9px; background: rgba(255,255,255,.04); color: inherit; text-align: left; cursor: pointer; }
.placed-list__item:hover { border-color: rgba(112, 232, 255, .6); }
.placed-list__item[aria-pressed="true"] { border-color: #ffd33d; box-shadow: 0 0 0 1px #ffd33d; }
.placed-list__item div { min-width: 0; display: grid; }
.placed-list__item strong { font-size: 12px; }
.placed-list__item small { color: #9fb2c2; font: 700 9px/1.3 ui-monospace, monospace; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.placed-list__dot { width: 12px; height: 12px; border-radius: 50%; background: var(--tint); box-shadow: 0 0 8px var(--tint); }
.placed-list__remove { width: 34px; border: 1px solid rgba(255,255,255,.12); border-radius: 9px; background: rgba(255,255,255,.04); color: #ff8d91; font-size: 18px; cursor: pointer; }
.placed-list__remove:hover { border-color: #ff8d91; }
.placed-list__clear { width: 100%; margin: 5px 0 1px; padding: 8px 10px; border: 1px solid rgba(255, 141, 145, .5); border-radius: 9px; background: rgba(255, 77, 126, .1); color: #ff9ab7; font: 800 10px ui-monospace, monospace; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.placed-list__clear:hover { background: rgba(255, 77, 126, .2); color: #fff; }

/* ══════════════════════════════════════════════════════════════════════════
   BUILD MODE
   The editor is a frame around the room, not a column beside it: a toolbar on
   top (views, undo, save, done), an icon rail and a wide catalog drawer on the
   left, the inspector for the selected item floating on the right, and a
   status bar along the bottom. The root covers the viewport but lets pointer
   events through to the canvas everywhere a block is not drawn.
   ══════════════════════════════════════════════════════════════════════════ */
.space-editor {
  --editor-panel: linear-gradient(160deg, rgba(9, 25, 42, .96), rgba(4, 13, 24, .94));
  --editor-line: rgba(112, 232, 255, .3);
  --editor-radius: 16px;
  --editor-gap: 12px;
  --editor-topbar: 62px;
  --editor-bottombar: 58px;
  --editor-rail: 72px;
  --editor-drawer: 432px;
  --editor-inspector: 316px;
  position: fixed;
  z-index: 8;
  inset: 0;
  display: grid;
  grid-template-columns: var(--editor-rail) auto minmax(0, 1fr) auto;
  grid-template-rows: var(--editor-topbar) minmax(0, 1fr) var(--editor-bottombar);
  gap: var(--editor-gap);
  padding: var(--editor-gap);
  pointer-events: none;
  color: #f5fbff;
}
.space-editor[hidden] { display: none; }
.space-editor > * { pointer-events: auto; min-width: 0; min-height: 0; }

.editor-topbar,
.editor-rail,
.editor-drawer,
.editor-inspector,
.editor-bottombar {
  border: 1px solid var(--editor-line);
  border-radius: var(--editor-radius);
  background: var(--editor-panel);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .45), inset 0 1px rgba(255,255,255,.06);
  backdrop-filter: blur(18px);
}

/* — Top bar — */
.editor-topbar {
  grid-column: 1 / -1;
  grid-row: 1;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 18px;
  padding: 0 18px 0 20px;
}
.editor-topbar__brand { display: grid; gap: 3px; }
.editor-topbar__brand strong { font: 900 17px/1 "Arial Black", sans-serif; letter-spacing: -.03em; text-transform: uppercase; white-space: nowrap; }
.camera-views { display: flex; justify-content: center; gap: 4px; padding: 4px; border-radius: 10px; background: rgba(0,0,0,.28); justify-self: center; }
.camera-views button { min-width: 64px; padding: 8px 10px; border: 0; border-radius: 7px; background: transparent; color: #9fb2c2; font: 800 10px/1 ui-monospace, monospace; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.camera-views button:hover { color: #fff; background: rgba(255,255,255,.06); }
.camera-views button[aria-pressed="true"] { background: rgba(112, 232, 255, .18); color: #fff; box-shadow: inset 0 0 0 1px rgba(112, 232, 255, .5); }
.editor-topbar__actions { display: flex; align-items: center; gap: 8px; }
.editor-action { border: 1px solid rgba(143, 215, 255, .4); border-radius: 9px; padding: 10px 14px; background: rgba(10, 31, 49, .9); color: #fff; font-weight: 850; white-space: nowrap; cursor: pointer; }
.editor-action:hover { border-color: #8fd7ff; }
.editor-action:disabled { opacity: .4; cursor: default; }
.editor-action:disabled:hover { border-color: rgba(143, 215, 255, .4); }
.editor-action--quiet { border-color: rgba(255,255,255,.14); background: rgba(255,255,255,.05); color: #b8cada; }
.editor-action--quiet:hover { color: #fff; }
.editor-action--primary { border-color: #ffd33d; background: #ffd33d; color: #132336; }
.editor-action--primary:hover { background: #ffe066; }
.editor-action kbd { margin-left: 7px; padding: 1px 6px; border: 1px solid currentColor; border-radius: 5px; font: 800 10px ui-monospace, monospace; opacity: .8; }

/* — Tab rail — */
.editor-rail { grid-column: 1; grid-row: 2; display: flex; flex-direction: column; gap: 6px; padding: 8px; align-self: start; }
.editor-rail button { display: grid; justify-items: center; gap: 6px; padding: 11px 4px 9px; border: 1px solid transparent; border-radius: 11px; background: transparent; color: #9fb2c2; font: 800 9px/1 ui-monospace, monospace; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.editor-rail svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.editor-rail button:hover { color: #fff; background: rgba(255,255,255,.06); }
.editor-rail button[aria-selected="true"] { color: #fff; border-color: rgba(112, 232, 255, .5); background: rgba(112, 232, 255, .16); box-shadow: 0 0 18px rgba(112, 232, 255, .18); }
.editor-rail[data-collapsed="true"] button[aria-selected="true"] { border-style: dashed; background: rgba(112, 232, 255, .08); }

/* — Catalog drawer — */
.editor-drawer { grid-column: 2; grid-row: 2; width: var(--editor-drawer); display: flex; flex-direction: column; overflow: hidden; }
.editor-drawer[hidden] { display: none; }
.editor-tab-panels { flex: 1 1 auto; min-height: 0; padding: 18px 18px 22px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgba(112,232,255,.35) transparent; }
.editor-tab-panel[hidden] { display: none; }
.drawer-head { display: grid; gap: 5px; margin-bottom: 14px; }
.drawer-head h2 { margin: 0; font: 900 24px/1 "Arial Black", sans-serif; letter-spacing: -.04em; text-transform: uppercase; }
.drawer-head p { margin: 0; color: #a9bdcc; font-size: 12.5px; line-height: 1.45; }

/* — Floating inspector — */
.editor-inspector {
  grid-column: 4;
  grid-row: 2;
  align-self: start;
  width: var(--editor-inspector);
  max-height: 100%;
  padding: 14px 14px 16px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 211, 61, .35) transparent;
  border-color: rgba(255, 211, 61, .5);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 211, 61, .12), inset 0 1px rgba(255,255,255,.06);
}
.editor-inspector[hidden] { display: none; }
.inspector__heading .eyebrow { color: #ffd76b; }
.inspector__figure { margin: 4px 0 10px; overflow: hidden; border-radius: 10px; background: #06101b; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
.inspector__figure img { display: block; width: 100%; height: 132px; object-fit: cover; }
.inspector__tools--three { grid-template-columns: 1fr 1fr 1fr; }
.inspector__tools--three + .inspector__hint { display: block; margin-top: 10px; }

/* — Bottom bar — */
.editor-bottombar { grid-column: 1 / -1; grid-row: 3; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 16px; padding: 0 18px 0 12px; }
.editor-tools { display: flex; gap: 6px; }
.editor-tools button { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 9px 13px; border: 1px solid rgba(255,255,255,.15); border-radius: 9px; background: rgba(255,255,255,.06); color: #fff; font-weight: 800; font-size: 13px; cursor: pointer; }
.editor-tools button:hover { border-color: #70e8ff; background: rgba(112, 232, 255, .12); }
.editor-tools button:disabled { opacity: .4; cursor: default; }
.editor-status { margin: 0; overflow: hidden; color: #b8cada; font-size: 12.5px; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.editor-status[data-state="dirty"] { color: #ffd76b; }
.editor-status[data-state="saving"] { color: #8fd7ff; }
.editor-status[data-state="saved"] { color: #7ff2b0; }
.editor-status[data-state="error"] { color: #ff8d91; }
.editor-shortcuts { position: relative; color: #71899a; }
.editor-shortcuts summary { padding: 8px 12px; border: 1px solid rgba(255,255,255,.12); border-radius: 9px; cursor: pointer; font: 800 9px/1 ui-monospace, monospace; letter-spacing: .12em; text-transform: uppercase; color: #9fb2c2; list-style: none; white-space: nowrap; }
.editor-shortcuts summary::-webkit-details-marker { display: none; }
.editor-shortcuts summary:hover { color: #fff; border-color: rgba(112, 232, 255, .5); }
.editor-shortcuts[open] summary { color: #fff; border-color: #70e8ff; }
.editor-shortcuts small { position: absolute; right: 0; bottom: calc(100% + 10px); z-index: 2; display: block; width: min(560px, calc(100vw - 48px)); padding: 12px 14px; border: 1px solid var(--editor-line); border-radius: 12px; background: var(--editor-panel); box-shadow: 0 24px 60px rgba(0,0,0,.5); color: #9fb2c2; font-size: 11px; line-height: 1.7; text-align: left; }
.editor-shortcuts b { color: #fff; }

/* — Laptops and small windows: the same frame, tighter — */
@media (max-width: 1240px) {
  .space-editor { --editor-drawer: 372px; --editor-inspector: 288px; --editor-rail: 64px; }
  .editor-topbar { gap: 12px; padding: 0 12px 0 16px; }
  .editor-topbar__brand strong { display: none; }
  .camera-views { min-width: 0; overflow-x: auto; scrollbar-width: none; }
  .camera-views button { min-width: 0; padding: 8px 9px; }
  .editor-topbar__actions .editor-action { padding: 9px 11px; font-size: 13px; }
  .editor-topbar__actions .editor-action kbd { display: none; }
  .decor-grid { gap: 6px; }
}

/* — Narrow screens: the drawer becomes a bottom sheet under a horizontal rail — */
@media (max-width: 900px) {
  .space-editor { --editor-gap: 8px; --editor-topbar: auto; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr) auto auto; }
  .editor-topbar { grid-column: 1; grid-template-columns: 1fr; gap: 8px; padding: 10px 12px; }
  .editor-topbar__brand { display: none; }
  .camera-views { justify-self: stretch; overflow-x: auto; }
  .camera-views button { flex: 1 0 auto; min-width: 0; padding: 7px 8px; }
  .editor-topbar__actions { justify-content: flex-end; }
  .editor-topbar__actions .editor-action { padding: 8px 10px; font-size: 12px; }
  .editor-inspector { grid-column: 1; grid-row: 2; width: min(var(--editor-inspector), 100%); justify-self: end; max-height: 100%; }
  .editor-rail { grid-column: 1; grid-row: 3; flex-direction: row; align-self: stretch; padding: 6px; }
  .editor-rail button { flex: 1; padding: 8px 4px 7px; }
  .editor-rail svg { width: 20px; height: 20px; }
  .editor-drawer { grid-column: 1; grid-row: 4; width: auto; height: 46vh; }
  .editor-tab-panels { padding: 14px 14px 18px; }
  .drawer-head h2 { font-size: 20px; }
  .editor-bottombar { display: none; }
}