/* /slots v6 — 3-col grid + trial side panel */

.compose-row{
  display:grid;grid-template-columns:1.4fr 1fr;gap:14px;
  margin-bottom:24px;
}
@media (max-width: 980px){
  .compose-row{grid-template-columns:1fr}
}
.compose{margin-bottom:0}

/* Trial-runs side panel (replaces the inline 6-thumb grid) */
.trial-panel{
  background:hsl(var(--card) / 0.5);
  border:1px solid hsl(var(--border));
  border-radius:14px;
  display:flex;flex-direction:column;
  overflow:hidden;
}
.trial-panel-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 16px 8px;
}
.trial-panel-head h3{margin:0;font-size:13px;font-weight:600;color:hsl(var(--foreground))}
.trial-stat{
  font-family:var(--mono);font-size:10.5px;color:hsl(var(--muted-fg));
  padding:2px 7px;background:hsl(var(--muted));border-radius:5px;
}
.trial-list{
  flex:1;display:flex;flex-direction:column;
  overflow-y:auto;padding:0 8px 8px;
  max-height:340px;
}
.trial-list::-webkit-scrollbar{width:5px}
.trial-list::-webkit-scrollbar-thumb{background:hsl(var(--border-strong));border-radius:3px}
.trial-row{
  display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;
  padding:8px 10px;border-radius:8px;
  background:transparent;border:0;cursor:pointer;text-align:left;
  transition:background .12s;
  margin-bottom:2px;
}
.trial-row:hover{background:hsl(var(--card-hover))}
.trial-thumbs{display:flex;gap:2px;flex-shrink:0}
.trial-thumbs img{
  width:32px;aspect-ratio:9/16;object-fit:cover;
  border-radius:4px;background:hsl(var(--muted));
  box-shadow:inset 0 0 0 1px hsl(var(--border));
}
.trial-info{min-width:0;display:flex;flex-direction:column;gap:2px}
.trial-status{
  display:inline-block;width:fit-content;
  font-size:9px;font-family:var(--mono);font-weight:600;
  letter-spacing:0.04em;text-transform:uppercase;
  padding:1px 5px;border-radius:3px;
  background:hsla(38,92%,60%,0.18);color:hsl(38 92% 75%);
}
.trial-status:has-text("active"){background:hsla(160,65%,50%,0.18);color:hsl(160 65% 70%)}
.trial-row[data-status="archived"] .trial-status{background:hsl(var(--muted));color:hsl(var(--muted-fg))}
.trial-brief{
  font-size:11.5px;line-height:1.4;color:hsl(var(--foreground) / 0.85);
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;
}
.trial-meta{font-size:10.5px;color:hsl(var(--ink-3));font-family:var(--mono)}
.trial-arrow{color:hsl(var(--ink-3));font-size:18px;font-family:var(--mono)}
.trial-row:hover .trial-arrow{color:hsl(var(--foreground))}
.trial-panel-foot{
  padding:8px 16px 12px;border-top:1px solid hsl(var(--border) / 0.5);
  font-size:10.5px;color:hsl(var(--ink-3));text-align:center;
}

/* Saved slots — 3-col grid */
.slot-grid-row{
  display:grid;grid-template-columns:repeat(3, 1fr);gap:12px;
}
@media (max-width: 1100px){
  .slot-grid-row{grid-template-columns:repeat(2, 1fr)}
}
@media (max-width: 720px){
  .slot-grid-row{grid-template-columns:1fr}
}
.slot-card-grid{
  display:flex;flex-direction:column;gap:8px;
  border:1px solid hsl(var(--border));background:hsl(var(--card) / 0.6);
  border-radius:12px;padding:14px 16px;
  min-height:240px;
}
.slot-card-grid.empty{
  border-style:dashed;
  background:transparent;
  align-items:center;justify-content:center;
  color:hsl(var(--ink-3));font-size:12px;
}
.slot-card-grid.empty .empty-plus{
  font-size:24px;color:hsl(var(--muted-fg) / 0.4);
  margin-bottom:6px;
}
.slot-card-grid.empty p{margin:0;font-size:11.5px}

.slot-grid-head{
  display:flex;justify-content:space-between;align-items:center;
}
.slot-grid-head .slot-status{
  display:inline-flex;align-items:center;gap:5px;
  padding:1.5px 8px;border-radius:5px;
  font-size:10.5px;font-weight:500;
}
.slot-grid-head .slot-status.active{background:hsla(160,65%,50%,0.15);color:hsl(160 65% 70%)}
.slot-grid-head .slot-status.paused{background:hsl(var(--muted));color:hsl(var(--muted-fg))}
.slot-grid-head .slot-status.researching{background:hsla(38,92%,60%,0.15);color:hsl(38 92% 75%)}
.slot-grid-head .slot-status .status-dot{width:5px;height:5px;border-radius:50%;background:currentColor}

.slot-grid-id{
  font-family:var(--mono);font-size:11px;color:hsl(var(--muted-fg));
}
.slot-card-grid .slot-brief{
  margin:0;font-size:12px;line-height:1.55;color:hsl(var(--foreground) / 0.8);
  display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;
  flex:1;
}
.slot-grid-samples{
  display:grid;grid-template-columns:repeat(4, 1fr);gap:4px;
}
.slot-grid-samples img{
  width:100%;aspect-ratio:9/16;object-fit:cover;
  border-radius:5px;background:hsl(var(--muted));
  box-shadow:inset 0 0 0 1px hsl(var(--border));
}
.slot-grid-foot{
  display:flex;justify-content:space-between;
  font-family:var(--mono);font-size:10px;color:hsl(var(--ink-3));
  padding-top:4px;border-top:1px solid hsl(var(--border) / 0.5);
}

/* Trial detail dialog content (re-using detail-dialog frame) */
.trial-detail-content .detail-head{margin-bottom:14px}
.trial-detail-thumb-grid{
  display:grid;grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));gap:10px;
}