.lut-file-row {
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:8px 0 2px;
}

.lut-file-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:9px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  color:var(--text);
  font:inherit;
  cursor:pointer;
}

.lut-file-button:hover {
  filter:brightness(0.98);
}

.lut-file-note {
  color:#6b7787;
  font-size:12px;
}

.lut-status {
  margin-top:9px;
}

.lut-status.is-error {
  color:var(--danger);
  background:#fff7f7;
  border-color:#f0c9c6;
}

#lutStrength:disabled {
  opacity:.55;
  cursor:not-allowed;
}


.lut-apply-actions {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:10px 0 0;
}

.lut-apply-actions.secondary {
  margin-top:8px;
}

.lut-apply-actions button {
  width:auto;
  margin-top:0;
}

.lut-scope-status {
  margin-top:10px;
}

.lut-scope-status.is-warning {
  background:#fff9e9;
  border-color:#f0ddb0;
  color:#7a5a00;
}

.lut-file-row + .lut-status {
  margin-bottom:2px;
}

@media (max-width: 640px) {
  .lut-apply-actions {
    flex-direction:column;
    align-items:stretch;
  }
  .lut-apply-actions button {
    width:100%;
  }
}


.photo-edit-dock .lut-file-button {
  background:#fff;
}
.photo-edit-dock .lut-apply-actions {
  margin-top:0;
}
.photo-edit-dock .lut-scope-status {
  margin-top:0;
}

/* v22: LUT action feedback uses the shared floating toast. */
#lutStatus { display:none !important; }