@import url("./notch-navigation.css?v=20261017-concave-v1");
@import url("./creative-theme.css?v=20261016-green-tools-v1");
@import url("./all-pages-depth.css?v=20261017-all-pages-v1");
/* Shared shell/iframe navigation compatibility, 2026-10-03. */
:root {
  --dmm-vh: 100vh;
  --dmm-safe-top: env(safe-area-inset-top, 0px);
  --dmm-safe-bottom: env(safe-area-inset-bottom, 0px);
}
html, body { width: 100%; min-width: 0; min-height: 100%; }
body { -webkit-text-size-adjust: 100%; }
.shell, .stage, .phone { height: var(--dmm-vh, 100vh); min-height: var(--dmm-vh, 100vh); }
.phone { max-height: var(--dmm-vh, 100vh); }
.phone > .mini-route-frame { width: 100%; height: 100%; min-height: 100%; max-height: 100%; }
html[data-dmm-embedded="1"] { min-height: 100%; }
html[data-dmm-embedded="1"] body { min-height: 100%; overflow-x: hidden; }
html[data-dmm-embedded="1"] body.dmm-motion-route-login,
html[data-dmm-embedded="1"] body[data-auth-view="reset"] {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
}
html[data-dmm-embedded="1"] body[data-auth-view="reset"] main {
  min-height: max(100dvh, 100%) !important;
  align-items: flex-start !important;
  overflow: visible !important;
  padding-top: max(20px, env(safe-area-inset-top)) !important;
  padding-bottom: max(32px, env(safe-area-inset-bottom)) !important;
}
html[data-dmm-embedded="1"] body[data-auth-view="reset"] .auth-form-shell {
  margin-top: 0 !important;
  padding-bottom: max(32px, env(safe-area-inset-bottom)) !important;
}
html[data-dmm-embedded="1"] nav.fixed.bottom-0 {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 100 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: translate3d(0, 0, 0);
  padding-bottom: max(env(safe-area-inset-bottom, 0px), 0px) !important;
  min-height: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
  -webkit-backdrop-filter: blur(18px);
}
html[data-dmm-embedded="1"] body[data-dmm-route-loading="1"] main { pointer-events: none !important; }

/* Unified route chrome. The screens are independent HTML documents, so this
   small compatibility layer keeps their top navigation visually consistent
   without changing route-specific content or handlers. */
html[data-dmm-embedded="1"] body > header,
html[data-dmm-embedded="1"] body > header.top,
html[data-dmm-embedded="1"] body > header.fixed,
html[data-dmm-embedded="1"] body > header.sticky {
  position: sticky !important;
  inset: 0 0 auto !important;
  z-index: 100 !important;
  min-height: 64px !important;
  background: rgba(252,249,248,.96) !important;
  border-bottom: 1px solid #e6e8ee !important;
  box-shadow: 0 1px 8px rgba(0,0,0,.04) !important;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
html[data-dmm-embedded="1"] body > header > div:not(:first-child) {
  min-height: 64px;
}
html[data-dmm-embedded="1"] body > header button[aria-label*="返回"],
html[data-dmm-embedded="1"] body > header button[aria-label*="back" i],
html[data-dmm-embedded="1"] body > header button[onclick*="history.back"],
html[data-dmm-embedded="1"] body > header a[aria-label*="返回"],
html[data-dmm-embedded="1"] body > header a[title*="返回"],
html[data-dmm-embedded="1"] body > header a[onclick*="history.back"],
html[data-dmm-embedded="1"] .generator-page-back,
html[data-dmm-embedded="1"] [data-flow-back],
html[data-dmm-embedded="1"] #editorBack {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  border: 1px solid #e2e4eb !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #30333a !important;
  box-shadow: 0 2px 8px rgba(27,35,49,.08) !important;
  transition: background .16s ease, border-color .16s ease, transform .16s ease, box-shadow .16s ease !important;
}
html[data-dmm-embedded="1"] .generator-page-back:hover,
html[data-dmm-embedded="1"] [data-flow-back]:hover,
html[data-dmm-embedded="1"] #editorBack:hover,
html[data-dmm-embedded="1"] body > header button[aria-label*="返回"]:hover,
html[data-dmm-embedded="1"] body > header button[onclick*="history.back"]:hover {
  background: #f3f5f8 !important;
  border-color: #d4d8e1 !important;
}
html[data-dmm-embedded="1"] .generator-page-back:active,
html[data-dmm-embedded="1"] [data-flow-back]:active,
html[data-dmm-embedded="1"] #editorBack:active,
html[data-dmm-embedded="1"] body > header button[aria-label*="返回"]:active,
html[data-dmm-embedded="1"] body > header button[onclick*="history.back"]:active {
  transform: scale(.94) !important;
}
/* The compatibility header is sticky, so it already occupies its own row in
   the document flow. Older rules added another header-height padding to the
   adjacent main element, which left a large blank strip below every route
   header (most visible on the check-in page). Keep the route's own spacing,
   but do not add a second header offset here. */
