.teaser-workspace { display: grid; gap: 1rem; }
.build-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); align-items: end; gap: .8rem; padding: 1rem; border: 1px solid var(--line); background: var(--surface); border-radius: var(--tn-radius-sm); }
.build-form label { display: grid; gap: .25rem; font-weight: 600; min-width: 0; }
.build-form select, .build-form input { width: 100%; min-width: 0; }
.build-form select, .build-form input, .teaser-answer, .scratchpad, .reflection select { min-height: 2.65rem; border: 1px solid var(--muted); border-radius: .3rem; padding: .45rem .6rem; background: var(--background); color: var(--ink); font: inherit; }
.teaser-card h2 { margin-top: 0; }
.teaser-meta { color: var(--muted); }
.teaser-form { display: grid; gap: .6rem; margin: 1rem 0; }
.teaser-form label { display: grid; gap: .3rem; font-weight: 600; }
.teaser-answer { width: min(22rem, 100%); }
.teaser-form fieldset { display: grid; gap: .5rem; border: 0; padding: 0; }
.teaser-form legend { margin-bottom: .4rem; font-weight: 600; }
.teaser-form .choice { display: flex; align-items: center; gap: .55rem; font-weight: 400; }
.teaser-form input[type="radio"] { accent-color: var(--accent); }
.scratchpad { width: 100%; min-height: 8rem; resize: vertical; }
.reflection { display: grid; gap: .25rem; margin-top: .8rem; }
.reflection select { width: min(22rem, 100%); }
.teaser-help, .teaser-reveal { margin-top: .8rem; padding: .75rem; background: var(--wash); }
.teaser-help p, .teaser-reveal p { margin: .35rem 0; }
.teaser-feedback { min-height: 1.5rem; }
.teaser-feedback[data-kind="correct"] { color: var(--good); }
.teaser-feedback[data-kind="incorrect"], .teaser-feedback[data-kind="invalid"] { color: var(--bad); }
.storage-warning { color: var(--gold); }
.teaser-actions { display: flex; justify-content: flex-end; }