body { font: 16px/1.5 system-ui, sans-serif; margin: 0; background: #111; color: #eee; }
main { max-width: 960px; margin: 0 auto; padding: 24px; }
textarea, input { width: 100%; box-sizing: border-box; background: #222; color: #eee; border: 1px solid #444; padding: 8px; }
textarea { min-height: 96px; }
button { margin: 8px 0; padding: 8px 16px; }
pre { white-space: pre-wrap; word-break: break-all; background: #222; padding: 8px; }
a { color: #8cf; word-break: break-all; }
.error { color: #f77; }
#sas { font-size: 40px; letter-spacing: 8px; min-height: 56px; }
#videos { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
figure { margin: 0; }
video { width: 100%; background: #000; border-radius: 8px; }
.small { font-size: 12px; color: #888; }
li[data-result='fail'], #summary[data-result='fail'] { color: #f77; }
#preview video { max-width: 320px; }