/* Header only, exact Peter gate is applied by gc-style-drawer-header.js.
 * Uses the ERP control tokens; no selector can reach body/status/drawer shell. */
html body #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 .drawer-header.drawer-header-v2.peter-style-drawer-header-unified-v1.gc-drawer-header-pilot {
  --gc-header-control: var(--gc-ui-field-height, 36px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "identity actions";
  align-items: start;
  gap: 16px;
  padding: 24px;
  overflow: visible;
  position: relative;
  z-index: 21;
}
html body #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 .drawer-header.drawer-header-v2.peter-style-drawer-header-unified-v1.gc-drawer-header-pilot .drawer-title { grid-area: identity; min-width: 0; }
html body #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 .drawer-header.drawer-header-v2.peter-style-drawer-header-unified-v1.gc-drawer-header-pilot .drawer-title-main { margin: 0; min-width: 0; }
html body #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 .drawer-header.drawer-header-v2.peter-style-drawer-header-unified-v1.gc-drawer-header-pilot .sku-text { font-size: 24px; line-height: 1.25; font-weight: 650; letter-spacing: -.02em; white-space: normal; overflow-wrap: anywhere; }
html body #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 .drawer-header.drawer-header-v2.peter-style-drawer-header-unified-v1.gc-drawer-header-pilot .drawer-meta-line { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 6px; font-size: var(--gc-type-body, 13px); font-weight: 400; color: var(--ink-mute, #6e6e73); line-height: 1.5; white-space: normal; overflow: visible; }
html body #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 .drawer-header.drawer-header-v2.peter-style-drawer-header-unified-v1.gc-drawer-header-pilot .drawer-meta-line > span:not(.dot) { white-space: normal; overflow: visible; }
html body #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 .drawer-header.drawer-header-v2.peter-style-drawer-header-unified-v1.gc-drawer-header-pilot :is(.peter-style-drawer-title-tools, .drawer-header-primary-group):empty { display: none; }
html body #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 .drawer-header.drawer-header-v2.peter-style-drawer-header-unified-v1.gc-drawer-header-pilot .drawer-header-actions { grid-area: actions; display: flex !important; flex-direction: row; flex-wrap: nowrap; gap: 8px; width: auto; align-items: flex-start; }
html body #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 .drawer-header.drawer-header-v2.peter-style-drawer-header-unified-v1.gc-drawer-header-pilot .drawer-header-tools { display: flex !important; flex-direction: row; gap: 8px; flex-wrap: nowrap; min-width: 0; min-height: var(--gc-header-control); }
html body #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 .drawer-header.drawer-header-v2.peter-style-drawer-header-unified-v1.gc-drawer-header-pilot .drawer-header-tools > * { flex: 0 0 auto; width: auto; }
html body #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 .drawer-header.drawer-header-v2.peter-style-drawer-header-unified-v1.gc-drawer-header-pilot :is(.gc-header-trigger, .gc-header-new-tab, .drawer-close) {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  height: var(--gc-header-control) !important; min-height: var(--gc-header-control) !important;
  border: 1px solid transparent; border-radius: var(--gc-button-radius, 8px);
  background: var(--fill, #f5f5f7); color: var(--ink, #242426);
  font: 500 var(--gc-type-body, 13px)/1 var(--font-sans); padding: 0 12px;
  box-shadow: none; cursor: pointer; list-style: none;
}
html body #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 .drawer-header.drawer-header-v2.peter-style-drawer-header-unified-v1.gc-drawer-header-pilot :is(.gc-header-more > summary, .gc-header-new-tab, .drawer-close) { width: var(--gc-header-control) !important; min-width: var(--gc-header-control) !important; padding: 0; }
html body #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 .drawer-header.drawer-header-v2.peter-style-drawer-header-unified-v1.gc-drawer-header-pilot .gc-header-new-tab span { display: none; }
html body #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 .drawer-header.drawer-header-v2.peter-style-drawer-header-unified-v1.gc-drawer-header-pilot summary::-webkit-details-marker { display: none; }
html body #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 .drawer-header.drawer-header-v2.peter-style-drawer-header-unified-v1.gc-drawer-header-pilot :is(.gc-header-trigger, .gc-header-new-tab, .drawer-close):hover { background: var(--fill-hover, #eaeaee); }
html body #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 .drawer-header.drawer-header-v2.peter-style-drawer-header-unified-v1.gc-drawer-header-pilot :is(.gc-header-trigger, .gc-header-new-tab, .drawer-close):focus-visible { outline: 2px solid var(--accent, #007aff); outline-offset: 2px; }
html body #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 .drawer-header.drawer-header-v2.peter-style-drawer-header-unified-v1.gc-drawer-header-pilot .gc-header-menu { position: relative; }
html body #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 .drawer-header.drawer-header-v2.peter-style-drawer-header-unified-v1.gc-drawer-header-pilot .gc-header-popover { position: absolute; top: calc(100% + 8px); right: 0; min-width: 180px; max-width: min(260px, 70vw); padding: 6px; border: 1px solid var(--line, #e5e5ea); border-radius: 10px; background: var(--surface, #fff); box-shadow: 0 8px 24px #00000014; z-index: 30; }
html body #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 .drawer-header.drawer-header-v2.peter-style-drawer-header-unified-v1.gc-drawer-header-pilot .gc-header-menu:not([open]) > .gc-header-popover { display: none; }
html body #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 .drawer-header.drawer-header-v2.peter-style-drawer-header-unified-v1.gc-drawer-header-pilot .gc-header-popover :is(button, .drawer-pdf-dropdown) { width: 100% !important; min-width: 0 !important; margin: 0; }
html body #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 .drawer-header.drawer-header-v2.peter-style-drawer-header-unified-v1.gc-drawer-header-pilot .gc-header-popover button { display: flex !important; align-items: center; justify-content: flex-start; gap: 8px; min-height: var(--gc-header-control) !important; height: auto !important; padding: 10px !important; border: 0; border-radius: 6px; background: transparent; font: 400 var(--gc-type-body, 13px)/1.4 var(--font-sans); white-space: normal; }
html body #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 .drawer-header.drawer-header-v2.peter-style-drawer-header-unified-v1.gc-drawer-header-pilot .gc-header-popover button span { display: inline !important; }
html body #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 .drawer-header.drawer-header-v2.peter-style-drawer-header-unified-v1.gc-drawer-header-pilot .gc-header-popover button:hover { background: var(--fill, #f5f5f7); }
html body #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 .drawer-header.drawer-header-v2.peter-style-drawer-header-unified-v1.gc-drawer-header-pilot .gc-header-popover .edit-info-btn { font-size: 0 !important; }
html body #drawer#drawer .drawer-header.gc-drawer-header-pilot .gc-header-popover .edit-info-btn :is(svg,.peter-reference-ui-icon-legacy,.peter-reference-ui-icon-svg) {display:none!important}
html body #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 .drawer-header.drawer-header-v2.peter-style-drawer-header-unified-v1.gc-drawer-header-pilot .gc-header-popover .edit-info-btn::after { content: "编辑款式信息"; font-size: var(--gc-type-body, 13px); }
@container peter-drawer (max-width: 600px) {
  html body #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 .drawer-header.drawer-header-v2.peter-style-drawer-header-unified-v1.gc-drawer-header-pilot { grid-template-columns: minmax(0, 1fr); grid-template-areas: "identity" "actions"; padding: 20px 16px; gap: 16px; }
  html body #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 .drawer-header.drawer-header-v2.peter-style-drawer-header-unified-v1.gc-drawer-header-pilot .drawer-header-actions { justify-content: flex-end; }
}
@media (max-width: 600px) {
  html body #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 .drawer-header.drawer-header-v2.peter-style-drawer-header-unified-v1.gc-drawer-header-pilot { --gc-header-control: var(--gc-touch-target-height, 44px); }
}
/* v2: metadata spans the complete header, matching the approved reference.
 * Keep its original title parent for the 80ms normalizer and all original flags.
 */
