/* r103: direct, stable UI. Keep Canvas dark; all ordinary/auth surfaces paint light. */
#youzi-route-boot { display: none !important; }

body.youzi-home .home-hero-copy,
body.youzi-home .home-new-canvas,
body.youzi-home .home-new-canvas::before,
body.youzi-home .home-new-pointer-light,
body.youzi-home .home-tool-card,
body.youzi-home .home-tool-card::before,
body.youzi-home .home-tool-card::after,
body.youzi-home .home-card-pointer-light,
body.youzi-home .home-work-card,
body.youzi-home .home-work-media img,
body.youzi-home .home-work-video,
body.youzi-home .home-work-overlay,
body.youzi-home .home-border-glow::after {
  animation: none !important;
  transition: none !important;
  filter: none !important;
}

body.youzi-home .home-new-pointer-light,
body.youzi-home .home-card-pointer-light,
body.youzi-home .home-border-glow::after {
  display: none !important;
}

body.youzi-home .home-work-card,
body.youzi-home .home-work-card:hover,
body.youzi-home .home-work-card:focus-visible,
body.youzi-home .home-masonry.is-selection-mode .home-work-card:hover {
  top: 0 !important;
  transform: none !important;
  box-shadow: none !important;
}

body.youzi-home .home-work-card:hover,
body.youzi-home .home-work-card:focus-visible {
  border-color: rgba(31, 99, 233, .2) !important;
}

body.youzi-home .home-work-card:hover img,
body.youzi-home .home-work-card:hover .home-work-video {
  transform: none !important;
}

body.youzi-home .home-new-canvas:hover,
body.youzi-home .home-new-canvas:active {
  top: 0 !important;
  transform: none !important;
  box-shadow: 0 18px 50px rgba(26, 94, 226, .19), inset 0 1px 0 rgba(255,255,255,.24) !important;
}

body.youzi-home .home-new-brush-arrow {
  left: calc(var(--home-new-icon-left) + var(--home-new-icon-size) + 14px) !important;
  right: 18px !important;
  bottom: clamp(18px, 7%, 30px) !important;
  width: auto !important;
  max-width: calc(100% - var(--home-new-icon-left) - var(--home-new-icon-size) - 32px) !important;
  height: clamp(118px, 58%, 232px) !important;
  max-height: calc(100% - 92px) !important;
  object-fit: contain !important;
  object-position: left bottom !important;
  transform: none !important;
}

.home-work-sentinel {
  display: block;
  width: 100%;
  height: 2px;
  margin: 0;
  break-inside: avoid;
}

html[data-youzi-route="canvas"] .result-card {
  --yz-result-actions-opacity: 1 !important;
}

html[data-youzi-route="canvas"] .yz-result-actions {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}

html[data-youzi-route="canvas"] .dot-wave,
html[data-youzi-route="canvas"] .thin-connections .yz-flow-wire-pulse {
  animation: none !important;
}

html[data-yz-theme="dark"] .login-page,
.login-page {
  color: #202532 !important;
  background: #f7f8fb !important;
}

html[data-yz-theme="dark"] .login-shell,
.login-shell {
  color: #202532 !important;
  background: #fff !important;
  border-color: #e2e6ee !important;
  box-shadow: 0 18px 54px rgba(42, 58, 91, .1) !important;
}

html[data-yz-theme="dark"] .login-copy span,
html[data-yz-theme="dark"] .login-shell form label span,
html[data-yz-theme="dark"] .login-shell > footer {
  color: #687080 !important;
}

html[data-yz-theme="dark"] .login-shell input {
  color: #202532 !important;
  background: #fbfcfe !important;
  border-color: #dfe4ec !important;
}

html[data-yz-theme="dark"] .login-tabs {
  background: #f0f2f6 !important;
}

.login-page *,
.login-page *::before,
.login-page *::after {
  animation: none !important;
  transition-duration: .12s !important;
}

html[data-youzi-route="canvas"] .auth-loading {
  min-height: 100vh;
  background-color: #0b0e15 !important;
  background-image: radial-gradient(circle at 1px 1px, rgba(130,145,170,.18) 1px, transparent 1.2px) !important;
  background-size: 30px 30px !important;
}

html[data-youzi-route="canvas"] .auth-loading > * {
  display: none !important;
}

@media (max-width: 560px) {
  body.youzi-home .home-new-brush-arrow {
    right: 12px !important;
    height: clamp(96px, 52%, 160px) !important;
    max-height: calc(100% - 82px) !important;
  }
}