:root { color-scheme: light; font: 16px/1.5 system-ui, sans-serif; color: #202921; background: #f4f7f3; }
main { max-width: 64rem; margin: 3rem auto; padding: 0 1rem; }
.panda-header { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
form { max-width: 25rem; padding: 1.5rem; background: white; border: 1px solid #d3dfd1; border-radius: .75rem; }
form h2 { margin-top: 0; }
form label { display: block; margin: 1rem 0; }
form input { box-sizing: border-box; display: block; width: 100%; padding: .65rem; border: 1px solid #839782; border-radius: .35rem; font: inherit; }
.button { padding: .55rem .9rem; border: 1px solid #205941; border-radius: .35rem; background: #205941; color: white; font: inherit; cursor: pointer; }
.button.secondary { color: #205941; background: white; }
.button:disabled { opacity: .5; cursor: default; }
#workspace article { margin: 1rem 0; padding: 1rem; border: 1px solid #d3dfd1; border-radius: .75rem; background: white; }
#workspace video { display: block; max-width: 100%; max-height: 65vh; }
#workspace pre { white-space: pre-wrap; overflow-wrap: anywhere; }