/* Five compact rows within the original desktop cart height cap. */
.active-layer-heading {display:flex;align-items:center;gap:7px;min-width:0;}
#activeLayerCount {font:600 12px/1.2 var(--font-body);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ui-text);}
#activeLayerLimitNotice {flex:0 0 100%;font:500 11px/1.3 var(--font-body);color:var(--ui-text);}
#activeLayerLimitNotice[hidden] {display:none;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #optionPanel #activeLayersZone {
  --active-cart-max-height:min(32vh,300px);
  --active-row-height:calc((var(--active-cart-max-height) - 52px) / 5);
  box-sizing:border-box;max-height:var(--active-cart-max-height);flex:0 0 auto;padding:6px!important;
}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #activeLayersZone .active-layers-header {
  display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:5px;row-gap:3px;flex:0 0 auto;margin-bottom:4px!important;
}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #activeLayersZone .active-layer-heading {gap:5px;white-space:nowrap;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #activeLayersZone h2 {font-size:13px!important;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #activeLayersZone .active-layer-actions {gap:4px;justify-self:end;white-space:nowrap;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #activeLayersZone .active-layer-actions .btn {padding:3px 5px;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #activeLayerCount {font-size:11px;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #activeLayerLimitNotice {grid-column:1 / -1;font-size:10px;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #optionPanel #active-layers-list {
  display:flex;flex-direction:column;flex:0 1 auto;gap:3px;padding:0;min-height:0;max-height:none;overflow:hidden;
}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #active-layers-list .cart-layer-card {
  flex:0 1 var(--active-row-height);height:var(--active-row-height);min-height:0;max-height:var(--active-row-height);padding:3px 9px 3px 11px;border-radius:18px;
}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #active-layers-list .cart-layer-header {
  height:100%;grid-template-columns:minmax(0,1fr) 28px;grid-template-rows:minmax(0,1fr) 8px;align-items:center;column-gap:6px;row-gap:2px;
}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #active-layers-list .cart-layer-title {
  height:100%;max-height:none;overflow:hidden;display:flex;align-items:center;font-size:12px;line-height:1.2;overflow-wrap:anywhere;
}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #active-layers-list .cart-remove-btn {align-self:center;width:24px;height:24px;min-height:24px;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #active-layers-list :is(.cart-opacity-control,.compact-slider,.cart-opacity-value) {height:8px;min-height:0;}
html:not(:is([data-app-layout=phone],[data-app-layout=tablet])) #active-layers-list .cart-opacity-value {font-size:8px;line-height:8px;}

.ws-photo-progress-shade {position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:24px;background:#08172e55;backdrop-filter:blur(3px);}
.ws-photo-progress-shade .ws-import-progress {box-sizing:border-box;max-height:calc(100dvh - 48px);overflow:auto;}
.ws-photo-progress-shade .ws-import-progress-detail {white-space:pre-line;max-height:160px;overflow:auto;}
.ws-photo-progress-actions {display:flex;gap:8px;flex-wrap:wrap;justify-content:center;}