/* Motion upload metadata panel: tags, multi-category tree, GIF/MP4 previews, AI suggestions. */
.mu-upload-meta { display:grid; gap:calc(var(--cb-editor-space) * 0.6); }
.mu-organize { display:grid; gap:calc(var(--cb-editor-space) * 0.7); }
.mu-catset { border:var(--cb-border-width) solid color-mix(in srgb, var(--cb-border) 14%, transparent); border-radius:calc(var(--cb-radius) * 0.83333); padding:calc(var(--cb-editor-space) * 0.5) calc(var(--cb-editor-space) * 0.6); margin:0; display:grid; gap:calc(var(--cb-editor-space) * 0.4); }
.mu-catset > legend { padding:0 calc(var(--cb-editor-space) * 0.3); font-size:calc(12px * var(--cb-type-scale)); letter-spacing:.04em; opacity:.82; }
.mu-hint { margin:0; font-size:calc(12px * var(--cb-type-scale)); line-height:calc(1.5 * var(--cb-leading-scale)); opacity:.78; }
.mu-hint.is-error { color:var(--cb-danger-ink); opacity:1; }
.mu-orphan { opacity:.9; }
.mu-new-path small { opacity:.7; }

/* checklist */
.mu-cat-list { display:grid; gap:calc(var(--cb-editor-space) * 0.1); max-height:260px; overflow-y:auto; overflow-x:hidden; padding:calc(var(--cb-editor-space) * 0.1) 0; }
.mu-cat-row { display:flex; align-items:center; gap:calc(var(--cb-editor-space) * 0.4); padding:4px 6px 4px calc(6px + var(--mu-depth, 0) * 16px); border-radius:calc(var(--cb-radius) * 0.5); cursor:pointer; font-size:calc(13px * var(--cb-type-scale)); }
.mu-cat-row:hover { background:color-mix(in srgb, var(--cb-hover) 6%, transparent); }
.mu-cat-row input[type="checkbox"] { margin:0; padding:0; width:16px; height:16px; min-width:16px; flex:0 0 16px; }
.mu-cat-row span { flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mu-cat-row small { opacity:.55; font-size:calc(11px * var(--cb-type-scale)); flex:0 0 auto; }
.mu-cat-row[style*="--mu-depth:1"] { border-left:var(--cb-border-width) solid color-mix(in srgb, var(--cb-border) 10%, transparent); }
.mu-cat-row[style*="--mu-depth:2"],
.mu-cat-row[style*="--mu-depth:3"] { border-left:var(--cb-border-width) solid color-mix(in srgb, var(--cb-border) 6%, transparent); }

/* preview */
.mu-preview-field { display:grid; gap:calc(var(--cb-editor-space) * 0.4); }
.mu-preview-body { display:grid; gap:calc(var(--cb-editor-space) * 0.4); }
.mu-preview-body [hidden] { display:none; }
.mu-preview-current { display:grid; gap:calc(var(--cb-editor-space) * 0.3); justify-items:start; }
.mu-preview-current img,
.mu-preview-current video { max-width:280px; max-height:200px; border-radius:calc(var(--cb-radius) * 0.66667); background:var(--cb-preview-surface); display:block; }
.mu-preview-current small { opacity:.66; font-size:calc(11px * var(--cb-type-scale)); }
.mu-file-drop { display:inline-flex; align-items:center; gap:calc(var(--cb-editor-space) * 0.4); padding:calc(var(--cb-editor-space) * 0.4) calc(var(--cb-editor-space) * 0.6); border:var(--cb-border-width) dashed color-mix(in srgb, var(--cb-border) 26%, transparent); border-radius:calc(var(--cb-radius) * 0.66667); cursor:pointer; font-size:calc(13px * var(--cb-type-scale)); width:fit-content; }
.mu-file-drop:hover { border-color:color-mix(in srgb, var(--cb-border-strong) 50%, transparent); }
.mu-file-drop input[type="file"] { display:none; }
.mu-file-drop small { opacity:.6; }
.mu-preview-status { margin:0; font-size:calc(12px * var(--cb-type-scale)); min-height:1em; }
.mu-preview-status.is-ok { color:var(--cb-muted); }
.mu-preview-status.is-error { color:var(--cb-danger-ink); }

/* taxonomy editor */
.mu-taxonomy { border:var(--cb-border-width) dashed color-mix(in srgb, var(--cb-border) 18%, transparent); border-radius:calc(var(--cb-radius) * 0.83333); padding:calc(var(--cb-editor-space) * 0.4) calc(var(--cb-editor-space) * 0.5); }
.mu-taxonomy > summary { cursor:pointer; font-size:calc(13px * var(--cb-type-scale)); opacity:.86; }
.mu-tax-add { display:flex; gap:calc(var(--cb-editor-space) * 0.3); align-items:center; margin-top:10px; flex-wrap:wrap; }
.mu-tax-add input,
.mu-tax-add select { min-width:0; }
.mu-tax-list { list-style:none; margin:10px 0 0; padding:0; display:grid; gap:calc(var(--cb-editor-space) * 0.2); max-height:320px; overflow:auto; }
.mu-tax-row { display:grid; grid-template-columns:minmax(90px,1fr) minmax(90px,1fr) auto auto auto; gap:calc(var(--cb-editor-space) * 0.3); align-items:center; padding-left:calc(var(--mu-depth, 0) * 14px); }
.mu-tax-row .mu-tax-name { min-width:0; }
.mu-tax-row .btn { padding:calc(var(--cb-editor-space) * 0.1) calc(var(--cb-editor-space) * 0.4); font-size:calc(12px * var(--cb-type-scale)); }
@media (max-width: 720px) {
  .mu-tax-row { grid-template-columns:1fr 1fr; }
  .mu-preview-current img,
  .mu-preview-current video { max-width:100%; }
}

/* AI block */
.mu-ai { border:var(--cb-border-width) solid color-mix(in srgb, var(--cb-border) 28%, transparent); border-radius:calc(var(--cb-radius) * 0.83333); padding:calc(var(--cb-editor-space) * 0.5) calc(var(--cb-editor-space) * 0.6); display:grid; gap:calc(var(--cb-editor-space) * 0.4); }
.mu-ai-head { display:flex; align-items:center; gap:calc(var(--cb-editor-space) * 0.4); flex-wrap:wrap; font-size:calc(13px * var(--cb-type-scale)); }
.mu-ai-head .mu-ai-title { font-weight:600; }
.mu-ai-head .mu-ai-model { opacity:.7; font-size:calc(12px * var(--cb-type-scale)); }
.mu-ai-egress { font-size:calc(12px * var(--cb-type-scale)); opacity:.78; margin:0; }
.mu-ai-controls { display:flex; gap:calc(var(--cb-editor-space) * 0.4); flex-wrap:wrap; align-items:center; }
.mu-ai-status { margin:0; font-size:calc(12px * var(--cb-type-scale)); min-height:1em; }
.mu-ai-status.is-error { color:var(--cb-danger-ink); }
.mu-ai-status.is-ok { color:var(--cb-muted); }
.mu-ai-out { display:grid; gap:calc(var(--cb-editor-space) * 0.3); font-size:calc(13px * var(--cb-type-scale)); }
.mu-ai-out .mu-ai-line { display:flex; gap:calc(var(--cb-editor-space) * 0.3); flex-wrap:wrap; }
.mu-ai-chip { display:inline-block; padding:calc(var(--cb-editor-space) * 0.05) calc(var(--cb-editor-space) * 0.35); border-radius:999px; background:color-mix(in srgb, var(--cb-inset) 16%, transparent); font-size:calc(12px * var(--cb-type-scale)); }
.mu-ai-warn { color:var(--cb-warning-ink); font-size:calc(12px * var(--cb-type-scale)); }
.mu-ai-settings { display:grid; gap:calc(var(--cb-editor-space) * 0.6); }
.mu-ai-provider { border:var(--cb-border-width) solid color-mix(in srgb, var(--cb-border) 14%, transparent); border-radius:calc(var(--cb-radius) * 0.83333); padding:calc(var(--cb-editor-space) * 0.5) calc(var(--cb-editor-space) * 0.6); display:grid; gap:calc(var(--cb-editor-space) * 0.4); }
.mu-ai-provider.is-active { border-color:color-mix(in srgb, var(--cb-border-strong) 50%, transparent); }
.mu-ai-provider .mu-ai-row { display:grid; grid-template-columns:120px 1fr; gap:calc(var(--cb-editor-space) * 0.4); align-items:center; font-size:calc(13px * var(--cb-type-scale)); }
@media (max-width: 720px) {
  .mu-ai-provider .mu-ai-row { grid-template-columns:1fr; }
}
.mu-ai-key-state { font-size:calc(12px * var(--cb-type-scale)); opacity:.78; }