/* Photo-derived shades retain the original site's monochrome interface. */
.tryon-dialog .tryon-layout{align-items:stretch}
.tryon-dialog .tryon-controls{min-width:0;max-height:76dvh}
.shade-verification{margin-block:12px 16px}
.shade-verification.loading{border-inline-start-style:dashed}
.photo-reference-section{padding-block:0 4px}
.shade-choice-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-block:16px 12px}
.shade-choice-heading h3{font:600 12px/1.8 var(--body);margin:0}
.shade-choice-heading .plain-link{font-size:10px;white-space:nowrap;min-height:36px}
.preview-color-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(43px,1fr));gap:7px;align-items:start}
.preview-color{min-height:51px;min-width:0;padding:5px 4px 3px;border:1px solid #ddd;border-radius:3px;background:#fff;display:flex;flex-direction:column;align-items:center;gap:3px}
.preview-color>span{width:100%;height:25px;border:1px solid #00000018;border-radius:2px;background:var(--source-color)}
.preview-color>small{font-size:9px;line-height:1.5;color:#555;white-space:nowrap}
.preview-color.selected{border-color:#000;box-shadow:inset 0 0 0 1px #000}
.preview-color:disabled{cursor:progress}
.preview-color:only-child{width:74px}
.preview-color-options:has(.preview-color:only-child){grid-template-columns:74px}
.chosen-shade-label{font-size:11px;line-height:1.8;margin-block:8px;color:#444}
.source-photo-panel{margin-block:12px;border:1px solid #ddd;border-radius:4px;overflow:hidden;background:#fff}
.source-photo-button{display:block;position:relative;padding:0;border:0;width:100%;line-height:0;cursor:crosshair}
.source-photo-button img{display:block;width:100%;height:auto;filter:none}
.source-photo-marker{position:absolute;width:18px;height:18px;border:2px solid #fff;box-shadow:0 0 0 2px #000;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.source-variant:disabled{opacity:.5;cursor:not-allowed}
.source-variant small{font-size:8px;color:#555;line-height:1.4;display:block}
#preview-controls .check-label{font-size:11px;margin-top:12px}
#preview-controls .range-control{height:20px;display:block;margin-block:0}
#preview-controls .compare-help{font-size:9px;margin-top:3px}
#retry-reference{margin-bottom:10px;font-size:11px}
.tryon-preview canvas{max-height:76dvh}
@media(max-width:700px){
  .tryon-dialog .tryon-controls{max-height:none}
  .tryon-dialog .tryon-preview{min-width:0}
  .tryon-preview canvas{max-height:62dvh}
  .shade-choice-heading{gap:8px}
  .shade-choice-heading h3{font-size:11px}
  .shade-choice-heading .plain-link{font-size:9px}
  .preview-color-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
  .preview-color{min-height:52px}
  .source-photo-panel{max-width:350px;margin-inline:auto}
  .tryon-product h3{overflow-wrap:anywhere}
  #studio-product-select{min-width:0;max-width:100%;text-overflow:ellipsis}
}

.studio-selector-filters{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:8px}
.studio-selector-filters>.control-label{grid-column:1/-1;margin-bottom:2px}
.studio-selector-filters input,.studio-selector-filters select{min-width:0}
.studio-selector-filters>#studio-search{grid-column:1/-1}
.studio-product-count{font-size:10px;line-height:1.8;color:#666;margin-top:9px}
.studio-stock-status{font-size:10px;line-height:1.9;color:#555;margin-block:10px 14px}
.studio-stock-status.sold-out{border-inline-start:2px solid #333;padding:8px 11px;background:#f5f5f5;color:#333}
.source-variant .variant-stock{font-weight:600;color:#333}
.product-badges{position:absolute;right:10px;top:12px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;pointer-events:none;max-width:calc(100% - 58px)}
.product-badges .product-badge{position:static;line-height:1.7}
.product-badges .sold-out{background:#333;color:#fff}
.filter-panel>.stock-filter{width:220px;max-width:100%}
.stock-filter .full-select{width:100%;min-width:0;font-size:11px}
.source-photo-button.reference-only{cursor:default}
.preview-color:disabled>span{opacity:1}
@media(max-width:390px){.studio-selector-filters{grid-template-columns:minmax(0,1fr)}.studio-product-count{font-size:9px}}