body[data-skin="parse-center"][data-pc-layout="tablet"] .app {
  height: calc(100vh - var(--pc-topline-h));
  min-height: 0;
}

body[data-skin="parse-center"][data-pc-layout="tablet"] .panel {
  min-height: 0;
}

body[data-skin="parse-center"][data-pc-layout="tablet"] .pc-dock,
body[data-skin="parse-center"][data-pc-layout="phone"] .pc-dock {
  z-index: 44;
}

body[data-skin="parse-center"][data-pc-layout="phone"] .app {
  height: calc(100vh - var(--pc-topline-h));
  min-height: 0;
  grid-template-rows: minmax(0, 1fr);
}

body[data-skin="parse-center"][data-pc-layout="phone"] .panel {
  height: 100%;
  min-height: 0;
}

body[data-skin="parse-center"][data-pc-layout="phone"][data-pc-view="source"] .panel-rendered {
  display: none !important;
}

body[data-skin="parse-center"][data-pc-layout="phone"][data-pc-view="parse"] .panel-source,
body[data-skin="parse-center"][data-pc-layout="phone"][data-pc-view="diff"] .panel-source {
  display: none !important;
}

body[data-pc-layout="phone"] .pc-item[data-id="more"] .pc-plain {
  color: var(--pc-dock-text);
  background: rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}

body[data-pc-layout="phone"] .pc-item[data-id="more"] .pc-dock-label {
  color: var(--pc-dock-text);
  font-weight: 600;
}

.pc-view-wrap {
  display: none;
}

body[data-pc-layout="phone"] .pc-view-wrap {
  display: inline-flex;
}

body[data-pc-layout="phone"][data-pc-labels="icons"] .pc-view-switch {
  width: auto;
  min-width: 58px;
  padding: 0 7px;
  gap: 5px;
}

.pc-view-swatch,
.pc-view-option-dot {
  display: inline-block;
  flex: 0 0 auto;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18);
}

.pc-view-current {
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}

.pc-view-menu {
  min-width: 145px;
}

.pc-view-option[aria-checked="true"] {
  font-weight: 700;
}