:root {
  color-scheme: dark;
}

html {
  background: #090a0c !important;
}

body {
  max-width: 480px;
  margin-inline: auto !important;
  box-shadow: 0 0 0 1px rgba(229, 181, 106, 0.08), 0 24px 90px rgba(0, 0, 0, 0.5);
  overflow-x: hidden;
}

header,
footer {
  width: min(100%, 480px);
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%);
}

header img[alt*="Logo"] {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

#wizard-step-indicator + div span {
  cursor: pointer;
}

#wizard-step-indicator + div span:hover {
  color: #f4f5f7;
}

.prototype-toast {
  position: fixed;
  z-index: 80;
  left: 50%;
  bottom: 96px;
  transform: translate(-50%, 12px);
  width: min(calc(100% - 32px), 448px);
  padding: 12px 14px;
  border: 1px solid rgba(229, 181, 106, 0.32);
  border-radius: 12px;
  background: rgba(24, 28, 35, 0.96);
  color: #f4f5f7;
  font: 500 13px/1.5 Inter, "PingFang SC", sans-serif;
  text-align: center;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.38);
  opacity: 0;
  pointer-events: none;
  transition: 180ms ease;
}

.prototype-toast.show {
  opacity: 1;
  transform: translate(-50%, 0);
}

.identity-job-panel {position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:24px;background:rgba(8,10,13,.78);backdrop-filter:blur(14px)}
.identity-job-card {width:min(100%,388px);padding:30px 24px 24px;border:1px solid rgba(229,181,106,.26);border-radius:20px;background:#1d2025;color:#f1f1f3;text-align:center;box-shadow:0 28px 90px rgba(0,0,0,.55)}
.identity-spinner {width:52px;height:52px;margin:0 auto 18px;border:2px solid #343840;border-top-color:#e5b56a;border-radius:50%;animation:identity-spin .9s linear infinite}
.identity-job-panel.failed .identity-spinner {border-top-color:#ff8d8d;animation-play-state:paused}
.identity-job-card strong {display:block;font-size:18px;line-height:1.45}
.identity-job-card p {margin:8px 0 18px;color:#9da2ad;font-size:13px}
.identity-job-card small {display:block;margin:-8px 0 16px;color:#737a87;font:12px/1.55 Inter,"PingFang SC",sans-serif}
.identity-progress {height:5px;overflow:hidden;border-radius:999px;background:#30343a}
.identity-progress i {display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e5b56a,#ffd695);transition:width 320ms ease}
.identity-job-card button {width:100%;margin-top:18px;padding:12px;border:0;border-radius:10px;background:#e5b56a;color:#16120d;font:700 14px/1 Inter,"PingFang SC",sans-serif}
.h5-detection-status:not(.is-ready) {filter:grayscale(1);opacity:.68}
.h5-detection-status:not(.is-ready) .text-tertiary {color:#7b818c!important}
.h5-detection-status.is-ready {filter:none;opacity:1}
.h5-header-tools {display:flex!important;align-items:center!important;gap:10px!important;flex:none!important}
.h5-header-save {display:inline-flex!important;align-items:center!important;gap:5px!important;height:24px!important;padding:0 9px!important;border-radius:999px!important;background:#282a2d!important;color:#46f4ab!important;font:600 11px/1 Inter,"PingFang SC",sans-serif!important;white-space:nowrap!important}
.h5-header-save::before {content:"";width:6px;height:6px;border-radius:50%;background:#46f4ab;box-shadow:0 0 0 3px rgba(70,244,171,.1)}
.h5-header-help {display:grid!important;place-items:center!important;width:28px!important;height:28px!important;padding:0!important;border:0!important;background:transparent!important;color:#9ba1ad!important}
.h5-header-avatar {display:grid!important;place-items:center!important;width:32px!important;height:32px!important;border-radius:50%!important;background:#ffd28d!important;color:#432c00!important;font-size:18px!important}
.h5-header-credit {display:inline-flex!important;align-items:center!important;height:24px!important;padding:0 8px!important;border:1px solid rgba(255,210,141,.22)!important;border-radius:999px!important;background:rgba(255,210,141,.08)!important;color:#ffd28d!important;font:600 11px/1 Inter,"PingFang SC",sans-serif!important;white-space:nowrap!important}
.h5-compact-header {height:80px!important;justify-content:flex-start!important;gap:2px!important}
.h5-page-title,
body[data-prototype-step="3"] main > section:first-child h2,
body[data-prototype-step="4"] main > section:first-child h2,
body[data-prototype-step="5"] main > section:first-child h2,
body[data-prototype-step="6"] main > section:first-child h2 {font:700 20px/1.35 Inter,"PingFang SC",sans-serif!important;letter-spacing:-.02em!important;color:#f4f5f7!important}
@keyframes identity-spin {to{transform:rotate(360deg)}}

.outfit-result-card {border:0;padding:0;cursor:zoom-in;transition:transform 160ms ease,box-shadow 160ms ease}
.outfit-result-card:active {transform:scale(.97)}
.outfit-result-card:focus-visible {outline:2px solid #ffd28d;outline-offset:2px}
.outfit-result-expand {position:absolute;right:6px;top:6px;display:flex;align-items:center;gap:3px;height:26px;padding:0 7px;border-radius:8px;background:rgba(8,10,13,.74);color:#f4f5f7;font:500 10px/1 Inter,"PingFang SC",sans-serif;font-style:normal;opacity:.96;cursor:zoom-in}
.outfit-result-expand .material-symbols-outlined {font-size:14px}.outfit-result-expand em {font-style:normal}
.outfit-image-viewer {position:fixed;z-index:120;inset:0;display:none;place-items:center;padding:28px 16px;background:rgba(5,6,8,.92);backdrop-filter:blur(16px)}
.outfit-image-viewer.show {display:grid}
.outfit-image-viewer figure {margin:0;max-width:min(100%,440px);max-height:calc(100vh - 92px);text-align:center}
.outfit-image-viewer figure img {display:block;max-width:100%;max-height:calc(100vh - 130px);border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.55)}
.outfit-image-viewer figcaption {padding-top:12px;color:#f4f5f7;font:500 13px/1.4 "JetBrains Mono",monospace}
.outfit-viewer-close,.outfit-viewer-arrow {position:absolute;border:0;color:#f4f5f7;background:rgba(40,42,45,.86);cursor:pointer}
.outfit-viewer-close {right:18px;top:18px;width:40px;height:40px;border-radius:12px;font:400 28px/1 Inter}
.outfit-viewer-arrow {top:50%;width:42px;height:52px;border-radius:12px;font:400 38px/42px Inter;transform:translateY(-50%)}
.outfit-viewer-prev {left:12px}.outfit-viewer-next {right:12px}
.outfit-viewer-count {position:absolute;bottom:18px;left:0;right:0;margin:0;color:#9ba1ad;font:12px/1.4 "JetBrains Mono",monospace;text-align:center}

/* 第四步的参数采用内嵌分段控件，选中项浮在深色槽内。 */
#scene-framing,#scene-ratio {gap:4px!important;padding:4px!important;border-radius:9px;background:#0d0f12!important}
#scene-framing .scene-choice,#scene-ratio .scene-choice {border:0!important;background:transparent!important;color:#707784!important;transition:background .18s ease,color .18s ease,box-shadow .18s ease}
#scene-framing .scene-choice.active,#scene-ratio .scene-choice.active {background:#282a2d!important;color:#ffd28d!important;font-weight:600;box-shadow:0 1px 0 rgba(255,255,255,.04),inset 0 0 0 1px rgba(255,255,255,.025)}
#scene-mode .scene-choice {transition:border-color .18s ease,background .18s ease,color .18s ease}

@media (max-width: 480px) {
  body {
    box-shadow: none;
  }
}