/*
  Final frontend-only Stitch advanced editor skin.
  Loaded after styles.css so older advanced editor rules cannot leak through.
*/

body:has(#advancedEditorView.advanced-desk-page:not([hidden])) {
  overflow: hidden !important;
}

body:has(#advancedEditorView.advanced-desk-page:not([hidden])) .site-header,
body:has(#advancedEditorView.advanced-desk-page:not([hidden])) .site-footer,
body:has(#advancedEditorView.advanced-desk-page:not([hidden])) #siteNotice {
  display: none !important;
}

body:has(#advancedEditorView.advanced-desk-page:not([hidden])) main.shell {
  width: 100vw !important;
  max-width: none !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
}

#advancedEditorView.advanced-desk-page:not([hidden]) {
  position: fixed !important;
  inset: 0 !important;
  z-index: 4000 !important;
  display: block !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #f4efe5 !important;
  color: #111 !important;
}

#advancedEditorView.advanced-desk-page:not([hidden]) > :not(.stitch-advanced-editor),
#advancedEditorView.advanced-desk-page:not([hidden]) :is(
  .advanced-tool,
  .advanced-tool-main,
  .advanced-tool-sidebar,
  .advanced-tool-inspector,
  .advanced-tool-header,
  .advanced-desk-header,
  .advanced-desk-main,
  .advanced-desk-layout,
  .advanced-desk-sidebar,
  .advanced-desk-inspector,
  .advanced-desk-block-panel,
  .advanced-operation-panel,
  .advanced-condition-panel,
  .advanced-event-summary
) {
  display: none !important;
}

#advancedEditorView .stitch-advanced-editor,
#advancedEditorView .stitch-advanced-editor * {
  box-sizing: border-box !important;
}

#advancedEditorView .stitch-advanced-editor {
  --stitch-black: #111;
  --stitch-red: #d63a2f;
  --stitch-ivory: #f7f3ea;
  --stitch-paper: #fffdf8;
  --stitch-line: #ddd6c8;
  --stitch-muted: #8b8174;
  width: 100vw !important;
  height: 100vh !important;
  display: grid !important;
  grid-template-rows: 44px 1fr 48px !important;
  overflow: hidden !important;
  background: var(--stitch-ivory) !important;
  color: var(--stitch-black) !important;
  font-family: Pretendard, "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif !important;
  letter-spacing: -0.02em !important;
}

#advancedEditorView .stitch-topbar {
  height: 44px !important;
  display: grid !important;
  grid-template-columns: 360px 1fr auto !important;
  align-items: center !important;
  background: var(--stitch-black) !important;
  color: #fff !important;
  border-bottom: 1px solid #000 !important;
}

#advancedEditorView .stitch-brand {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 16px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

#advancedEditorView .stitch-logo {
  width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--stitch-red) !important;
  color: #fff !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

#advancedEditorView .stitch-brand span:nth-child(3) {
  width: 1px !important;
  height: 18px !important;
  background: rgba(255, 255, 255, 0.35) !important;
}

#advancedEditorView .stitch-brand em {
  font-style: normal !important;
  font-size: 13px !important;
  color: rgba(255, 255, 255, 0.86) !important;
}

#advancedEditorView .stitch-title {
  justify-self: center !important;
  margin: 0 !important;
}

#advancedEditorView .stitch-title input {
  width: 260px !important;
  height: 32px !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #fff !important;
  text-align: center !important;
  font-size: 20px !important;
  font-weight: 900 !important;
}

#advancedEditorView .stitch-top-actions {
  height: 44px !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
  gap: 0 !important;
}

#advancedEditorView .stitch-top-actions small {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 14px !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

#advancedEditorView .stitch-top-actions small i {
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: #22c55e !important;
}

#advancedEditorView button,
#advancedEditorView select,
#advancedEditorView input,
#advancedEditorView textarea {
  font: inherit !important;
}

#advancedEditorView button {
  cursor: pointer !important;
}

#advancedEditorView .stitch-top-actions button,
#advancedEditorView .stitch-footer button {
  min-width: 86px !important;
  height: 44px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  background: var(--stitch-black) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

