/* Lavender Lotus Studio 8.9.5 — full Portfolio Library dashboard chooser */
.dashboard-photo-picker-shell{
  width:min(1120px,calc(100vw - 32px))!important;
  height:min(860px,calc(100dvh - 32px))!important;
  max-width:calc(100vw - 32px)!important;
  max-height:calc(100dvh - 32px)!important;
  min-width:0!important;
  min-height:0!important;
  margin:auto!important;
  overflow:hidden!important;
}
.dashboard-photo-picker-shell form{height:100%;min-width:0}
.dashboard-photo-picker-shell .modal-body{
  padding:18px 22px 24px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  min-width:0!important;
}
#dashboardPhotoPickerBody{min-width:0;width:100%}
.dashboard-picker-intro{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:22px;
  padding-bottom:16px;
  border-bottom:1px solid var(--line);
}
.dashboard-picker-intro h3{margin:4px 0 7px;font-family:var(--serif);font-size:1.55rem;font-weight:500}
.dashboard-picker-intro p{max-width:620px;margin:0;color:var(--muted);font-size:.86rem;line-height:1.55}
.dashboard-picker-current{
  display:grid;
  grid-template-columns:82px minmax(0,1fr);
  align-items:center;
  gap:12px;
  width:min(330px,40%);
  min-width:260px;
  padding:9px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--surface-2);
}
.dashboard-picker-current img{width:82px;height:68px;object-fit:contain;border-radius:11px;background:#ebe6e2}
.dashboard-picker-current span{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:7px}
.dashboard-picker-current strong{max-width:100%;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dashboard-picker-current .button{min-height:34px;padding:6px 10px;font-size:.7rem}
.dashboard-slot-tabs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:16px 0;
}
.dashboard-slot-tabs button{
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  align-items:center;
  gap:10px;
  min-width:0;
  min-height:66px;
  padding:7px;
  border:1px solid var(--line);
  border-radius:15px;
  background:var(--surface);
  color:var(--text);
  text-align:left;
}
.dashboard-slot-tabs button.active{border-color:var(--wine);box-shadow:0 0 0 2px rgba(83,45,67,.1)}
.dashboard-slot-tabs img,.dashboard-slot-tabs svg{width:54px;height:50px;object-fit:contain;border-radius:10px;background:#ece7e3}
.dashboard-slot-tabs span{font-size:.76rem;font-weight:750;line-height:1.25}
.dashboard-picker-upload{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  padding:14px 16px;
  border:1px dashed rgba(83,45,67,.32);
  border-radius:17px;
  background:rgba(83,45,67,.035);
  cursor:pointer;
}
.dashboard-picker-upload.is-dragging{border-color:var(--wine);background:rgba(83,45,67,.09)}
.dashboard-picker-upload>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--wine);color:#fff}
.dashboard-picker-upload div{display:flex;min-width:0;flex-direction:column;gap:3px}
.dashboard-picker-upload strong{font-size:.85rem}
.dashboard-picker-upload small{color:var(--muted);font-size:.72rem;line-height:1.4}
.dashboard-picker-controls{
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(0,auto);
  align-items:center;
  gap:14px;
  margin:17px 0 10px;
}
.dashboard-picker-controls .inline-search{width:100%;min-width:0}
.dashboard-picker-groups{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;min-width:0}
.dashboard-picker-groups button{
  min-height:36px;
  padding:7px 11px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--surface);
  color:var(--text);
  font-size:.7rem;
  font-weight:750;
}
.dashboard-picker-groups button.active{background:var(--wine);border-color:var(--wine);color:#fff}
.dashboard-picker-count{margin:4px 0 11px;color:var(--muted);font-size:.75rem}
.dashboard-picker-count strong{color:var(--text)}
.dashboard-picker-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  width:100%;
  min-width:0;
}
.dashboard-picker-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:8px;
  padding:7px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--surface);
  color:var(--text);
  text-align:left;
}
.dashboard-picker-card:hover,.dashboard-picker-card:focus-visible{border-color:rgba(83,45,67,.5);box-shadow:0 8px 22px rgba(41,28,35,.08)}
.dashboard-picker-card.is-selected{border-color:var(--wine);box-shadow:0 0 0 2px rgba(83,45,67,.1)}
.dashboard-picker-image{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:11px;background:#e9e4df}
.dashboard-picker-image img{display:block;width:100%;height:100%;object-fit:contain}
.dashboard-picker-image em{position:absolute;left:7px;bottom:7px;padding:5px 7px;border-radius:999px;background:rgba(44,31,38,.86);color:#fff;font-size:.58rem;font-style:normal;font-weight:800}
.dashboard-picker-card>span:last-child{display:flex;min-width:0;flex-direction:column;gap:3px;padding:0 2px 3px}
.dashboard-picker-card strong{font-size:.73rem;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.dashboard-picker-card small{color:var(--muted);font-size:.62rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dashboard-picker-more{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;padding:20px 0 4px}
.dashboard-picker-all-loaded{text-align:center;color:var(--muted);font-size:.72rem;padding:18px 0 4px}
.built-in-photo-section .field-help{display:block;margin:-2px 0 9px;color:var(--muted);font-size:.7rem;line-height:1.45}

@media(max-width:1000px){
  .dashboard-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .dashboard-picker-controls{grid-template-columns:minmax(0,1fr)}
  .dashboard-picker-groups{justify-content:flex-start}
}
@media(max-width:760px){
  .dashboard-photo-picker-shell{width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important}
  .dashboard-photo-picker-shell .modal-body{padding:14px!important}
  .dashboard-picker-intro{display:block}
  .dashboard-picker-current{width:100%;min-width:0;margin-top:12px}
  .dashboard-slot-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .dashboard-picker-upload{grid-template-columns:auto minmax(0,1fr)}
  .dashboard-picker-upload .button{grid-column:1/-1;width:100%}
  .dashboard-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
}
@media(max-width:520px){
  .dashboard-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-picker-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .dashboard-picker-groups button{width:100%;padding-inline:6px}
  .dashboard-slot-tabs button{grid-template-columns:42px minmax(0,1fr);min-height:58px}
  .dashboard-slot-tabs img,.dashboard-slot-tabs svg{width:42px;height:42px}
  .dashboard-picker-upload>span{width:38px;height:38px}
}