/* Production-only presentation of existing H3 forms and real result states.
   No preview toolbar, fixture state or demonstration media is included. */
.media-unavailable {
  color: var(--muted);
  background: var(--surface-2);
}
.task-type-icon {
  color: var(--lime);
  background: var(--violet-soft);
}
.real-video { background: var(--bg); }
/* Approved single-link analysis. Reuses the existing workspace palette. */
.single-link-source { display:grid; gap:10px; padding:24px; }
.single-link-source label { margin:0; font-size:14px; font-weight:600; }
.single-link-source>input { width:100%; min-width:0; margin:0; }
.single-link-source>small { font-size:13px; line-height:1.6; color:var(--muted); }
.single-link-source .source-status { margin:0; min-height:0; }
.single-link-source .source-status:empty { display:none; }
.single-link-source input[aria-invalid="true"] { border-color:var(--red); }
.source-analysis { display:flex; align-items:flex-start; gap:12px; width:100%; margin-top:6px; padding-top:16px; border-top:1px solid var(--border); color:var(--muted); font-size:13px; line-height:1.6; }
.source-analysis-copy { flex:1; min-width:0; display:grid; gap:3px; overflow-wrap:anywhere; }
.source-analysis-copy strong { font-size:13px; color:var(--text); font-weight:600; }
.source-analysis-copy small { font-size:13px; }
.source-analysis-mark { display:grid; place-items:center; flex:none; width:20px; height:20px; margin-top:1px; border:1px solid currentColor; border-radius:50%; font-size:12px; line-height:1; }
[data-analysis-state="analyzing"] .source-analysis-mark { border-color:var(--border); border-top-color:var(--lime); animation:source-analysis-spin 1s linear infinite; }
[data-analysis-state="supported"] .source-analysis-mark,[data-analysis-state="supported"] strong { color:#35d39a; }
[data-analysis-state="unsupported"] .source-analysis-mark,[data-analysis-state="invalid"] .source-analysis-mark { color:var(--red); }
.source-analysis-retry { min-height:38px; flex:none; padding:8px 12px; font-size:12px; }
@keyframes source-analysis-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { [data-analysis-state="analyzing"] .source-analysis-mark { animation:none; } }
@media(max-width:600px) { .single-link-source { padding:18px; } .source-analysis { flex-wrap:wrap; } .source-analysis-retry { margin-left:32px; } .source-analysis-copy { flex-basis:calc(100% - 32px); } }
.h3-mode i { background: var(--muted); box-shadow: 0 0 0 1px var(--border-strong); }
.h3-mode.selected i { background: var(--accent); box-shadow: 0 0 0 1px var(--accent); }
.h3-field-error, .h3-field .h3-field-error { color: var(--red); }
.h3-image-index { background: var(--surface-3); color: var(--text); }
.h3-remove { color: var(--muted); }
.h3-add-material { border-color: var(--border-strong); }
.h3-inline-note { background: #332916; color: var(--warning); }
.h3-review-aside strong { color: var(--lime); }
.h3-review-aside p { color: var(--muted); }
.h3-material, .h3-settings, .h3-review { min-width: 0; }
.h3-review-row strong { white-space: pre-wrap; }
.a-feature-illustration { margin: 0; }
.a-feature-illustration img { width: 100%; height: 100%; object-fit: cover; }
.a-feature-illustration .a-player-label { pointer-events: none; }
.a-feature-illustration .a-player-label small {
  display: block; margin-top: 4px; font-size: 10px; font-weight: 400; color: #fff;
}
@media (max-width: 480px) {
  .a-feature-illustration .a-player-label { padding: 8px; font-size: 11px; }
  .a-feature-illustration .a-player-label small { font-size: 9px; line-height: 1.35; }
  .h3-material-head { flex-wrap: wrap; gap: 6px; }
  .h3-input-meta { flex-wrap: wrap; gap: 6px; }
}