#advancedEditorView .stitch-top-actions button:not(.stitch-publish) {
  background: #fffdf8 !important;
  color: #111 !important;
  border-color: #fffdf8 !important;
}

#advancedEditorView .stitch-top-actions .stitch-publish,
#advancedEditorView .stitch-footer .stitch-publish {
  background: var(--stitch-red) !important;
  color: #fff !important;
  border-color: var(--stitch-red) !important;
}

#advancedEditorView .stitch-workspace {
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: 280px minmax(720px, 1fr) 320px !important;
  overflow: hidden !important;
  background: linear-gradient(90deg, #f7f3ea, #fbfaf6 20%, #fbfaf6 80%, #f7f3ea) !important;
}

#advancedEditorView .stitch-left,
#advancedEditorView .stitch-inspector,
#advancedEditorView .stitch-center {
  min-height: 0 !important;
  overflow-y: auto !important;
}

#advancedEditorView .stitch-left {
  padding: 18px 16px !important;
  background: #fbfaf6 !important;
  border-right: 1px solid var(--stitch-line) !important;
}

#advancedEditorView .stitch-left-section {
  margin: 0 0 28px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

#advancedEditorView .stitch-left-section header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 0 14px !important;
}

#advancedEditorView .stitch-left h2 {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

#advancedEditorView .stitch-left header button,
#advancedEditorView .stitch-card-actions button,
#advancedEditorView .stitch-viewport-tools button,
#advancedEditorView .stitch-inspector button,
#advancedEditorView .stitch-inspector select,
#advancedEditorView .stitch-inspector input,
#advancedEditorView .stitch-inspector textarea,
#advancedEditorView .stitch-viewport-tools select {
  border-radius: 0 !important;
}

#advancedEditorView .stitch-left header button {
  height: 32px !important;
  padding: 0 12px !important;
  border: 1px solid #cfc6b8 !important;
  background: #fffdf8 !important;
  color: #111 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

#advancedEditorView .stitch-page-list,
#advancedEditorView .stitch-side-blocks {
  display: grid !important;
  gap: 8px !important;
}

#advancedEditorView .stitch-page-item,
#advancedEditorView .stitch-side-block {
  width: 100% !important;
  min-height: 44px !important;
  display: grid !important;
  align-items: center !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: #111 !important;
  text-align: left !important;
}

#advancedEditorView .stitch-page-item {
  grid-template-columns: 34px 1fr auto !important;
  gap: 8px !important;
  padding: 0 10px !important;
}

#advancedEditorView .stitch-page-item.active,
#advancedEditorView .stitch-side-block.active {
  border-color: #f1b1a9 !important;
  border-left: 3px solid var(--stitch-red) !important;
  background: #fff1ee !important;
}

#advancedEditorView .stitch-page-item span,
#advancedEditorView .stitch-page-item strong,
#advancedEditorView .stitch-side-block strong {
  font-size: 13px !important;
  font-weight: 900 !important;
}

#advancedEditorView .stitch-page-item small,
#advancedEditorView .stitch-side-block small,
#advancedEditorView .stitch-side-block em {
  color: var(--stitch-muted) !important;
  font-size: 11px !important;
  font-style: normal !important;
}

#advancedEditorView .stitch-side-block {
  grid-template-columns: 28px 36px 1fr !important;
  gap: 10px !important;
  padding: 9px 10px !important;
}

#advancedEditorView .stitch-side-block i,
#advancedEditorView .stitch-block-icon {
  width: 34px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #d8d0c2 !important;
  background: #fffdf8 !important;
  font-style: normal !important;
  font-size: 17px !important;
  font-weight: 900 !important;
}

#advancedEditorView .stitch-side-block small,
#advancedEditorView .stitch-side-block em {
  grid-column: 3 !important;
}

#advancedEditorView .stitch-center {
  padding: 22px 24px 70px !important;
  background: #fbfaf6 !important;
}

#advancedEditorView .stitch-center-head {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: end !important;
  gap: 24px !important;
  margin: 0 0 18px !important;
}