html[data-dmm-embedded="1"] body > header + main,
html[data-dmm-embedded="1"] body > header + main.pt-14,
html[data-dmm-embedded="1"] body > header + main.pt-16,
html[data-dmm-embedded="1"] body > header + main.pt-20 {
  padding-top: 0 !important;
}
html[data-dmm-embedded="1"] body > .top,
html[data-dmm-embedded="1"] body > .page > .top,
html[data-dmm-embedded="1"] body > .topbar,
html[data-dmm-embedded="1"] body > .app > .topbar,
html[data-dmm-embedded="1"] body > .dmao-parity-topbar,
html[data-dmm-embedded="1"] body > .app > .dmao-parity-topbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
  min-height: 58px !important;
  height: 58px !important;
  margin: 0 !important;
  padding-top: max(env(safe-area-inset-top, 0px), 0px) !important;
  padding-bottom: 0 !important;
  border-bottom: 1px solid #e6e8ee !important;
  border-radius: 0 !important;
  background: rgba(255,255,255,.88) !important;
  box-shadow: 0 1px 4px rgba(24,50,74,.08) !important;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
html[data-dmm-embedded="1"] body > .top .back,
html[data-dmm-embedded="1"] body > .topbar .icon-btn,
html[data-dmm-embedded="1"] body > .app > .topbar .icon-btn,
html[data-dmm-embedded="1"] body > .dmao-parity-topbar button,
html[data-dmm-embedded="1"] body > .app > .dmao-parity-topbar button {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #f0f0f0 !important;
  color: #64748b !important;
  box-shadow: none !important;
}
html[data-dmm-embedded="1"] body > .top .back:active,
html[data-dmm-embedded="1"] body > .topbar .icon-btn:active,
html[data-dmm-embedded="1"] body > .app > .topbar .icon-btn:active {
  transform: scale(.94) !important;
}

/* Community surfaces: keep the reference site's waterfall/profile grids and
   make comment/chat inputs reliable when the mobile keyboard opens. */
html[data-dmm-embedded="1"] #approved-home-grid,
html[data-dmm-embedded="1"] [data-profile-work-grid] {
  align-items: start !important;
}
html[data-dmm-embedded="1"] #approved-home-grid {
  grid-auto-flow: row !important;
  grid-auto-rows: max-content !important;
  align-content: start !important;
  height: auto !important;
  min-height: 0 !important;
}
html[data-dmm-embedded="1"] #approved-home-grid > .home-feed-empty {
  grid-column: 1 / -1;
}

html[data-dmm-embedded="1"] #commentInput,
html[data-dmm-embedded="1"] #chatInput,
html[data-dmm-embedded="1"] [data-support-chat-input] {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 46px !important;
  height: 46px !important;
  box-sizing: border-box !important;
  padding: 0 15px !important;
  border: 1px solid #dfe6ee !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #1b1b1c !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  box-shadow: 0 1px 2px rgba(27,35,49,.05) !important;
}

/* Keep the support composer geometry stable after the shared mobile input rules. */
html[data-dmm-embedded="1"] .composer > [data-support-chat-input] {
  width: auto !important;
  flex: 1 1 auto !important;
}
html[data-dmm-embedded="1"] .composer-tools {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
}
html[data-dmm-embedded="1"] .composer .chat-tool,
html[data-dmm-embedded="1"] .composer .send-button,
html[data-dmm-embedded="1"] .emoji-picker-close,
html[data-dmm-embedded="1"] .emoji-option {
  padding: 0 !important;
  line-height: 1 !important;
  display: inline-grid !important;
  place-items: center !important;
  align-items: center !important;
  justify-content: center !important;
}
html[data-dmm-embedded="1"] .composer .chat-tool { flex: 0 0 42px !important; }
html[data-dmm-embedded="1"] .composer .send-button { flex: 0 0 46px !important; }

