/* playground overrides — on top of style.css (verbatim copy of lcm-demo). Keep minimal. */
/* Panel opens on its description, like lcm-demo panels open on .controls */
#model-panel>form>.dataset-info:first-child{margin-top:0}
/* File picker + sample link sit on one line, like lcm-demo's photo picker */
#upload-zone{transition:box-shadow .3s ease}
#upload-zone.dragover{box-shadow:inset 0 0 0 1px var(--blue)}
#upload-zone input[type=file]{display:inline-block;margin:6px 18px 0 0;vertical-align:middle}
#upload-zone .plain-link{vertical-align:middle}
/* Selected files: tag-list chips */
.file-list{margin:16px 0 0;padding:0;list-style:none}
.file-list:empty{display:none}
.file-list li{display:inline-flex;align-items:center;gap:8px;padding:5px 6px 5px 12px;border-radius:999px;background:var(--paper);font-size:13px}
.file-list small{color:var(--muted);font-variant-numeric:tabular-nums}
.file-list button{display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:15px;line-height:1}
.file-list button:hover{background:var(--cloth);color:var(--ink)}
.feature-help .input-label{margin-top:16px}
.feature-help textarea{margin-bottom:0}
.form-message{color:var(--red)}
/* Job result */
#job-details{margin:6px 0 22px}
#job-loading:empty{display:none}
#job-details .output-label{margin-top:22px;overflow-wrap:anywhere}
.commerce-result strong{text-transform:capitalize}
.commerce-result strong[data-state=failed],.commerce-result strong[data-state=cancelled]{color:var(--red)}
.job-error{margin-bottom:20px;color:var(--ink);overflow-wrap:anywhere}
#job-events td:first-child{width:180px;white-space:nowrap;color:var(--muted)}
#job-details .model-meta:empty{display:none}
.job-actions{margin-bottom:0}
.job-actions .plain-link{margin-right:auto}
@media(max-width:760px){
  #upload-zone input[type=file]{display:block;margin:6px 0 12px}
  #job-events td:first-child{width:auto}
  .job-actions .plain-link{margin-right:0;justify-content:center;padding:8px 0}
}
@media(max-width:760px){
  #model-panel .key-row{flex-wrap:nowrap}
  #model-panel .key-row .button{width:auto}
}