.answer-feedback{min-width:0;display:block;position:relative}.prototype .answer-feedback.answer-feedback>input{width:100%;padding-inline-end:2.5rem}.answer-feedback[data-answer-result=correct]{--answer-color:var(--ui-green);--answer-background:var(--ui-green-soft)}.answer-feedback[data-answer-result=incorrect]{--answer-color:var(--ui-rose);--answer-background:var(--ui-rose-soft)}.prototype .answer-feedback.answer-feedback[data-answer-result]>input{border-color:var(--answer-color);background:var(--answer-background)}.answer-feedback-group[data-answer-result]{outline:1px solid var(--answer-color);outline-offset:2px;background:var(--answer-background);border-radius:8px}.prototype .answer-feedback-group.answer-feedback-group[data-answer-result] .builder-option{background:0 0}.answer-feedback-icon{inset-inline-end:.75rem;color:var(--answer-color);pointer-events:none;line-height:0;position:absolute;top:50%;transform:translateY(-50%)}.answer-feedback-icon svg{stroke-width:2px;width:18px;height:18px}.answer-feedback-group>.answer-feedback-icon{background:var(--answer-background);border-radius:4px;top:0}@media (forced-colors:active){.answer-feedback-icon{color:canvastext}}
.builder-option{border:1px solid var(--ui-border,#dfe7f7);background:#fff;border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.builder-option button{cursor:pointer;padding:4px}.builder-option button:disabled{opacity:.4;cursor:default}.builder-option input{accent-color:var(--ui-blue,#1266ff);flex-shrink:0;margin-top:3px}.builder-option svg{width:18px;height:18px}.builder-option:focus-within{outline:2px solid var(--ui-blue,#1266ff);outline-offset:2px}.builder-flashcard{border:1px solid var(--ui-border,#dbe5fb);text-align:center;cursor:pointer;background:linear-gradient(130deg,#f9fbff,#edf3ff);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;min-height:230px;padding:25px;display:flex}.builder-flashcard small{color:#6e83ae;letter-spacing:1px;font-size:10px}.builder-flashcard strong{overflow-wrap:anywhere;font-size:22px;font-weight:600}.builder-flashcard>span{color:#50709b;font-size:12px}.builder-flashcard:focus-visible{outline:2px solid var(--ui-blue,#1266ff);outline-offset:2px}