html[data-dmm-embedded="1"] #commentInput:focus,
html[data-dmm-embedded="1"] #chatInput:focus,
html[data-dmm-embedded="1"] [data-support-chat-input]:focus {
  outline: none !important;
  border-color: #93b900 !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(184,255,0,.24), 0 2px 8px rgba(73,104,0,.08) !important;
}

html[data-dmm-embedded="1"] .comment-entry {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
}

html[data-dmm-embedded="1"] .comment-form .comment-entry {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 4px !important;
}

html[data-dmm-embedded="1"] .comment-form .comment-tools {
  width: 100% !important;
  margin-top: 0 !important;
}

html[data-dmm-embedded="1"] .fixed.bottom-0:has(#chatInput),
html[data-dmm-embedded="1"] .composer-wrap:has([data-support-chat-input]) {
  bottom: var(--dmm-keyboard-inset, 0px) !important;
  transition: bottom .16s ease !important;
}

/* Chat owns a single scroll surface. Keeping the iframe document at the
   visual viewport height prevents the fixed composer and iOS keyboard from
   creating a second, blank page-sized area. */
html[data-dmm-embedded="1"] body[data-dmm-chat="1"] {
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
html[data-dmm-embedded="1"] body[data-dmm-chat="1"] > main {
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
html[data-dmm-embedded="1"] body[data-dmm-chat="1"] > main > div:first-child {
  min-height: 0 !important;
  height: 100% !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  padding-bottom: 148px !important;
  -webkit-overflow-scrolling: touch;
}
html[data-dmm-embedded="1"] body[data-dmm-chat="1"] [data-chat-composer] {
  bottom: var(--dmm-keyboard-inset, 0px) !important;
}

@media (min-width: 901px) {
  html[data-dmm-embedded="1"] #approved-home-grid {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    gap: 14px !important;
  }
  html[data-dmm-embedded="1"] [data-profile-work-grid] {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
}

@media (max-width: 600px) {
  html[data-dmm-embedded="1"] body {
    min-height: 100dvh !important;
    overflow-x: hidden !important;
  }
  html[data-dmm-embedded="1"] #approved-home-grid,
  html[data-dmm-embedded="1"] [data-profile-work-grid] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  html[data-dmm-embedded="1"] .comment-form {
    align-items: center !important;
    gap: 8px !important;
    background: #fff !important;
  }
  html[data-dmm-embedded="1"] .comment-form input#commentInput {
    min-height: 48px !important;
    height: 48px !important;
  }
  html[data-dmm-embedded="1"] .comment-form button,
  html[data-dmm-embedded="1"] .composer button {
    touch-action: manipulation;
  }
}

/* Page navigation follows the OCR header. Dialog and content headers keep their own layout. */
html[data-dmm-embedded="1"] {
  --dmm-page-header-height:56px;
  --dmm-page-header-inset:16px;
}
html[data-dmm-embedded="1"] body > header,
html[data-dmm-embedded="1"] body > header.top,
html[data-dmm-embedded="1"] body > header.fixed,
html[data-dmm-embedded="1"] body > header.sticky,
html[data-dmm-embedded="1"] body.dmm-motion-route-create > header.fixed,
html[data-dmm-embedded="1"] body.dmm-generator > main > header.top,
html[data-dmm-embedded="1"] body > .page > header.top,
html[data-dmm-embedded="1"] body > .shell > header.top,
html[data-dmm-embedded="1"] body > main.page > .shell > header,
html[data-dmm-embedded="1"] body > main.support-shell > header.support-header,
html[data-dmm-embedded="1"] body > main.feedback-shell > header.feedback-header,
html[data-dmm-embedded="1"] body > main.app > header.topbar,
html[data-dmm-embedded="1"] #statsScreen > header.topbar,
html[data-dmm-embedded="1"] body > .page > header.topbar,
html[data-dmm-embedded="1"] #stockPage > header.stock-top,
html[data-dmm-embedded="1"] #detailView > header.detail-head,
html[data-dmm-embedded="1"] .dmao-parity-app > header.dmao-parity-topbar,
html[data-dmm-embedded="1"] #generatorFlow [data-flow-screen] > .generator-flow-head,
html[data-dmm-embedded="1"] #generatorFlow [data-flow-screen] > .generator-crop-head,
html[data-dmm-embedded="1"] .auth-container > .auth-toolbar[data-dmm-auth-topbar] {
  box-sizing:border-box!important;
  min-height:var(--dmm-page-header-height)!important;
  height:var(--dmm-page-header-height)!important;
  max-height:var(--dmm-page-header-height)!important;
  width:100%!important;max-width:none!important;
  margin:0!important;padding:0 var(--dmm-page-header-inset)!important;
  border:0!important;border-bottom:1px solid #e6e8ee!important;
  border-radius:0!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 1px 4px rgba(24,50,74,.08)!important;
  color:#0f172a!important;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
html[data-dmm-embedded="1"] body.dmm-generator > main > header.top {
  backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
}
html[data-dmm-embedded="1"] body > header {top:0!important;z-index:100!important;}
html[data-dmm-embedded="1"] body > header:has(> div),
html[data-dmm-embedded="1"] body > header:is(.fixed,.sticky,.top):has(> div),
html[data-dmm-embedded="1"] body.dmm-motion-route-create > header.fixed:has(> div) {padding:0!important;}
html[data-dmm-embedded="1"] body > header > div:not([hidden]) {
  box-sizing:border-box!important;width:100%!important;max-width:none!important;
  min-height:56px!important;height:56px!important;margin:0!important;
  padding:0 16px!important;align-items:center!important;
}
html[data-dmm-embedded="1"] body > header > :is(.page-header-inner,.header-inner,.aj-header-inner) {
  display:flex!important;gap:10px!important;
}
/* Constrained form pages keep their body width; their navigation spans the viewport. */
html[data-dmm-embedded="1"] body > .page:not(#ocrPage):not(.has-image) > header.top,
html[data-dmm-embedded="1"] body > .shell > header.top,
html[data-dmm-embedded="1"] body > main.page > .shell > header,
html[data-dmm-embedded="1"] body > main.support-shell > header.support-header,
html[data-dmm-embedded="1"] body > main.feedback-shell > header.feedback-header,
html[data-dmm-embedded="1"] #statsScreen > header.topbar,
html[data-dmm-embedded="1"] body > .page > header.topbar,
html[data-dmm-embedded="1"] #stockPage > header.stock-top {
  position:fixed!important;inset:0 0 auto!important;z-index:100!important;
  width:100%!important;margin:0!important;display:flex!important;align-items:center!important;gap:10px!important;
}
html[data-dmm-embedded="1"] body:has(> .page:not(#ocrPage):not(.has-image) > header.top),
html[data-dmm-embedded="1"] body:has(> .shell > header.top),
html[data-dmm-embedded="1"] body:has(> main.page > .shell > header),
html[data-dmm-embedded="1"] body:has(> main.support-shell > header.support-header),
html[data-dmm-embedded="1"] body:has(> main.feedback-shell > header.feedback-header),
html[data-dmm-embedded="1"] body:has(> .page > header.topbar) {
  box-sizing:border-box!important;padding-top:56px!important;
}
html[data-dmm-embedded="1"] body > .page:not(#ocrPage):not(.has-image),
html[data-dmm-embedded="1"] body > main.page > .shell,
html[data-dmm-embedded="1"] body > main.support-shell,
html[data-dmm-embedded="1"] body > main.feedback-shell {padding-top:0!important;}
html[data-dmm-embedded="1"] #statsScreen {padding-top:56px!important;}
/* The editor header participates in its flex layout on both phone and desktop. */
html[data-dmm-embedded="1"] body.dmao-parity .dmao-parity-app > .dmao-parity-topbar {
  position:relative!important;inset:auto!important;left:0!important;top:0!important;
  flex:0 0 56px!important;z-index:100!important;gap:8px!important;justify-content:space-between!important;
}
html[data-dmm-embedded="1"] .dmao-parity-app > .dmao-parity-topbar > div {
  display:flex!important;align-items:center!important;min-width:0!important;gap:4px!important;
}
html[data-dmm-embedded="1"] .dmao-parity-app > .dmao-parity-topbar > div:last-child {
  flex:1 1 auto!important;justify-content:flex-end!important;overflow-x:auto!important;
  overscroll-behavior-inline:contain;scrollbar-width:none;
}
html[data-dmm-embedded="1"] .dmao-parity-app > .dmao-parity-topbar > div:last-child::-webkit-scrollbar {display:none;}
html[data-dmm-embedded="1"] .dmao-parity-app > .dmao-parity-topbar button {flex-shrink:0!important;}
/* Real navigation titles only: no modal titles, status captions, or content headings. */
html[data-dmm-embedded="1"] body > header h1,
html[data-dmm-embedded="1"] body.dmm-generator > main > header.top h1,
html[data-dmm-embedded="1"] body > .page > header :is(h1,.title),
html[data-dmm-embedded="1"] body > .shell > header.top h1,
html[data-dmm-embedded="1"] body > main.page > .shell > header h1,
html[data-dmm-embedded="1"] body > main.support-shell > header .support-title,
html[data-dmm-embedded="1"] body > main.feedback-shell > header h1,
html[data-dmm-embedded="1"] body > main.app > header.topbar strong.apk-title,
html[data-dmm-embedded="1"] #statsScreen > header.topbar h1,
html[data-dmm-embedded="1"] .dmao-parity-app > .dmao-parity-topbar .dmao-parity-title,
html[data-dmm-embedded="1"] #generatorFlow [data-flow-screen] > :is(.generator-flow-head,.generator-crop-head) h1 {
  margin:0!important;color:#0f172a!important;font-size:14px!important;line-height:20px!important;
  font-weight:700!important;letter-spacing:0!important;text-align:left!important;
}
html[data-dmm-embedded="1"] :is(body > header,body.dmm-generator > main > header.top,body > .page > header,body > .shell > header.top,body > main.page > .shell > header,body > main.support-shell > header,body > main.feedback-shell > header,body > main.app > header.topbar,#statsScreen > header.topbar,.dmao-parity-app > .dmao-parity-topbar,#generatorFlow [data-flow-screen] > .generator-flow-head,#generatorFlow [data-flow-screen] > .generator-crop-head)
:is(button[aria-label*="返回"],button[aria-label*="back" i],a[aria-label*="返回"],button[onclick*="history.back"],a[onclick*="history.back"],.back,.generator-page-back,[data-flow-back],[data-crop-back],[data-drafts-back],#parityBack,#back,#backButton,#editorBack,#home) {
  box-sizing:border-box!important;flex:0 0 var(--dmm-back-target,36px)!important;width:var(--dmm-back-target,36px)!important;height:var(--dmm-back-target,36px)!important;
  min-width:var(--dmm-back-target,36px)!important;min-height:var(--dmm-back-target,36px)!important;max-width:var(--dmm-back-target,36px)!important;
  margin:0!important;padding:0!important;display:inline-flex!important;
  align-items:center!important;justify-content:center!important;border:0!important;
  border-radius:12px!important;background:transparent!important;box-shadow:none!important;color:#0f172a!important;font-size:0!important;
}
html[data-dmm-embedded="1"] :is(body > header,body.dmm-generator > main > header.top,body > .page > header,body > .shell > header.top,body > main.page > .shell > header,body > main.support-shell > header,body > main.feedback-shell > header,body > main.app > header.topbar,#statsScreen > header.topbar,.dmao-parity-app > .dmao-parity-topbar,#generatorFlow [data-flow-screen] > .generator-flow-head,#generatorFlow [data-flow-screen] > .generator-crop-head)
:is(button[aria-label*="返回"],button[aria-label*="back" i],a[aria-label*="返回"],button[onclick*="history.back"],a[onclick*="history.back"],.back,.generator-page-back,[data-flow-back],[data-crop-back],[data-drafts-back],#parityBack,#back,#backButton,#editorBack,#home):not(:has(svg,.material-symbols-outlined,.material-icons))::before {
  content:''!important;display:block!important;width:20px!important;height:20px!important;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5 5 12l7 7M5 12h14' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5 5 12l7 7M5 12h14' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
html[data-dmm-embedded="1"] :is(body > header,body > .page > header,body > .shell > header.top,body > main.app > header.topbar,#statsScreen > header.topbar)
:is(button[aria-label*="返回"],button[aria-label*="back" i],button[onclick*="history.back"],.back,#back,#backButton,#editorBack) :is(.material-symbols-outlined,.material-icons) {font-size:20px!important;line-height:1!important;}
html[data-dmm-embedded="1"] :is(body > header,body > .page > header,body > .shell > header.top,body > main.app > header.topbar,#statsScreen > header.topbar,.dmao-parity-app > .dmao-parity-topbar)
:is(button[aria-label*="返回"],button[aria-label*="back" i],.back,[data-drafts-back],#parityBack,#back,#backButton,#editorBack,#home) svg {width:20px!important;height:20px!important;flex:none!important;}
html[data-dmm-embedded="1"] body > header + main {padding-top:0!important;}
html[data-dmm-embedded="1"] body > .dmm-drafts-header + #app > header {top:56px!important;}
/* Authentication keeps its real parent-history button and form handlers. */
html[data-dmm-embedded="1"] .auth-container > .auth-toolbar[data-dmm-auth-topbar] {
  position:fixed!important;inset:0 0 auto!important;z-index:100!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;
}
html[data-dmm-embedded="1"] .auth-container:has(> .auth-toolbar[data-dmm-auth-topbar]) {
  padding-top:56px!important;transform:none!important;animation:none!important;will-change:auto!important;
}
html[data-dmm-embedded="1"] .auth-toolbar[data-dmm-auth-topbar] > button {
  width:var(--dmm-back-target,36px)!important;height:var(--dmm-back-target,36px)!important;min-width:var(--dmm-back-target,36px)!important;min-height:var(--dmm-back-target,36px)!important;
  flex:0 0 var(--dmm-back-target,36px)!important;margin:0!important;padding:0!important;border:0!important;border-radius:12px!important;
  background:transparent!important;color:#0f172a!important;box-shadow:none!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
html[data-dmm-embedded="1"] .auth-toolbar[data-dmm-auth-topbar] > button svg {width:20px!important;height:20px!important;}
html[data-dmm-embedded="1"] .dmm-auth-topbar-title {
  margin:0!important;color:#0f172a!important;font-size:14px!important;line-height:20px!important;
  font-weight:700!important;letter-spacing:0!important;text-align:left!important;
}
/* The two in-app review screens use the same left-side return slot. */
html[data-dmm-embedded="1"] body:is(.dmm-motion-route-reviewAdmin,.dmm-motion-route-reportAdmin) > main.page > header.top {
  justify-content:flex-start!important;gap:10px!important;
}
html[data-dmm-embedded="1"] body:is(.dmm-motion-route-reviewAdmin,.dmm-motion-route-reportAdmin) > main.page > header.top > div {display:contents!important;}
html[data-dmm-embedded="1"] body:is(.dmm-motion-route-reviewAdmin,.dmm-motion-route-reportAdmin) > main.page > header.top .sub {display:none!important;}
html[data-dmm-embedded="1"] body:is(.dmm-motion-route-reviewAdmin,.dmm-motion-route-reportAdmin) > main.page > header.top h1 {flex:1!important;min-width:0!important;}
html[data-dmm-embedded="1"] body:is(.dmm-motion-route-reviewAdmin,.dmm-motion-route-reportAdmin) > main.page > header.top :is(#home,#back) {order:-1!important;}
html[data-dmm-embedded="1"] body:is(.dmm-motion-route-reviewAdmin,.dmm-motion-route-reportAdmin) > main.page > header.top #reportAdmin {height:36px!important;min-height:36px!important;margin:0!important;flex-shrink:0!important;}

/* A trailing empty grid slot is not a navigation wrapper. */
html[data-dmm-embedded="1"] body.dmm-motion-route-homeSubmit > header.top {display:flex!important;align-items:center!important;gap:10px!important;padding:0 16px!important;}
html[data-dmm-embedded="1"] body.dmm-motion-route-homeSubmit > header.top > div:empty {display:none!important;}

/* Ordinary page content keeps a 16px gap; existing spacious pages and image stages retain their layouts. */
html[data-dmm-embedded="1"] body:is(.dmm-motion-route-homeSubmit,.dmm-motion-route-artistReviewAdmin,.dmm-motion-route-market,.dmm-motion-route-me,.dmm-motion-route-creator,.dmm-motion-route-settings,.dmm-motion-route-settingsAlt,.dmm-motion-route-profileEdit,.dmm-motion-route-referral,.dmm-motion-route-creatorMembership,.dmm-motion-route-orderDetail,.dmm-motion-route-delivery,.dmm-motion-route-wallet,.dmm-motion-route-review,.dmm-motion-route-progress,.dmm-motion-route-artistJoin) > header + main {padding-top:16px!important;}
html[data-dmm-embedded="1"] body:is(.dmm-motion-route-publishManage,.dmm-motion-route-assembleStart,.dmm-motion-route-boardManage,.dmm-motion-route-juryHall) > .page:not(#ocrPage):not(.has-image) {padding-top:16px!important;}
html[data-dmm-embedded="1"] body:is(.dmm-motion-route-home,.dmm-motion-route-messages,.dmm-motion-route-custom,.dmm-motion-route-orders,.dmm-motion-route-chat,.dmm-motion-route-checkin,.dmm-motion-route-usage,.dmm-motion-route-follows,.dmm-motion-route-following,.dmm-motion-route-followers,.dmm-motion-route-likes,.dmm-motion-route-membership,.dmm-motion-route-address,.dmm-motion-route-creatorWorkbench) > header + main > div:first-child > :first-child {padding-top:16px!important;}
html[data-dmm-embedded="1"] body.dmm-motion-route-create > header + main > div.flex.flex-col.w-full:first-child {padding-top:16px!important;}
html[data-dmm-embedded="1"] body.dmm-motion-route-ranking > header + main > div:first-child > div.px-margin.mt-space-md:first-child {margin-top:16px!important;}
html[data-dmm-embedded="1"] body.dmm-motion-route-myFeedback > main.feedback-shell > header.feedback-header + p.intro {margin-top:16px!important;}
html[data-dmm-embedded="1"] body.dmm-motion-route-patternEdit > main.page > header.top + section.card {margin-top:16px!important;}
html[data-dmm-embedded="1"] body.dmm-motion-route-boardCreate > main.page:not(#ocrPage):not(.has-image) {padding-top:16px!important;}
html[data-dmm-embedded="1"] body.dmm-motion-route-boardCreate > main.page > header.top + section.preview-wrap {margin-top:0!important;}
html[data-dmm-embedded="1"] body.dmm-motion-route-artistApply.aj-page[data-dmm-artist-join="true"] > header.aj-header + main.aj-main {padding-top:16px!important;}
@media (max-width:420px) {
html[data-dmm-embedded="1"] body.dmm-motion-route-statistics #statsScreen > main.content#statsMain {padding-top:16px!important;}
}

/* Resolve the three measured spacing overrides without affecting other routes. */
html[data-dmm-embedded="1"] body.dmm-motion-route-homeSubmit > header.top + main.page:not(#ocrPage):not(.has-image) {padding-top:16px!important;}
html[data-dmm-embedded="1"] body.dmm-motion-route-create.create-page > header + main {padding-top:0!important;}
html[data-dmm-embedded="1"] body.dmm-motion-route-ranking > header + main > div:first-child > div.px-margin.mt-space-md:first-of-type {margin-top:16px!important;}

/* The creation lobby brand uses the same 16px inset on phone and desktop. */
html[data-dmm-embedded="1"] body.dmm-motion-route-create.create-page > header.fixed > div.h-14.px-margin-mobile {height:56px!important;min-height:56px!important;padding:0 16px!important;align-items:center!important;}
html[data-dmm-embedded="1"] body.dmm-motion-route-create.create-page > header.fixed > div.h-14.px-margin-mobile > div:first-child > div > span:first-child {font-size:14px!important;line-height:20px!important;font-weight:700!important;}

/* Keep the native pixel workflow header as the only active header. */
html[data-dmm-embedded="1"] body.dmm-motion-route-restore[data-pixel-phase] > main.page:not(#ocrPage):not(.has-image) > header.top {display:none!important;}