/* Day-mode control contrast. Loaded after all surface styles. */
html[data-color-mode='day'] {
  --day-control-text: #373b47;
  --day-control-muted: #626775;
  --day-control-border: rgba(30, 34, 46, .14);
  --day-control-bg: rgba(255, 255, 255, .9);
  --day-control-bg-soft: #f2f3f7;
  --day-control-hover: #e9ebf2;
}

html[data-color-mode='day'] .studio-v2 .sidebar-toggle,
html[data-color-mode='day'] .studio-v2 .icon-btn,
html[data-color-mode='day'] .gallery-page-body .modal-close,
html[data-color-mode='day'] .history-page-body .modal-close,
html[data-color-mode='day'] .studio-v2 .modal-close {
  border: 1px solid var(--day-control-border) !important;
  color: #4a4f5d !important;
  background: var(--day-control-bg-soft) !important;
  box-shadow: 0 5px 14px rgba(38, 42, 55, .06) !important;
}

html[data-color-mode='day'] .studio-v2 .sidebar-toggle:hover,
html[data-color-mode='day'] .studio-v2 .icon-btn:hover,
html[data-color-mode='day'] .gallery-page-body .modal-close:hover,
html[data-color-mode='day'] .history-page-body .modal-close:hover,
html[data-color-mode='day'] .studio-v2 .modal-close:hover {
  border-color: color-mix(in srgb, var(--studio-ambient-a, #7587f5) 32%, rgba(30,34,46,.16)) !important;
  color: #171a23 !important;
  background: #fff !important;
}

html[data-color-mode='day'] .studio-v2 .composer-assist-link,
html[data-color-mode='day'] .studio-v2 .prompt-idea,
html[data-color-mode='day'] .studio-v2 .prompt-idea-refresh,
html[data-color-mode='day'] .studio-v2 .chip,
html[data-color-mode='day'] .studio-v2 .advanced-settings > summary {
  border-color: var(--day-control-border) !important;
  color: var(--day-control-text) !important;
  background: var(--day-control-bg-soft) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}

html[data-color-mode='day'] .studio-v2 .composer-assist-link .material-symbols-outlined,
html[data-color-mode='day'] .studio-v2 .prompt-idea .material-symbols-outlined,
html[data-color-mode='day'] .studio-v2 .prompt-idea-refresh .material-symbols-outlined,
html[data-color-mode='day'] .studio-v2 .chip .material-symbols-outlined {
  color: color-mix(in srgb, var(--studio-ambient-a) 72%, #343844) !important;
}

html[data-color-mode='day'] .studio-v2 .composer-assist-link:hover,
html[data-color-mode='day'] .studio-v2 .prompt-idea:hover,
html[data-color-mode='day'] .studio-v2 .prompt-idea-refresh:hover,
html[data-color-mode='day'] .studio-v2 .chip:hover,
html[data-color-mode='day'] .studio-v2 .advanced-settings[open] > summary {
  border-color: color-mix(in srgb, var(--studio-ambient-a) 34%, rgba(30,34,46,.15)) !important;
  color: #171a23 !important;
  background: color-mix(in srgb, var(--studio-ambient-a) 8%, #fff) !important;
}

html[data-color-mode='day'] .studio-v2 .prompt-ideas-label,
html[data-color-mode='day'] .studio-v2 .composer-step {
  color: #686d79 !important;
}

html[data-color-mode='day'] .studio-v2 .advanced-settings-popover,
html[data-color-mode='day'] .studio-v2 .dd-menu {
  border-color: rgba(30,34,46,.13) !important;
  color: #242833 !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 22px 54px rgba(38,42,55,.16), inset 0 1px 0 #fff !important;
}

html[data-color-mode='day'] .studio-v2 .advanced-settings-popover .chip,
html[data-color-mode='day'] .studio-v2 .advanced-settings-popover .advanced-settings > summary {
  border-color: rgba(30,34,46,.12) !important;
  color: #3e4350 !important;
  background: #f2f3f7 !important;
}

html[data-color-mode='day'] .studio-v2 .advanced-settings-sheet-head strong {
  color: #1b1e28;
}

html[data-color-mode='day'] .studio-v2 .dd-item {
  color: #4b505d !important;
  background: transparent !important;
}

html[data-color-mode='day'] .studio-v2 .dd-item:hover,
html[data-color-mode='day'] .studio-v2 .dd-item.is-active {
  color: #181b24 !important;
  background: color-mix(in srgb, var(--studio-ambient-a) 10%, #f5f6f9) !important;
}

html[data-color-mode='day'] .studio-v2 .chip-caret,
html[data-color-mode='day'] .studio-v2 .model-option-copy {
  color: #555a67 !important;
}

html[data-color-mode='day'] .studio-v2 .modal-card .muted,
html[data-color-mode='day'] .studio-v2 .onboarding-body {
  color: #626875 !important;
}

html[data-color-mode='day'] .studio-v2 .onboarding-tip {
  border-left-color: color-mix(in srgb, var(--studio-ambient-a) 58%, #fff);
  color: #5c6270;
  background: #f5f6f9;
}

html[data-color-mode='day'] .studio-v2 .onboarding-actions .btn-secondary,
html[data-color-mode='day'] .studio-v2 .modal-card .btn-secondary {
  border-color: var(--day-control-border) !important;
  color: #424754 !important;
  background: #f1f2f6 !important;
}

html[data-color-mode='day'] .studio-v2 .wechat-contact-card {
  border-color: rgba(34, 139, 86, .28) !important;
  color: #173d2d !important;
  background: #edf9f2 !important;
  box-shadow: inset 0 1px 0 #fff;
}

html[data-color-mode='day'] .studio-v2 .wechat-contact-card:hover {
  border-color: rgba(27, 133, 79, .48) !important;
  background: #e3f6eb !important;
}

html[data-color-mode='day'] .studio-v2 .wechat-contact-copy small {
  color: #527565 !important;
}

html[data-color-mode='day'] .studio-v2 .wechat-contact-copy strong {
  color: #174b35 !important;
}

html[data-color-mode='day'] .studio-v2 .wechat-contact-action {
  color: #34775a !important;
}

html[data-color-mode='day'] .studio-v2 .wechat-contact-icon {
  color: #24754f;
  background: #d7f1e2;
}

html[data-color-mode='day'] .studio-v2 #variationBtn,
html[data-color-mode='day'] .studio-v2 #useRefBtn,
html[data-color-mode='day'] .studio-v2 #hdRerunBtn,
html[data-color-mode='day'] .studio-v2 #bindPhoneBtn,
html[data-color-mode='day'] .studio-v2 .result-dock-btn,
html[data-color-mode='day'] .studio-v2 .result-more-actions > summary {
  border-color: var(--day-control-border) !important;
  color: #484d5a !important;
  background: #f1f2f6 !important;
}

html[data-color-mode='day'] .studio-v2 #variationBtn:hover,
html[data-color-mode='day'] .studio-v2 #useRefBtn:hover,
html[data-color-mode='day'] .studio-v2 #hdRerunBtn:hover,
html[data-color-mode='day'] .studio-v2 #bindPhoneBtn:hover,
html[data-color-mode='day'] .studio-v2 .result-dock-btn:hover {
  color: #171a23 !important;
  background: #e7e9ef !important;
}

html[data-color-mode='day'] .history-page-body .history-primary-btn,
html[data-color-mode='day'] .gallery-page-body .history-primary-btn {
  border-color: #4f5ebd !important;
  color: #fff !important;
  background: #4f5ebd !important;
}

html[data-color-mode='day'] .history-page-body .history-nav-btn,
html[data-color-mode='day'] .gallery-page-body .history-nav-btn,
html[data-color-mode='day'] .history-toolbar button {
  border-color: var(--day-control-border) !important;
  color: #484d5a !important;
  background: #f1f2f6 !important;
}

html[data-color-mode='day'] .history-page-body .history-nav-btn:hover,
html[data-color-mode='day'] .gallery-page-body .history-nav-btn:hover,
html[data-color-mode='day'] .history-toolbar button:hover {
  color: #171a23 !important;
  background: #e7e9ef !important;
}

html[data-color-mode='day'] .prompt-assistant-close,
html[data-color-mode='day'] .prompt-assistant-version,
html[data-color-mode='day'] .prompt-assistant-inline-action,
html[data-color-mode='day'] .prompt-assistant-quick button,
html[data-color-mode='day'] .prompt-assistant-attach {
  border-color: var(--day-control-border) !important;
  color: #484d5a !important;
  background: #f1f2f6 !important;
}

html[data-color-mode='day'] button:focus-visible,
html[data-color-mode='day'] a:focus-visible,
html[data-color-mode='day'] summary:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--studio-ambient-a, #7587f5) 36%, transparent);
  outline-offset: 2px;
}