#advancedEditorView .stitch-center-head h2 {
  margin: 8px 0 3px !important;
  font-size: 24px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
}

#advancedEditorView .stitch-center-head p {
  margin: 0 !important;
  color: var(--stitch-muted) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

#advancedEditorView .text-link {
  min-width: 0 !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--stitch-red) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

#advancedEditorView .stitch-viewport-tools {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

#advancedEditorView .stitch-viewport-tools button,
#advancedEditorView .stitch-viewport-tools select {
  height: 34px !important;
  border: 1px solid #d6cfc3 !important;
  background: #fffdf8 !important;
  color: #111 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

#advancedEditorView .stitch-viewport-tools button {
  width: 32px !important;
  padding: 0 !important;
}

#advancedEditorView .stitch-viewport-tools select {
  min-width: 112px !important;
  padding: 0 10px !important;
}

#advancedEditorView .stitch-viewport-tools span {
  font-size: 12px !important;
  font-weight: 900 !important;
}

#advancedEditorView .stitch-mode-tabs {
  height: 40px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  margin: 0 0 20px !important;
  border: 1px solid var(--stitch-line) !important;
  background: #fffdf8 !important;
}

#advancedEditorView .stitch-mode-tabs button {
  border: 0 !important;
  border-bottom: 2px solid var(--stitch-red) !important;
  background: transparent !important;
  color: var(--stitch-red) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

#advancedEditorView .stitch-canvas {
  max-width: 980px !important;
  min-height: calc(100vh - 230px) !important;
  margin: 0 auto !important;
}

#advancedEditorView .stitch-palette {
  margin: 0 auto 20px !important;
  padding: 18px !important;
  border: 1px solid var(--stitch-line) !important;
  background: #fffdf8 !important;
  box-shadow: 0 20px 60px rgba(49, 40, 27, 0.08) !important;
}

#advancedEditorView .stitch-palette header {
  display: flex !important;
  justify-content: space-between !important;
  gap: 20px !important;
  margin: 0 0 18px !important;
}

#advancedEditorView .stitch-palette strong {
  display: block !important;
  margin: 0 0 6px !important;
  color: var(--stitch-red) !important;
  font-size: 11px !important;
  letter-spacing: 0.22em !important;
  font-weight: 900 !important;
}

#advancedEditorView .stitch-palette h3 {
  margin: 0 !important;
  font-size: 20px !important;
  font-weight: 900 !important;
}

#advancedEditorView .stitch-palette p {
  margin: 18px 0 0 !important;
  color: var(--stitch-muted) !important;
  font-size: 12px !important;
}

#advancedEditorView .stitch-palette-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

#advancedEditorView .stitch-palette-grid button {
  min-height: 78px !important;
  padding: 14px !important;
  border: 1px solid #d8d0c2 !important;
  background: #fffdf8 !important;
  text-align: left !important;
}

#advancedEditorView .stitch-palette-grid button strong {
  margin: 0 0 12px !important;
  color: #111 !important;
  font-size: 14px !important;
  letter-spacing: -0.02em !important;
}

#advancedEditorView .stitch-palette-grid button small {
  color: var(--stitch-muted) !important;
  font-size: 11px !important;
}

#advancedEditorView .stitch-add-line {
  height: 28px !important;
  display: grid !important;
  grid-template-columns: 1fr 34px 1fr !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 8px 0 !important;
}

#advancedEditorView .stitch-add-line span {
  height: 1px !important;
  background: var(--stitch-line) !important;
}

#advancedEditorView .stitch-add-line button {
  width: 28px !important;
  height: 28px !important;
  border: 1px solid #d6cfc3 !important;
  border-radius: 999px !important;
  background: #fffdf8 !important;
  color: #111 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

#advancedEditorView .stitch-block-card {
  position: relative !important;
  min-height: 96px !important;
  display: grid !important;
  grid-template-columns: 22px 42px 42px minmax(0, 1fr) 32px !important;
  align-items: start !important;
  gap: 14px !important;
  padding: 20px 14px !important;
  border: 1px solid #ded7ca !important;
  background: #fffdf8 !important;
}

