.color-group { border:1px solid #dedee5;border-radius:20px;overflow:hidden;background:#fff; }
.color-group>header { display:flex;align-items:center;gap:16px;padding:18px;background:#f5f5f7; }
.color-group>header label { max-width:260px; }
.color-group>header>span { color:#6e6e73;flex:1;font-size:14px; }
.color-versions { display:grid; }
.version-row.variant-editor-row { padding:14px 18px;border-radius:0;border-top:1px solid #eee;background:#fff; }
.version-row .variant-fields { grid-template-columns:28px 1.25fr 1fr .8fr .8fr .65fr auto; }
.version-row .variant-assets { border:0;margin-top:8px;padding:0; }
.version-row .variant-assets>summary { font-size:14px;color:#0071e3;padding:8px 0; }
.variant-assets-body video,.public-product-detail video { width:100%;max-height:420px;background:#101014;border-radius:14px; }
.version-folder-picker { border:1px solid #cddff5;border-radius:16px;background:#fff;padding:14px; }
.version-folder-picker>summary { cursor:pointer;color:#515154;overflow-wrap:anywhere; }
.variant-folder-pick { display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;text-align:left;padding:12px;border-radius:12px; }
.variant-folder-pick.selected { background:#edf5ff;color:#0071e3; }
.assembly-choices { display:grid;gap:8px; }
.assembly-choice { display:flex!important;align-items:center;gap:10px;padding:12px;background:#f5f5f7;border-radius:12px; }
.assembly-choice input { width:auto!important; }
.assembly-choice small { display:block;color:#6e6e73;font-size:13px; }
.public-version-selector { display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0; }
.public-version-selector select { width:100%;margin-top:8px;padding:12px;border:1px solid #ccc;border-radius:12px; }
.variant-upload-zone.uploading { opacity:.55;pointer-events:none; }
@media(max-width:700px){
 .color-group>header { flex-wrap:wrap;gap:10px; }
 .color-group>header>span { display:none; }
 .version-row .variant-fields { grid-template-columns:1fr 1fr; }
 .version-row .variant-number { display:none; }
 .version-row .variant-fields .danger { grid-column:auto; }
 .variant-assets>summary b { float:none;display:block;margin-top:4px; }
 .public-version-selector { grid-template-columns:1fr; }
}
.variant-editor-list {
  display: grid;
  gap: 12px;
}

.variant-editor-row {
  display: block;
  padding: 16px;
  border-radius: 18px;
  background: #f5f5f7;
}
.variant-fields { display:grid;grid-template-columns:36px 1.25fr 1.1fr 1fr .9fr .9fr .7fr auto;gap:10px;align-items:end; }
.variant-assets { margin-top:14px;border-top:1px solid #dedee3;padding-top:12px; }
.variant-assets>summary { cursor:pointer;font-weight:700;color:#1d1d1f; }
.variant-assets>summary b { float:right;color:#6e6e73;font-size:12px;font-weight:500; }
.variant-assets-body { display:grid;gap:12px;margin-top:14px; }
.variant-upload-zone { position:relative;display:grid;place-items:center;gap:4px;min-height:104px;padding:18px;border:2px dashed #b9b9bf;border-radius:16px;background:#fff;text-align:center;color:#0071e3;cursor:pointer; }
.variant-upload-zone span { color:#6e6e73;font-size:13px; }
.variant-upload-zone input { position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer; }
.variant-upload-zone.dragging,.variant-upload-zone:focus { border-color:#0071e3;background:#eef6ff;outline:none; }
.variant-image-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px; }
.variant-image-choice { display:grid;gap:7px;padding:9px;border:2px solid transparent;border-radius:14px;background:#fff;min-width:0; }
.variant-image-choice.selected { border-color:#0071e3;background:#eef6ff; }
.variant-image-choice img { width:100%;aspect-ratio:1;object-fit:cover;border-radius:9px;background:#f5f5f7; }
.variant-image-choice span { display:flex;align-items:center;gap:5px;font-size:12px; }
.variant-image-choice input { width:auto; }
.variant-image-choice small { white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#86868b; }
.variant-file-list { padding:12px;border-radius:14px;background:#fff; }
.variant-file-list>a { display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #eee;color:#1d1d1f;text-decoration:none; }
.display-switch { display:flex;padding:3px;border-radius:12px;background:#e8e8ed; }
.display-switch button { border:0;border-radius:9px;background:transparent;padding:9px 12px;color:#515154;white-space:nowrap; }
.display-switch button.active { background:#fff;color:#1d1d1f;box-shadow:0 1px 5px rgba(0,0,0,.1); }
.product-card-carousel img { position:absolute;inset:0;opacity:0;transition:opacity .45s ease; }
.product-card-carousel img.active { opacity:1; }
.carousel-count { position:absolute!important;z-index:3!important;right:10px;bottom:10px;padding:4px 8px;border-radius:999px;background:rgba(0,0,0,.58)!important;color:#fff;font-size:11px;letter-spacing:0!important; }

.variant-number {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  margin-bottom: 10px;
  border-radius: 50%;
  background: #1d1d1f;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

.variant-editor-row label { min-width: 0; }
.variant-editor-row input { width: 100%; background: #fff; }
.variant-editor-row .danger { margin-bottom: 2px; }
.public-variant-list { display: grid; gap: 9px; }
.public-variant-list > div { display: flex; justify-content: space-between; gap: 18px; padding: 14px 16px; border-radius: 14px; background: #f5f5f7; }
.public-variant-list span { color: #6e6e73; text-align: right; }
.public-variant-list>.public-variant-card { display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center; }
.public-variant-images { grid-column:1/-1;display:flex!important;gap:8px!important;padding:0!important;background:transparent!important;overflow-x:auto; }
.public-variant-images img { width:92px;height:92px;object-fit:cover;border-radius:12px;background:#fff; }

@media (max-width: 900px) {
  .variant-fields { grid-template-columns: 36px 1fr 1fr; }
  .variant-number { grid-row: 1 / 4; }
  .variant-fields .danger { grid-column: 2 / -1; justify-self: start; }
  .variant-image-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width: 620px) {
  .variant-fields { grid-template-columns: 30px 1fr; }
  .variant-number { grid-row: 1 / 8; }
  .variant-fields .danger { grid-column: 2; }
  .variant-image-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .display-switch { width:100%; }
  .display-switch button { flex:1; }
  .product-variants-section .section-title { align-items: flex-start; }
  .public-variant-list > div { display: grid; gap: 5px; }
  .public-variant-list span { text-align: left; }
}
.asset-source-actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}
.public-folder-setting{display:flex;align-items:center;gap:10px;font-weight:600}
.public-folder-setting input{width:20px;height:20px}
.customer-folder{margin-top:24px;padding:20px;border:1px solid #e5e5ea;border-radius:18px}
.customer-folder-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.customer-folder-actions .secondary{display:inline-flex;text-decoration:none;font-size:14px}.folder-download-all{background:#0071e3;color:#fff}.folder-download-all:hover{background:#0077ed}
.customer-file{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #eee;flex-wrap:wrap}
.customer-file>span,.customer-file>button{flex:1;min-width:130px;overflow-wrap:anywhere;text-align:left}
.folder-location{overflow-wrap:anywhere;color:#6e6e73}
.color-nas-settings{padding:20px 24px;border-bottom:1px solid #e5e5ea}
.color-nas-settings h4{margin:0 0 8px}
.color-image-settings{padding:20px 24px;border-bottom:1px solid #e5e5ea;background:#fff}
.color-image-settings h4{margin:0 0 8px}
.color-folder-picker{border:1px solid #cce0ff;border-radius:16px;margin:14px 0;overflow:hidden}
.color-folder-picker>summary{padding:16px;cursor:pointer;overflow-wrap:anywhere}
.color-folder-picker .folder-tree{max-height:350px;overflow:auto}
.color-folder-warning{color:#9b5000;background:#fff5e5;padding:12px;border-radius:10px}
.nas-media-picker{min-width:0;margin:12px 0}
.nas-media-picker>label{display:grid;gap:8px;font-size:15px}
.nas-subfolders{display:grid;gap:12px;margin-top:12px;padding-left:14px;border-left:2px solid #d4e6ff}.nas-subfolders:empty{display:none}.nas-subfolders label{display:grid;gap:8px;font-size:15px}
.nas-media-picker select{width:100%;min-width:0;max-width:100%;font-size:15px}
.nas-media-picker .variant-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:480px;overflow:auto}
.nas-media-picker .variant-image-choice{display:flex;flex-direction:column;min-width:0;padding:10px;gap:8px}
.nas-media-picker .variant-image-choice img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;flex:none}
.nas-media-picker .variant-image-choice label{display:flex;align-items:center;gap:8px;font-size:14px;white-space:nowrap;margin:0}
.nas-media-picker input{width:18px;height:18px;flex:none;margin:0}
.nas-media-picker small{overflow-wrap:anywhere;white-space:normal;font-size:12px}
.nas-media-picker .assembly-choices{max-height:360px;overflow:auto}
.nas-media-picker .assembly-choice{padding:12px;font-size:14px}
.nas-media-picker .assembly-choice>label{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.nas-media-picker .assembly-choice>a{flex:none;white-space:nowrap;font-size:14px}
.square-crop-dialog{width:min(620px,calc(100vw - 24px));max-height:94vh;overflow:auto;border:0;border-radius:22px;padding:24px;color:#1d1d1f;background:#fff;box-sizing:border-box}
.square-crop-dialog::backdrop{background:#0009}.square-crop-dialog header,.square-crop-dialog footer{display:flex;gap:12px;align-items:center;justify-content:space-between}.square-crop-dialog h2{margin:0;font-size:24px}.square-crop-dialog p{font-size:14px;line-height:1.6}.square-crop-dialog label{display:grid;grid-template-columns:72px 1fr;align-items:center;margin:10px 0;font-size:14px}.square-crop-dialog input[type=range]{width:100%;padding:0}.square-crop-dialog header button{border:0;border-radius:50%;font-size:24px;width:36px;height:36px;cursor:pointer}.crop-canvas{display:block;width:min(100%,48vh);height:auto;aspect-ratio:1;margin:0 auto;background:#eee;touch-action:none;cursor:grab}.crop-canvas:active{cursor:grabbing}.square-crop-dialog footer{position:sticky;bottom:-24px;background:#fff;padding:14px 0}.crop-existing-image{font-size:12px;padding:7px 9px}
.nas-media-picker .nas-media-more[hidden]{display:none}
.nas-selection-help,.nas-media-count{font-size:14px;line-height:1.6;overflow-wrap:anywhere}
@media(max-width:620px){.nas-media-picker .variant-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.color-only-toggle{display:flex!important;align-items:center;gap:8px;white-space:nowrap}.color-only-toggle input{width:20px;height:20px}.versionless-label{display:none;font-weight:700;align-self:center}.versionless-row .version-name-field{display:none}.versionless-row .versionless-label{display:block}.color-only-group .add-version{display:none}.color-only-group .variant-assets summary{font-size:0}.color-only-group .variant-assets summary::before{content:"组装视频";font-size:1rem}