/* /assets/css/tool-ui.css */

/* --- Collapsible controls area (500ms) --- */
.tool-controls {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 500ms ease, opacity 200ms ease;
  pointer-events: none;
}
.tool-controls.is-open {
  max-height: 1400px;
  opacity: 1;
  pointer-events: auto;
}

/* --- File list padding balance (global fix) --- */
.tool-controls .tap-file-info,
.tool-controls .pw-file-list-wrap,
.tool-controls .pw-file-list {
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}

/* Make the list look like the rest of the form */
.pw-file-list .pw-file-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.pw-file-list .pw-file-row:last-child { border-bottom: 0; }
.pw-file-name { max-width: 78%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pw-file-size { opacity: .85; }

/* --- Start Over placement --- */
.pw-startover-wrap { text-align: center; margin-top: 12px; }

/* --- Dropzone pulse when they click run with no file --- */
.pw-dropzone.pw-needs-file { animation: pwPulse 600ms ease-in-out 0s 1; }
@keyframes pwPulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.01); }
  100% { transform: scale(1); }
}

/* --- State toggles (optional but handy) --- */
.tool-shell[data-state="idle"] .tool-controls { /* stays collapsed */ }
.tool-shell[data-state="ready"] .tool-controls { /* opened by JS via class */ }
.tool-shell[data-state="running"] .tool-controls { /* collapsed by JS */ }
/* Merge file list – make it visible no matter what */
.pw-file-list-wrap {
  padding: 0 16px;
  box-sizing: border-box;
  margin-top: 10px;
}

.pw-file-list-inner {
  display: block !important;
  min-height: 16px;
}

.pw-file-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid rgba(0,0,0,.06);
}

.pw-file-row:last-child { border-bottom: 0; }

.pw-file-name {
  max-width: 78%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pw-file-size { opacity: .85; }