#advancedEditorView .stitch-block-card.active {
  border-color: var(--stitch-red) !important;
  box-shadow: inset 3px 0 0 var(--stitch-red), 0 14px 40px rgba(49, 40, 27, 0.07) !important;
}

#advancedEditorView .stitch-drag {
  align-self: center !important;
  color: #c3b9aa !important;
  font-size: 12px !important;
}

#advancedEditorView .stitch-number {
  align-self: center !important;
  color: #8f8373 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

#advancedEditorView .stitch-block-copy {
  min-width: 0 !important;
}

#advancedEditorView .stitch-block-copy h3 {
  margin: 0 0 10px !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

#advancedEditorView .stitch-block-copy h3 small {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 20px !important;
  padding: 0 7px !important;
  border: 1px solid #f0b6ae !important;
  background: #fff4f1 !important;
  color: var(--stitch-red) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

#advancedEditorView .stitch-block-copy p {
  margin: 0 !important;
  color: #3d372f !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
}

#advancedEditorView .stitch-menu {
  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #111 !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

#advancedEditorView .stitch-card-actions {
  grid-column: 4 / 6 !important;
  justify-self: end !important;
  display: flex !important;
  gap: 6px !important;
  margin-top: 6px !important;
}

#advancedEditorView .stitch-card-actions button {
  height: 32px !important;
  min-width: 32px !important;
  padding: 0 9px !important;
  border: 1px solid #d6cfc3 !important;
  background: #fffdf8 !important;
  color: #111 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

#advancedEditorView .stitch-inspector {
  background: #fffdf8 !important;
  border-left: 1px solid var(--stitch-line) !important;
  box-shadow: -16px 0 50px rgba(49, 40, 27, 0.06) !important;
}

#advancedEditorView .stitch-inspector nav {
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
  height: 52px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  border-bottom: 1px solid var(--stitch-line) !important;
  background: #fffdf8 !important;
}

#advancedEditorView .stitch-inspector nav button {
  border: 0 !important;
  border-right: 1px solid var(--stitch-line) !important;
  background: transparent !important;
  color: #111 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

#advancedEditorView .stitch-inspector nav button.active {
  color: var(--stitch-red) !important;
  border-bottom: 2px solid var(--stitch-red) !important;
}

#advancedEditorView .stitch-inspector-body {
  padding: 20px 16px 70px !important;
}

#advancedEditorView .stitch-logic-panel {
  display: grid !important;
  gap: 14px !important;
}

#advancedEditorView .stitch-logic-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

#advancedEditorView .stitch-logic-head h2 {
  margin: 0 !important;
}

#advancedEditorView .stitch-logic-head button,
#advancedEditorView .stitch-logic-target button,
#advancedEditorView .stitch-step-mini,
#advancedEditorView .stitch-step-add,
#advancedEditorView .stitch-logic-brief button {
  height: 32px !important;
  padding: 0 12px !important;
  border: 1px solid #d8d0c2 !important;
  background: #fffdf8 !important;
  color: #111 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

#advancedEditorView .stitch-logic-target,
#advancedEditorView .stitch-flow-card,
#advancedEditorView .stitch-logic-summary {
  border: 1px solid var(--stitch-line) !important;
  background: #fffdf8 !important;
  padding: 14px !important;
}

#advancedEditorView .stitch-logic-target {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 10px !important;
}

#advancedEditorView .stitch-logic-target span,
#advancedEditorView .stitch-logic-summary small {
  display: block !important;
  color: var(--stitch-red) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
}

#advancedEditorView .stitch-logic-target strong {
  display: block !important;
  margin: 4px 0 !important;
  font-size: 13px !important;
}

#advancedEditorView .stitch-logic-target small {
  color: #6f665c !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

#advancedEditorView .stitch-logic-trigger {
  margin: 0 !important;
}

#advancedEditorView .stitch-flow-card h3,
#advancedEditorView .stitch-logic-summary h3 {
  margin: 0 0 12px !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

#advancedEditorView .stitch-flow-tree {
  display: grid !important;
  gap: 8px !important;
}

