@layer components{.ranura-traducir{align-items:center;display:inline-flex}.traduccion-barra{gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-3);display:flex}.traduccion-barra:empty{display:none}.traduccion-boton{min-height:2.75rem;padding-inline:var(--space-4);border-radius:var(--radius-sm);background-color:var(--color-primary);color:var(--color-primary-contrast);font:inherit;font-weight:var(--font-weight-semibold);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.traduccion-boton:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.ranura-traducir .traduccion-boton{align-self:center}.traduccion-boton-sec{color:var(--color-primary-text);border-color:var(--color-border-control);background-color:#0000}.traduccion-cuerpo{gap:var(--space-4);flex-direction:column;max-width:70ch;display:flex}.traduccion-opciones{gap:var(--space-3);flex-wrap:wrap;display:flex}.traduccion-opcion{min-height:3.5rem;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);background-color:var(--color-bg-elevated);color:var(--color-text);font:inherit;font-weight:var(--font-weight-semibold);cursor:pointer;flex:12rem}.traduccion-opcion:hover{background-color:var(--color-bg)}.traduccion-opcion:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.traduccion-vista-previa{max-height:24rem;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family-mono);font-size:var(--font-size-sm);white-space:pre;margin:0;line-height:1.6;overflow:auto}.traduccion-vista-previa:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.traduccion-aviso{font-weight:var(--font-weight-semibold);color:var(--color-text-danger);margin:0}.traduccion-motivos{gap:var(--space-2);color:var(--color-text);flex-direction:column;margin:0;padding-inline-start:var(--space-5);display:flex}.traduccion-donde{color:var(--color-text-muted)}.traduccion-ayuda,.traduccion-aviso-reemplazo{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.graded-feedback{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);flex-direction:column;margin-block-start:var(--space-3);display:flex}.graded-feedback[hidden]{display:none}.graded-feedback-title{margin:0;font-size:1rem}.graded-feedback-intro{color:var(--color-text-muted);margin:0;font-size:.875rem}.graded-feedback-list{gap:var(--space-2);flex-direction:column;margin:0;padding-inline-start:var(--space-4);display:flex}.graded-feedback-item-title{margin:0;font-weight:600}.graded-feedback-item-text{overflow-wrap:anywhere;margin:0}.graded-feedback-locked{gap:var(--space-1);padding:var(--space-3);border:1px dashed var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);flex-direction:column;display:flex}.graded-feedback-locked-title{margin:0;font-weight:600}.graded-feedback-locked-text{color:var(--color-text-muted);margin:0;font-size:.875rem}.graded-feedback-item[data-cuesta=true] .graded-feedback-item-title{text-underline-offset:.2em;text-decoration:underline}.graded-feedback-button{min-height:2.75rem;padding-block:var(--space-2);padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text);font:inherit;cursor:pointer;align-self:flex-start}.graded-feedback-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.graded-feedback-button:hover{background-color:var(--color-surface)}.graded-feedback-exhausted{color:var(--color-text-muted);margin:0;font-size:.875rem}.exercise-selector{--exercise-selector-focus:var(--color-primary);gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);flex-direction:column;min-width:0;display:flex}@media (prefers-color-scheme:dark){.exercise-selector{--exercise-selector-focus:var(--color-focus-dark)}}:root[data-theme=dark] .exercise-selector{--exercise-selector-focus:var(--color-focus-dark)}:root[data-theme=light] .exercise-selector{--exercise-selector-focus:var(--color-primary)}.exercise-selector-encabezado{color:var(--color-text);overflow-wrap:anywhere;margin:0;font-size:clamp(1.05rem,1rem + .4vw,1.125rem);font-weight:700;line-height:1.3}.exercise-selector-estado-region{min-height:1.25em;color:var(--color-text-muted);margin:0;font-size:.875rem}.exercise-selector-estado-region[role=alert]{color:var(--color-text-danger);background-color:var(--color-bg-danger);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.exercise-selector-controles{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.exercise-selector-label{color:var(--color-text);font-size:.875rem;font-weight:600}.exercise-selector-select{color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);max-width:100%;font-size:.85rem}.exercise-selector-select:disabled{cursor:not-allowed;opacity:.75}.exercise-selector-select:focus-visible{outline:2px solid var(--exercise-selector-focus);outline-offset:2px}.exercise-selector-contador{color:var(--color-text-muted);margin:0;font-size:.875rem}.exercise-statement-error{margin:var(--space-3) 0 0;padding:var(--space-3);color:var(--color-text-danger);background-color:var(--color-bg-danger);border-radius:var(--radius-sm)}}