html body #drawer#drawer .drawer-header.gc-drawer-header-pilot.gc-drawer-identity-refined {
  grid-template-areas: "identity actions" "metadata metadata";
  gap: 12px 16px; padding: 24px 24px 16px;
}
html body #drawer#drawer .gc-drawer-identity-refined .drawer-title { display: contents; }
html body #drawer#drawer .gc-drawer-identity-refined .drawer-title-main { grid-area: identity; }
html body #drawer#drawer .gc-drawer-identity-refined .drawer-meta-line { grid-area: metadata; margin: 0; gap: 8px; }
html body #drawer#drawer .gc-drawer-identity-refined .gc-drawer-identity-parts { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; }
html body #drawer#drawer .gc-drawer-identity-refined .gc-drawer-identity-po { font-weight: 500; color: var(--ink-soft); }
html body #drawer#drawer .gc-drawer-identity-refined :is(.gc-drawer-identity-color,.gc-drawer-identity-size) { color: var(--ink-mute) !important; font-weight: 400 !important; }
html body #drawer#drawer .gc-drawer-identity-refined .gc-drawer-identity-size b { font-weight: 400; }
html body #drawer#drawer .gc-drawer-identity-refined .gc-drawer-identity-size .lbl { opacity: 1; color: inherit; }
html body #drawer#drawer .gc-drawer-identity-refined .gc-chip-swatch { width: 9px; height: 9px; border-radius: 3px; }
html body #drawer#drawer .gc-drawer-identity-refined :is(.peter-style-drawer-header-flags,.drawer-desc) { grid-column: 1 / -1; }
@container peter-drawer (max-width: 600px) {
  html body #drawer#drawer .drawer-header.gc-drawer-header-pilot.gc-drawer-identity-refined { grid-template-columns: minmax(0,1fr); grid-template-areas: "identity" "actions" "metadata"; padding: 20px 16px 16px; gap: 12px; }
  html body #drawer#drawer .gc-drawer-identity-refined .drawer-meta-line { gap: 6px; }
  html body #drawer#drawer .gc-drawer-identity-refined .gc-drawer-identity-parts { gap: 6px; }
}