#advancedEditorView .stitch-flow-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 28px !important;
}

#advancedEditorView .stitch-flow-branch {
  display: grid !important;
  gap: 8px !important;
  margin-left: 18px !important;
  padding-left: 14px !important;
  border-left: 1px solid #d8d0c2 !important;
}

#advancedEditorView .stitch-flow-else-branch {
  border-left-color: #c8b3e5 !important;
}

#advancedEditorView .stitch-chip {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 26px !important;
  padding: 0 9px !important;
  border: 1px solid #ded7ca !important;
  background: #fffdf8 !important;
  color: #111 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

#advancedEditorView .stitch-chip-if,
#advancedEditorView .stitch-chip-else {
  border-color: #e25545 !important;
  background: #fff4f1 !important;
  color: var(--stitch-red) !important;
}

#advancedEditorView .stitch-chip-and {
  border-color: #b9dcc3 !important;
  background: #f2fbf4 !important;
  color: #178c3f !important;
}

#advancedEditorView .stitch-chip-action {
  border-color: #d7c8f2 !important;
  background: #f7f1ff !important;
  color: #7a3dde !important;
}

#advancedEditorView .stitch-step-mini {
  width: max-content !important;
  color: #8b8174 !important;
}

#advancedEditorView .stitch-step-add {
  width: 100% !important;
  margin-top: 10px !important;
  border-style: dashed !important;
}

#advancedEditorView .stitch-logic-summary p,
#advancedEditorView .stitch-logic-brief p {
  margin: 0 0 8px !important;
  color: #5f574d !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  font-weight: 700 !important;
}

#advancedEditorView .stitch-inspector-body h2 {
  margin: 0 0 18px !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

#advancedEditorView .stitch-inspector label {
  display: grid !important;
  gap: 7px !important;
  margin: 0 0 16px !important;
  color: #111 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

#advancedEditorView .stitch-inspector select,
#advancedEditorView .stitch-inspector input,
#advancedEditorView .stitch-inspector textarea {
  width: 100% !important;
  border: 1px solid #d8d0c2 !important;
  background: #f7f3ea !important;
  color: #111 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

#advancedEditorView .stitch-inspector select,
#advancedEditorView .stitch-inspector input {
  height: 38px !important;
  padding: 0 10px !important;
}

#advancedEditorView .stitch-inspector textarea {
  min-height: 138px !important;
  padding: 12px !important;
  line-height: 1.55 !important;
  resize: vertical !important;
}

#advancedEditorView .stitch-form-card {
  margin: 0 0 18px !important;
  padding: 16px !important;
  border: 1px solid var(--stitch-line) !important;
  background: #fffdf8 !important;
}

#advancedEditorView .stitch-form-card h3 {
  margin: 0 0 14px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

#advancedEditorView .stitch-form-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
}

#advancedEditorView .stitch-form-grid label {
  margin-bottom: 8px !important;
}

#advancedEditorView .stitch-footer {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 16px !important;
  height: 48px !important;
  padding: 0 20px !important;
  border-top: 1px solid var(--stitch-line) !important;
  background: #fbfaf6 !important;
}

#advancedEditorView .stitch-footer > div {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

#advancedEditorView .stitch-footer span {
  color: #5f574d !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

#advancedEditorView .stitch-footer button {
  height: 36px !important;
  min-width: 92px !important;
  border: 1px solid #cfc6b8 !important;
  background: #fffdf8 !important;
  color: #111 !important;
}

@media (max-width: 1200px) {
  #advancedEditorView .stitch-workspace {
    grid-template-columns: 240px minmax(560px, 1fr) 300px !important;
  }

  #advancedEditorView .stitch-palette-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  #advancedEditorView .stitch-workspace {
    grid-template-columns: 1fr !important;
  }

  #advancedEditorView .stitch-left,
  #advancedEditorView .stitch-inspector {
    display: none !important;
  }

  #advancedEditorView .stitch-topbar {
    grid-template-columns: 1fr auto !important;
  }

  #advancedEditorView .stitch-title {
    display: none !important;
  }
}